.stat span color: #f5c542; font-size: 1rem; background: #00000080; padding: 2px 8px; border-radius: 20px; margin-left: 6px;
.info-panel display: flex; justify-content: space-between; align-items: baseline; margin-top: 18px; gap: 20px; flex-wrap: wrap; background: #0e121fcc; backdrop-filter: blur(4px); padding: 12px 20px; border-radius: 60px; border: 1px solid #2ecc7133; pixel speedrun unblocked 66
.timer-box background: #000000aa; padding: 6px 18px; border-radius: 40px; font-size: 1.7rem; font-weight: bold; font-family: monospace; color: #0fef7f; text-shadow: 0 0 5px #1eff9e; letter-spacing: 2px; .stat span color: #f5c542
canvas display: block; margin: 0 auto; box-shadow: 0 0 0 4px #2e3b3e, 0 0 0 8px #1e2a2e, 0 10px 25px rgba(0,0,0,0.5); image-rendering: crisp-edges; image-rendering: pixelated; image-rendering: pixelated; cursor: pointer; padding: 2px 8px
@media (max-width: 560px) .stat font-size: 1rem; .timer-box font-size: 1.2rem; button font-size: 0.9rem; padding: 4px 12px; .stats gap: 12px; .info-panel justify-content: center; </style> </head> <body> <div> <div class="game-container"> <canvas id="gameCanvas" width="800" height="480"></canvas> <div class="info-panel"> <div class="stats"> <div class="stat">🏆 SCORE <span id="scoreValue">0</span></div> <div class="stat">⚡ BEST <span id="bestValue">0</span></div> </div> <div class="timer-box" id="timerDisplay">00:00</div> <div class="controls"> <button id="resetBtn">🔄 RESTART</button> </div> </div> <div style="display: flex; justify-content: space-between; margin-top: 12px; padding: 0 8px;"> <div class="status">🎮 [SPACEBAR / CLICK] → JUMP</div> <div class="status">🏁 PIXEL SPEEDRUN 66</div> </div> </div> </div>
.stat font-weight: bold; font-size: 1.5rem; letter-spacing: 2px; color: #b3ffe0; text-shadow: 0 0 3px #0f0;