@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--yellow:#ffda48;--ink:#111c22;--cream:#f5e8c8}*{box-sizing:border-box}body{margin:0;background:#10191e;color:var(--cream);font-family:'Space Mono',monospace;font-size:14px}.cabinet{max-width:1320px;padding:24px 42px 12px;margin:auto}header{height:64px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #3b4648;margin-bottom:20px}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;font-weight:900;color:var(--yellow);text-decoration:none;letter-spacing:-2px}.brand span{font-size:15px;letter-spacing:0;border:1px solid var(--yellow);padding:1px;margin-left:4px;vertical-align:top}.edition{letter-spacing:2px;font-size:14px;font-weight:bold;flex:1}.edition span{font-size:11px;color:#879493;display:block;letter-spacing:3px;margin-top:4px}button{font:inherit;cursor:pointer;touch-action:none}header button{background:none;color:#e5dec8;border:1px solid #4b5657;padding:10px 14px;font-size:12px}header button:hover,.secondary:hover{border-color:var(--yellow);color:var(--yellow)}#stage{position:relative;aspect-ratio:1.7;overflow:hidden;border:1px solid #62726b;background:#faaf76}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#00000012 0px,#00000012 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 80px #17252e50}.overlay{position:absolute;inset:0;padding:4.2% 5%;background:linear-gradient(90deg,#182028f2 0%,#182028b8 40%,#18202818 78%);z-index:6}.eyebrow{font-size:11px;letter-spacing:2px;color:#dfd4b5;display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;background:var(--yellow)}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(70px,8.3vw,120px);line-height:.81;letter-spacing:-2px;margin:26px 0 16px;font-style:italic;font-weight:900;position:relative;width:360px;text-shadow:5px 5px 0 #15252b}h1 span{color:var(--yellow)}h1 sup{font-size:38px;color:var(--yellow);position:absolute;top:0;margin-left:12px}.tag{font-size:11px;letter-spacing:2px;margin:20px 0 24px}.start-card{max-width:350px}.route{display:flex;gap:12px;align-items:center;margin-bottom:14px}.route>span{font-size:25px;color:var(--yellow);border-right:1px solid #73807b;padding-right:13px}.route small{font-size:10px;color:#b8bbaa;letter-spacing:1px;display:block}.route b{font-size:14px;font-weight:400}.route em{margin-left:auto;font-style:normal;font-size:11px;color:var(--yellow)}.primary{background:var(--yellow);color:#172126;border:0;border-bottom:4px solid #bb842c;width:100%;padding:15px 22px;font-size:17px;letter-spacing:2px;font-weight:bold;text-align:left}.primary:hover{background:#ffe87d}.primary span{float:right}.start-card p{font-size:10px;color:#bebfab;white-space:nowrap}.menu-footer{position:absolute;bottom:23px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#b7bdad}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:68px;font-size:10px;letter-spacing:1px;color:#a8b1ab;border-bottom:1px solid #3b4648}.key{display:inline-block;min-width:24px;border:1px solid #59625e;padding:5px;text-align:center;border-bottom:3px solid #59625e;margin-right:4px;color:#eee4c6}.key.wide{padding:5px 8px;margin-left:12px}.below{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#798b88;padding:18px 0}.below b{font-weight:normal;color:#b6beb1;margin-left:10px}.mobile-hint{display:none}#hud{position:absolute;inset:0;z-index:4;padding:23px 30px;pointer-events:none;text-shadow:2px 2px #17242e}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center}.hud-top small{display:block;font-size:11px;letter-spacing:2px}.hud-top strong{font-family:Impact,sans-serif;font-size:44px;color:var(--yellow);font-weight:normal}.hud-top strong span{font-size:22px;color:var(--cream)}.location{text-align:center}.location b{display:block;margin:8px;font-size:12px}.progress{width:200px;height:5px;background:#142b36}.progress i{display:block;height:100%;background:var(--yellow);width:0}.hud-bottom{position:absolute;bottom:25px;left:30px;right:30px;background:#101e29bc;padding:10px 16px;border-top:2px solid #e4c55c}.hud-bottom strong{font:44px Impact,sans-serif;color:var(--yellow)}.hud-bottom small{font-size:10px;margin-left:8px}.meters{width:30%;max-width:210px}.meters label{display:flex;align-items:center;gap:10px;font-size:10px;margin:7px 0}.meters i{height:9px;background:#0a131c;flex:1}.meters em{height:100%;background:#b9d48d;display:block}#nitro{background:#5cdae2}.distance b{font-size:22px}#message{text-align:center;margin-top:25px;color:var(--yellow);font-weight:bold;font-size:22px}.result,.paused{background:#101e29e8;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.result small,.paused small{color:var(--yellow);letter-spacing:3px}.result h2,.paused h2{font-family:Impact,sans-serif;font-size:clamp(38px,6vw,75px);margin:15px 0;color:var(--yellow);font-style:italic}.result p{max-width:420px;line-height:1.8;font-size:14px}.result button,.paused button{max-width:300px;text-align:center;margin:8px}.secondary{background:none;border:1px solid #737f80;color:var(--cream);padding:12px}#touch{position:absolute;bottom:15px;left:12px;right:12px;z-index:7;display:flex;justify-content:space-between}#touch>div{display:flex;gap:6px}#touch button{border:1px solid #f1e4bc85;background:#142633bb;color:var(--cream);min-width:48px;height:52px;font-weight:bold;font-size:14px;user-select:none;-webkit-user-select:none}#touch .boost{background:#e3c348d9;color:#14232c}#touch .kick{background:#bf6336d9}#touch button:active{background:#f1d566;color:#15252b}[hidden]{display:none!important}:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:1100px){#stage{max-height:720px}}@media(pointer:coarse){.mobile-hint{display:block}footer>div{display:none}#hud .hud-bottom{bottom:85px}#touch:not([hidden]){display:flex}}@media(pointer:fine){#touch{display:none!important}}@media(max-width:700px){.cabinet{padding:8px 12px}.edition{font-size:11px;letter-spacing:1px}.edition span{font-size:8px;letter-spacing:1px}header{gap:12px;margin-bottom:12px;height:58px}header button{padding:8px;font-size:10px}#stage{aspect-ratio:.66;max-height:800px}.overlay{padding:40px 24px}h1{font-size:100px;margin-top:35px;width:260px}h1 sup{font-size:30px}.eyebrow{font-size:8px;letter-spacing:1px}.tag{font-size:8px;letter-spacing:1px;margin:25px 0 32px}.start-card{margin-top:30px}.start-card p{font-size:8px}.route b{font-size:12px}.menu-footer{font-size:7px;left:24px;right:24px;letter-spacing:0}.menu-footer span:first-child{max-width:140px}footer{font-size:8px;justify-content:center;min-height:45px}footer>div{display:none}.mobile-hint{display:block}.below{font-size:7px;line-height:1.8;gap:12px}.below b{display:block;margin:0}#hud{padding:18px 15px}.location b{font-size:8px;margin:6px 0}.location small{font-size:8px}.hud-top small{font-size:8px}.hud-top strong{font-size:32px}.progress{width:125px}.hud-bottom{bottom:85px;left:12px;right:12px;padding:6px 10px}.hud-bottom strong{font-size:30px}.hud-bottom small{font-size:8px}.meters{width:35%}.distance b{font-size:16px}.distance small{display:block}.result p{font-size:12px}#message{font-size:16px;margin-top:40px}}@media(max-height:550px) and (orientation:landscape){.cabinet{padding:0 10px}header{height:38px;margin-bottom:5px}#stage{height:calc(100dvh - 45px);aspect-ratio:auto}footer,.below{display:none}.overlay{padding:18px 30px}h1{font-size:70px;margin:15px 0}.tag{margin:10px 0}.start-card{position:absolute;right:30px;top:30%;width:300px}.menu-footer{bottom:12px}}