*{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}#top-left-panel{flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}#hud{flex-direction:column;gap:10px;display:flex}#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}#top-left-panel,#hud{gap:var(--hud-gap,4px)}#hud-score{font-size:18px}#hud-speed-label,#hud-health-label{margin-bottom:calc(2px - var(--hud-gap,4px))}}#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-speed-fill.against{background:#e0a040}#hud-speed-fill.braking{background:#d66a45}#hud-blockade{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#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}#hud-diable{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#hud-diable-label{color:#ff9a5a;letter-spacing:3px;text-shadow:2px 2px #000,0 0 10px #ff5a14b3;font-size:11px}#hud-diable-wrap{background:#0000008c;border:4px solid #f4ead2;width:228px;height:15px;box-shadow:3px 3px #000,0 0 14px #ff3c0a66}#hud-diable-fill{background:linear-gradient(#ff6a1e,#b81c08);width:100%;height:100%;transition:width .12s linear}@media (hover:none) and (pointer:coarse){#hud-diable-wrap{width:172px;height:13px}}#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}#town-banner .town-name{display:inline-block;transform:scaleY(1.1)}#town-banner{color:#f4ead2;white-space:nowrap;text-shadow:1px 1px #000;pointer-events:none;background:#0a0e14d9;border:2px solid #e0a458;max-width:80%;padding:14px 22px 13px;font-size:12px;line-height:1;position:absolute;top:6px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:3px 3px #000}#save-indicator{opacity:0;pointer-events:none;background:#0a0e14d9;border:3px solid #e0a458;flex-direction:column;align-items:center;gap:8px;padding:12px 16px 11px;transition:opacity .3s;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:4px 4px #000}#save-indicator.show{opacity:1}#save-indicator canvas{width:132px;height:66px;image-rendering:pixelated}#save-indicator .save-label{color:#f4ead2;text-shadow:1px 1px #000;font-size:12px;line-height:1}@media (hover:hover) and (pointer:fine){#save-indicator{border-width:4px;gap:10px;padding:15px 20px 14px;box-shadow:5px 5px #000}#save-indicator canvas{width:165px;height:83px}#save-indicator .save-label{font-size:15px}}#boss-banner{text-align:center;color:#ffce6a;text-shadow:3px 3px #000;letter-spacing:1px;opacity:0;pointer-events:none;z-index:50;background:#0a0e14d1;border:4px solid #e0a458;max-width:92vw;padding:16px 22px;font-size:clamp(16px,6vw,34px);line-height:1.4;transition:opacity .3s,transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)scale(.7);box-shadow:5px 5px #000}#boss-banner.show{opacity:1;transform:translate(-50%,-50%)scale(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;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 (hover:none) and (pointer:coarse){#now-playing{align-items:center;gap:9px;max-width:220px;padding:7px 10px;display:flex}.np-label{display:none}.np-head{margin-bottom:0}.np-body{min-width:0}.np-title,.np-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-artist{margin-top:3px}.np-artist:before{content:none}}@media (prefers-reduced-motion:reduce){#now-playing{transition:opacity .3s;transform:none}.np-eq span{height:65%;animation:none}}.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)}body.at-title #right-panel,body.at-title #touch-dpad,body.at-title #top-left-panel{visibility:hidden}#title-scene{image-rendering:pixelated;opacity:1;transition:opacity .8s;position:fixed;top:0;left:0}#title-scene.leaving{opacity:0}body.at-title #title-screen{background:#0a0e14e6}#title-menu{flex-direction:column;gap:14px;margin-top:28px;display:flex}#title-menu button{padding:15px 22px;font-size:clamp(13px,4vw,16px)}#title-menu button:focus-visible{outline-offset:3px;background:#f4c07c;outline:3px solid #f4ead2}#continue-where{margin-top:9px;font-size:clamp(9px,2.8vw,11px);line-height:1.6;display:block}#continue-where span{white-space:nowrap}@media (width<=480px){#title-menu button{padding:14px 10px}}#continue-where:empty{display:none}#final-stats{margin-bottom:28px;font-size:10px;line-height:2}#offline-status{color:#f4ead2b3;margin:24px 0 0;font-size:9px;line-height:1.8}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:row;justify-content:flex-end;gap:6px;display:flex}#mute-btn,#pause-btn{width:40px;height:40px;box-shadow:none;opacity:.85;background:0 0;border:none;padding:4px}#mute-btn:hover,#pause-btn:hover{opacity:1;background:0 0}#mute-btn:focus-visible,#pause-btn:focus-visible{outline-offset:1px;outline:2px solid #f4ead2}#mute-btn:active,#pause-btn:active{box-shadow:none;opacity:.7;transform:none}#mute-btn svg,#pause-btn svg{display:block}#touch-dpad{z-index:5;position:fixed;bottom:20px;right:20px}#steer-pad{--k:var(--key,56px);--gap:calc(var(--k) * .16);width:calc(3 * var(--k) + 2 * var(--gap));height:calc(2 * var(--k) + var(--gap));touch-action:none;-webkit-tap-highlight-color:transparent;position:relative}.steer-arrow{width:var(--k);height:var(--k);color:#f4ead2cc;border:max(2px, calc(var(--k) * .05)) solid #f4ead266;border-radius:calc(var(--k) * .16);pointer-events:none;background:#0a0e1480;justify-content:center;align-items:center;font-size:0;transition:color 50ms linear,background-color 50ms linear,border-color 50ms linear;display:flex;position:absolute}.steer-arrow:before{content:"";background:currentColor;transition:background-color 50ms linear;display:block}.steer-up:before,.steer-down:before{width:calc(var(--k) * .4);height:calc(var(--k) * .32)}.steer-left:before,.steer-right:before{width:calc(var(--k) * .32);height:calc(var(--k) * .4)}.steer-up:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.steer-down:before{clip-path:polygon(0 0,100% 0,50% 100%)}.steer-left:before{clip-path:polygon(100% 0,100% 100%,0 50%)}.steer-right:before{clip-path:polygon(0 0,0 100%,100% 50%)}.steer-arrow.active{color:#ff6b6b;background:#d6454566;border-color:#ff6b6b}.steer-up{margin-left:calc(var(--k) / -2);inset:0 auto auto 50%}.steer-left{inset:auto auto 0 0}.steer-down{margin-left:calc(var(--k) / -2);inset:auto auto 0 50%}.steer-right{inset:auto 0 0 auto}#steer-knob{display:none}@media (hover:none) and (pointer:coarse){#steer-pad{--k:var(--key,70px)}.steer-arrow{pointer-events:auto;touch-action:none;color:#f4ead2f2;background:#0a0e14a3;border-color:#f4ead280}}body.touch-landscape #now-playing{max-width:var(--side-room,130px);gap:4px;padding:6px}body.touch-landscape .np-title,body.touch-landscape .np-artist{white-space:normal;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}body.touch-landscape .np-eq{gap:1px}body.touch-landscape .np-eq span{width:2px}body.touch-landscape .np-title{-webkit-line-clamp:3;line-clamp:3;font-size:8px}body.touch-landscape .np-artist{font-size:7px}body.touch-bare #steer-pad{--gap:calc(var(--k) * .05)}body.touch-bare .steer-arrow{filter:drop-shadow(0 0 2px #000000e6)drop-shadow(2px 2px #0009);background:0 0;border-color:#0000}body.touch-bare .steer-up:before,body.touch-bare .steer-down:before{width:calc(var(--k) * .86);height:calc(var(--k) * .66)}body.touch-bare .steer-left:before,body.touch-bare .steer-right:before{width:calc(var(--k) * .66);height:calc(var(--k) * .86)}body.touch-bare .steer-left,body.touch-bare .steer-right{top:calc((100% - var(--k)) / 2);bottom:auto}body.touch-bare .steer-arrow.active{background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){#steer-pad:after{content:"MOVE";margin-bottom:calc(var(--k) * .22);font-size:calc(var(--k) * .24);letter-spacing:.22em;color:#f4ead273;white-space:nowrap;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}}#weapon-dpad{z-index:5;flex-direction:row;gap:10px;display:flex;position:fixed;bottom:20px;left:20px}@media (hover:none) and (pointer:coarse) and (width<=700px){#weapon-dpad{flex-direction:column}}@media (hover:none) and (pointer:coarse){#weapon-dpad:after{content:"FIRE";letter-spacing:.22em;color:#f4ead28c;white-space:nowrap;pointer-events:none;margin-bottom:6px;font-size:8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}}.weapon-key{pointer-events:all;touch-action:none;-webkit-tap-highlight-color:transparent;color:#f4ead2cc;width:72px;height:72px;box-shadow:none;cursor:pointer;background:#0a0e1480;border:3px solid #f4ead299;border-radius:14px;justify-content:center;align-items:center;padding:0;font-family:"Press Start 2P",monospace;font-size:26px;line-height:1;transition:color 60ms linear,background-color 60ms linear,border-color 60ms linear;display:flex}.weapon-key:hover{background:#0a0e149e}.weapon-key.active,.weapon-key:active{color:#ff6b6b;box-shadow:none;background:#d6454559;border-color:#ff6b6b;transform:none}.weapon-icon{display:none}@media (hover:none) and (pointer:coarse){#weapon-dpad{--fire-big:70px;--fire-small:70px;width:calc(var(--fire-big) + var(--fire-small) * .72);height:calc(var(--fire-big) + var(--fire-small) * .62);display:block}#weapon-dpad .weapon-key{--fire-visual-inset:2.5px;background:0 0;border-color:#0000;border-radius:50%;font-size:0;position:absolute}#weapon-dpad .weapon-key:before{content:"";inset:var(--fire-visual-inset);pointer-events:none;background:#0a0e1473;border:2px solid #f4ead273;border-radius:50%;position:absolute}#weapon-dpad .weapon-key .weapon-icon{position:relative}#fire-z{width:var(--fire-big);height:var(--fire-big);bottom:0;left:0}#fire-x{width:var(--fire-small);height:var(--fire-small);top:0;right:0}.weapon-icon{pointer-events:none;width:67%;height:67%;display:block}#weapon-dpad .weapon-key.active,#weapon-dpad .weapon-key:active{background:0 0;border-color:#0000}#weapon-dpad .weapon-key.active:before,#weapon-dpad .weapon-key:active:before{background:#d6454559;border-color:#ff6b6b}#weapon-dpad .weapon-key.active .weapon-icon,#weapon-dpad .weapon-key:active .weapon-icon{filter:sepia()saturate(6)hue-rotate(-30deg)}}@media (hover:hover) and (pointer:fine){#weapon-dpad{--k:calc(var(--key,34px) * 1.3);flex-direction:column}.weapon-key{width:var(--k);height:var(--k);font-size:calc(var(--k) * .4);border:max(2px, calc(var(--k) * .055)) solid #f4ead273;border-radius:calc(var(--k) * .18);background:#0a0e148c}#weapon-dpad:after{content:"FIRE";margin-bottom:calc(var(--k) * .22);font-size:calc(var(--k) * .24);letter-spacing:.22em;color:#f4ead273;white-space:nowrap;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}}#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}