.stat font-weight: bold; font-size: 1.5rem; letter-spacing: 2px; color: #b3ffe0; text-shadow: 0 0 3px #0f0;
.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
button background: #1f2a2e; border: none; font-family: 'Courier New', monospace; font-weight: bold; font-size: 1.2rem; padding: 6px 18px; border-radius: 40px; color: #eef4ff; cursor: pointer; transition: 0.1s linear; box-shadow: 0 4px 0 #0b0e14; letter-spacing: 1px; .stat font-weight: bold
.status background: #071013; padding: 5px 14px; border-radius: 60px; font-weight: bold; color: #ffd966; font-size: 1rem; text-shadow: 0 0 3px #0f0
@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>
.stats display: flex; gap: 32px; background: #01010180; padding: 6px 18px; border-radius: 40px;
