html,body{margin:0;padding:0;overflow:hidden;height:100%;background:#0b1f16;font-family:Trebuchet MS,Verdana,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px;pointer-events:none;z-index:5;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}.hud-left .score{font-size:42px;font-weight:900;letter-spacing:1px;line-height:1}.hud-left .dist{font-size:16px;opacity:.85}.hud-right{text-align:right}.hud-right .coins{font-size:24px;font-weight:800}.hud-right .speed{font-size:14px;opacity:.8}#mute-btn{margin-top:6px;pointer-events:auto;cursor:pointer;background:#00000073;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:16px;padding:4px 10px}#vignette{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}#speedlines{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:0;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 8deg,rgba(255,255,255,.06) 8deg 9deg);transition:opacity .3s}#event-banner{position:fixed;top:18%;left:0;right:0;z-index:6;text-align:center;pointer-events:none;font-size:44px;font-weight:900;letter-spacing:6px;color:#ff5a3c;text-shadow:0 3px 0 #4a0e00,0 6px 20px rgba(0,0,0,.7);animation:bannerpulse .5s ease-in-out infinite alternate}@keyframes bannerpulse{0%{transform:scale(1)}to{transform:scale(1.06)}}#effects{position:fixed;left:18px;bottom:16px;z-index:5;display:flex;gap:8px;pointer-events:none;font-size:20px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}#effects span{background:#00000080;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:4px 10px}#popup{position:fixed;top:34%;left:0;right:0;z-index:6;text-align:center;pointer-events:none;font-size:38px;font-weight:900;letter-spacing:3px;color:#ffe45e;text-shadow:0 3px 0 #6a4a00,0 6px 20px rgba(0,0,0,.7)}#popup.pop{animation:popfade .9s ease-out forwards}@keyframes popfade{0%{transform:scale(.6);opacity:0}15%{transform:scale(1.15);opacity:1}30%{transform:scale(1)}75%{opacity:1}to{transform:scale(1.05) translateY(-12px);opacity:0}}#hud.frenzy .score{color:#ffd34d}#start-overlay,#gameover-overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050f0ab8;color:#ffe9b0;text-align:center;padding:20px;backdrop-filter:blur(3px)}#start-overlay h1,#gameover-overlay h1{margin:0 0 10px;font-size:56px;letter-spacing:4px;font-weight:900;color:#ffcf4d;text-shadow:0 4px 0 #7a4a00,0 8px 24px rgba(0,0,0,.8)}#start-overlay p,#gameover-overlay p{margin:6px 0;font-size:17px;color:#fff3d6}#start-overlay .sub{opacity:.75;font-size:14px}#start-overlay button,#gameover-overlay button{margin-top:18px;font-size:22px;font-weight:900;letter-spacing:2px;padding:14px 44px;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#ffd34d,#f59e0b);color:#3a2200;box-shadow:0 6px #92400e,0 10px 24px #00000080}#start-overlay button:active,#gameover-overlay button:active{transform:translateY(3px);box-shadow:0 2px #92400e}.hidden{display:none!important}#final-score{font-size:20px;font-weight:700}#best-score{opacity:.8}