*{box-sizing:border-box}html,body{color:#f4ead2;-webkit-user-select:none;user-select:none;background:#0a0e14;width:100%;height:100%;margin:0;padding:0;font-family:"Press Start 2P",monospace;overflow:hidden}#app{background:#0a0e14;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}#app canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}#ui{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.hidden{display:none!important}#hud{flex-direction:column;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}#hud-score{color:#ffd23f;text-shadow:3px 3px #000,-1px -1px #7a4a00;letter-spacing:1px;font-size:22px}#hud-speed-label,#hud-health-label{color:#bcae94;text-shadow:2px 2px #000;letter-spacing:1px;margin-top:2px;font-size:9px}#hud-speed-wrap,#hud-health-wrap{background:#0006;border:3px solid #f4ead2;width:220px;height:14px;box-shadow:3px 3px #000}@media (hover:none) and (pointer:coarse){#hud-speed-wrap,#hud-health-wrap{width:150px;height:10px}}#hud-speed-fill{background:#e0a458;width:30%;height:100%;transition:width .15s linear,background-color .3s}#hud-health-fill{background:#5cae4c;width:100%;height:100%;transition:width .25s ease-out,background-color .3s}#hud-health-fill.warn{background:#e0c458}#hud-health-fill.critical{background:#d64545;animation:.6s ease-in-out infinite health-pulse}@keyframes health-pulse{0%,to{opacity:1}50%{opacity:.55}}#damage-flash{opacity:0;pointer-events:none;background:radial-gradient(#c81e1400 35%,#c81e1480 100%);transition:opacity .25s ease-out;position:fixed;inset:0}#damage-flash.show{opacity:1;transition:opacity 30ms ease-in}#hud-speed-fill.rapids{background:#bfe6f2}#hud-blockade-label{color:#e6a0a0;text-shadow:2px 2px #000;letter-spacing:1px;margin-top:2px;font-size:9px}#hud-blockade-wrap{background:#0006;border:3px solid #f4ead2;width:220px;height:14px;box-shadow:3px 3px #000}@media (hover:none) and (pointer:coarse){#hud-blockade-wrap{width:150px;height:10px}}#hud-blockade-fill{background:#c73a3a;width:0%;height:100%;transition:width .15s linear}#milestone-banner{text-align:center;color:#f4ead2;white-space:nowrap;text-shadow:2px 2px #000;opacity:0;pointer-events:none;background:#0a0e14c7;border:3px solid #e0a458;padding:14px 20px;font-size:11px;transition:opacity .6s;position:absolute;top:60px;left:50%;transform:translate(-50%)}#milestone-banner.show{opacity:1}#now-playing{pointer-events:none;opacity:0;background:#0a0e14d9;border:3px solid #e0a458;max-width:260px;padding:11px 13px 12px;transition:transform .55s cubic-bezier(.16,.9,.3,1),opacity .4s;position:absolute;bottom:16px;left:16px;transform:translate(calc(-100% - 24px));box-shadow:4px 4px #000}#now-playing.show{opacity:1;transform:translate(0)}@media (hover:none) and (pointer:coarse){#now-playing{max-width:190px;padding:8px 10px 9px}}.np-head{align-items:center;gap:7px;margin-bottom:8px;display:flex}.np-label{letter-spacing:2px;color:#e0a458;text-shadow:1px 1px #000;font-size:7px}.np-eq{flex:none;align-items:flex-end;gap:2px;height:11px;display:flex}.np-eq span{background:#e0a458;width:3px;height:30%;animation:.85s ease-in-out infinite np-eq}.np-eq span:nth-child(2){animation-delay:-.55s}.np-eq span:nth-child(3){animation-delay:-.2s}.np-eq span:nth-child(4){animation-delay:-.75s}@keyframes np-eq{0%,to{height:22%}50%{height:100%}}.np-title{color:#f4ead2;text-shadow:2px 2px #000;font-size:10px;line-height:1.55}.np-artist{color:#e0a458;text-shadow:1px 1px #000;margin-top:5px;font-size:8px;line-height:1.5}.np-artist:before{content:"♪ "}@media (width<=480px){.np-title{font-size:9px}}@media (prefers-reduced-motion:reduce){#now-playing{transition:opacity .3s;transform:none}.np-eq span{height:65%;animation:none}}.screen.intro{pointer-events:none;transition:opacity .8s}.screen.intro.intro-fade-out{opacity:0}.screen{pointer-events:all;text-align:center;background:#0a0e14b8;border:4px solid #e0a458;max-width:90vw;max-height:90vh;padding:32px 40px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media (width<=480px){.screen{padding:24px 16px}}.screen h1{color:#e0a458;text-shadow:3px 3px #000;letter-spacing:2px;margin:0 0 16px;font-size:28px}#title-screen h1,#pause-screen h1{margin:0;font-size:clamp(26px,9vw,48px)}#final-stats{margin-bottom:28px;font-size:10px;line-height:2}button{pointer-events:all;color:#1a1208;cursor:pointer;background:#e0a458;border:3px solid #f4ead2;padding:14px 22px;font-family:"Press Start 2P",monospace;font-size:11px;box-shadow:4px 4px #000}button:hover{background:#f4c07c}#right-panel{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:16px;right:16px}#right-buttons{flex-direction:column;align-items:stretch;gap:6px;display:flex}#mute-btn,#pause-btn{letter-spacing:1px;opacity:.8;padding:9px 11px;font-size:9px;line-height:1}#mute-btn:hover,#pause-btn:hover{opacity:1}#mute-btn.muted{opacity:.5}#mute-btn.muted:hover{opacity:.7}#touch-dpad{z-index:5;flex-direction:row;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.dpad-btn{color:#f4ead2;width:58px;height:58px;box-shadow:none;pointer-events:all;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0a0e148c;border:3px solid #f4ead2a6;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:0;font-size:26px;display:flex}.dpad-btn:active,.dpad-btn.pressed{background:#d64545d9;border-color:#ff6b6b}#minimap{aspect-ratio:1;pointer-events:none;background:#274d26;border:3px solid #f4ead2;flex:none;width:190px;position:relative;box-shadow:4px 4px #000}#minimap svg{width:100%;height:100%;display:block}#minimap-marker{animation:1.1s ease-in-out infinite minimap-pulse}@keyframes minimap-pulse{0%,to{opacity:1}50%{opacity:.45}}button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}