*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game-container{position:relative;width:100%;height:100%;max-width:500px;margin:0 auto;background:#87ceeb;pointer-events:auto}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;pointer-events:none;background:#000000b3;color:#fff;text-align:center}.screen.active{display:flex;pointer-events:auto}.screen button,.screen input{pointer-events:auto}.screen h1{font-size:4rem;font-weight:900;letter-spacing:.1em;text-shadow:4px 4px 0 #2d5a27;margin-bottom:20px}.screen h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.screen h2.victory{color:gold;text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3),2px 2px 0 #B8860B;animation:victory-glow 1s ease-in-out infinite alternate}@keyframes victory-glow{0%{transform:scale(1)}to{transform:scale(1.05)}}.best-score{font-size:1.2rem;color:gold;margin-bottom:30px}.start-hint{font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite;margin-bottom:20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.controls-hint{display:flex;gap:40px;font-size:1rem;opacity:.7}.controls-hint span{padding:8px 16px;background:#ffffff1a;border-radius:8px}.final-score{font-size:2rem;margin-bottom:10px}.final-score span{color:gold;font-weight:700}.new-best{font-size:1.2rem;color:#32cd32;margin-bottom:20px;display:none}.new-best.visible{display:block;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.name-input-container{margin-bottom:20px;width:100%;max-width:250px}#name-input{width:100%;padding:12px 16px;font-size:1.1rem;border:none;border-radius:8px;text-align:center;outline:none;background:#fff;color:#333}#name-input:focus{box-shadow:0 0 0 3px #ffd70080}.btn{padding:14px 32px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .1s,box-shadow .1s;margin:8px}.btn:active{transform:scale(.95)}.btn.primary{background:gold;color:#333;box-shadow:0 4px #b8860b}.btn.primary:hover{background:#ffed4a}.btn.secondary{background:#fff3;color:#fff;box-shadow:0 4px #0003}.btn.secondary:hover{background:#ffffff4d}#leaderboard-container{width:100%;max-width:350px;max-height:50vh;overflow-y:auto;margin-bottom:20px;background:#0000004d;border-radius:12px;padding:10px}#leaderboard-loading{padding:40px;color:#aaa}#leaderboard-table{width:100%;border-collapse:collapse;display:none}#leaderboard-table.loaded{display:table}#leaderboard-table th,#leaderboard-table td{padding:10px 8px;text-align:left}#leaderboard-table th{font-size:.9rem;color:#aaa;border-bottom:1px solid rgba(255,255,255,.1)}#leaderboard-table td{font-size:1rem}#leaderboard-table tr.current-player{background:#ffd70033}#leaderboard-table tr.current-player td{color:gold;font-weight:600}.player-rank{font-size:1rem;color:#aaa;margin-bottom:15px}#hud{position:absolute;top:0;left:0;width:100%;padding:20px;pointer-events:none;display:none;z-index:50}#hud.visible{display:block}#score-display{font-size:3rem;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center}#timer-bar-container{width:100%;height:8px;background:#0000004d;border-radius:4px;margin-top:10px;overflow:hidden}#timer-bar{height:100%;width:100%;background:linear-gradient(90deg,#32cd32,#7cfc00);border-radius:4px;transition:width .05s linear,background .3s}#timer-bar.low{background:linear-gradient(90deg,#ff4500,tomato)}#timer-bar.almost{background:linear-gradient(90deg,gold,orange);animation:progress-pulse .3s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}#mute-btn{position:absolute;top:15px;right:15px;width:44px;height:44px;background:#0000004d;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;z-index:100;transition:background .2s}#mute-btn:hover{background:#00000080}@media (max-width: 400px){.screen h1{font-size:3rem}.screen h2{font-size:2rem}#score-display{font-size:2.5rem}}