*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#05070c;color:#cfe3ea;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#game-canvas{display:block;width:100%;height:100%;cursor:none}body.sf-cursor #game-canvas{cursor:default}.sf-hud{position:fixed;inset:0;pointer-events:none;user-select:none;z-index:10}.sf-stick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sf-stick-ring{position:absolute;inset:0;border:1px solid rgba(79,214,232,.13);border-radius:50%}.sf-stick-dot{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border:1.5px solid rgba(79,214,232,.75);border-radius:50%;box-shadow:0 0 12px #4fd6e859;transition:border-color .12s linear}.sf-stick-dot:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;background:#4fd6e8e6;border-radius:50%}.sf-stick-dot.hot{border-color:#ffb03cf2;box-shadow:0 0 16px #ffb03c80}.sf-reticle{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:1px solid rgba(207,227,234,.22);border-radius:2px}.sf-reticle:before,.sf-reticle:after{content:"";position:absolute;background:#cfe3ea73}.sf-reticle:before{left:50%;top:-8px;width:1px;height:6px}.sf-reticle:after{left:50%;bottom:-8px;width:1px;height:6px}.sf-panel{position:absolute;min-width:178px;padding:9px 11px;background:#060a10a8;border:1px solid rgba(79,214,232,.14);border-radius:3px;backdrop-filter:blur(3px)}.sf-telemetry{left:16px;top:16px}.sf-controls{right:16px;bottom:16px;opacity:.72}.sf-title{margin:7px 0 3px;font-size:9px;letter-spacing:.14em;color:#4fd6e899}.sf-title:first-child{margin-top:0}.sf-row{display:flex;justify-content:space-between;gap:12px;font-size:11px}.sf-k{color:#cfe3ea73}.sf-v{color:#e6f4f8;font-variant-numeric:tabular-nums}.sf-v.bad{color:#ff7a5c}.sf-tape{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(520px,52vw)}.sf-tape-bar{position:relative;height:9px;background:#060a10b3;border:1px solid rgba(79,214,232,.2);border-radius:2px;overflow:visible}.sf-tape-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#78a0c88c;transition:background-color .15s linear}.sf-tape-fill.good{background:#78f0aacc}.sf-tape-fill.boost{background:#ffb03cd9}.sf-tape-notch{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:#78f0aad9}.sf-tape-notch span{position:absolute;left:50%;top:-15px;transform:translate(-50%);font-size:8px;letter-spacing:.14em;color:#78f0aad9;white-space:nowrap}.sf-tape-legend{display:flex;justify-content:space-between;margin-top:3px;font-size:10px;color:#cfe3ea80;font-variant-numeric:tabular-nums}.sf-bars{display:flex;gap:14px;margin-top:6px}.sf-minibar{display:flex;align-items:center;gap:6px;flex:1}.sf-minibar i{font-style:normal;font-size:8px;letter-spacing:.12em;color:#cfe3ea6b}.sf-minitrack{position:relative;flex:1;height:3px;background:#ffffff17;border-radius:2px}.sf-minitrack>div{position:absolute;inset:0 auto 0 0;width:0;background:#4fd6e8b3;border-radius:2px}.sf-minitrack>div.low{background:#ff7a5cb3}.sf-toast{position:absolute;left:50%;top:22px;transform:translate(-50%);padding:5px 12px;font-size:10px;letter-spacing:.08em;color:#cfe3eabf;background:#060a10b3;border:1px solid rgba(79,214,232,.16);border-radius:2px;opacity:0;transition:opacity .25s linear}.sf-toast.on{opacity:1}.sf-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:26px;letter-spacing:.3em;color:#e6f4f8e6;opacity:0;transition:opacity .2s linear}.sf-banner.on{opacity:1}.sf-hud.hidden{opacity:0}.sf-menu{position:fixed;inset:0;z-index:20;opacity:0;pointer-events:none;transition:opacity .35s ease;background:radial-gradient(ellipse at 34% 46%,#0000 24%,#04060cb3)}.sf-menu.on{opacity:1}.sf-menu-title{position:absolute;left:3.2vw;top:5vh;animation:sf-rise .5s .05s cubic-bezier(.2,.9,.3,1) both}.sf-menu-title h1{margin:0;font-size:clamp(21px,2.7vw,40px);letter-spacing:.28em;font-weight:600;color:#fff3e2;text-shadow:0 0 40px rgba(255,154,74,.5),0 0 12px rgba(255,190,130,.3);white-space:nowrap}.sf-menu-panel{position:absolute;right:3.2vw;top:50%;transform:translateY(-50%);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;width:272px;padding:16px 18px 18px;pointer-events:none;background:#0a0c16c2;border:1px solid rgba(255,214,160,.15);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff0d;animation:sf-rise .5s .12s cubic-bezier(.2,.9,.3,1) both}.sf-menu.on .sf-menu-panel{pointer-events:auto}.sf-menu-label{display:flex;align-items:center;gap:8px;align-self:stretch;margin:14px 0 8px;font-size:8px;letter-spacing:.26em;color:#fff3e26b}.sf-menu-label:before,.sf-menu-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,214,160,.18),transparent)}.sf-menu-label:first-child{margin-top:0}.sf-species{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.sf-chip{display:flex;align-items:center;gap:6px;padding:5px 11px 5px 6px;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#fff3e299;font:inherit;font-size:10.5px;letter-spacing:.03em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s cubic-bezier(.2,.9,.3,1)}.sf-chip:not(:has(i)){padding:5px 12px}.sf-chip i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.32);box-shadow:inset 0 -2px 3px #00000040;flex:0 0 auto}.sf-chip:hover{background:#ffffff17;color:#fff3e2d9;transform:translateY(-1px)}.sf-chip.on{background:linear-gradient(180deg,#ffba6e3d,#ff8c4a29);border-color:#ffb264cc;color:#fff6ea;box-shadow:0 0 16px #ff965038,inset 0 1px #ffffff1f}.sf-colors{display:flex;gap:7px;justify-content:center}.sf-swatch{position:relative;width:24px;height:24px;padding:0;border:2px solid rgba(255,255,255,.14);border-radius:7px;cursor:pointer;box-shadow:inset 0 -3px 5px #00000038;transition:transform .16s cubic-bezier(.2,.9,.3,1),border-color .16s ease}.sf-swatch:hover{transform:translateY(-2px)}.sf-swatch.on{border-color:#fff6ea;transform:translateY(-3px) scale(1.1);box-shadow:0 4px 12px #0006,inset 0 -3px 5px #00000038}.sf-sound{display:flex;align-items:center;gap:9px;align-self:stretch}.sf-mute{flex:0 0 auto;min-width:42px;padding:4px 8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#fff3e29e;font:inherit;font-size:9px;letter-spacing:.14em;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.sf-mute:hover{background:#ffffff17}.sf-mute.muted{background:#ff6b5c29;border-color:#ff7a5cb3;color:#ffbfae}.sf-vol{flex:1 1 auto;min-width:0;height:16px;accent-color:#ffb45c;cursor:pointer;transition:opacity .16s ease}.sf-vol.off{opacity:.35}.sf-start{align-self:stretch;margin-top:20px;padding:11px 0;background:linear-gradient(180deg,#ffbe6a,#ff7f45);border:none;border-radius:999px;color:#35180a;font:inherit;font-size:13px;font-weight:700;letter-spacing:.24em;cursor:pointer;box-shadow:0 8px 24px #ff804452,inset 0 1px #fff6;transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .16s ease,filter .16s ease}.sf-start:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 12px 32px #ff804475,inset 0 1px #ffffff73}.sf-start:active{transform:translateY(0);filter:brightness(.96)}.sf-drag-hint{position:absolute;left:34%;bottom:13vh;transform:translate(-50%);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fff3e257;white-space:nowrap;animation:sf-breathe 2.6s ease-in-out infinite;transition:opacity .5s ease}.sf-drag-hint.gone{opacity:0}.sf-menu-keys{position:absolute;left:50%;bottom:3vh;transform:translate(-50%);display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:9px;letter-spacing:.1em;color:#fff3e247;animation:sf-rise .5s .3s cubic-bezier(.2,.9,.3,1) both}.sf-menu-keys b{color:#fff3e28c;font-weight:600}body.sf-grab #game-canvas{cursor:grab}body.sf-grabbing #game-canvas{cursor:grabbing}@keyframes sf-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1}}@keyframes sf-breathe{0%,to{opacity:.34}50%{opacity:.7}}.sf-menu-panel{animation-name:sf-fade}@keyframes sf-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 900px),(max-height: 620px){.sf-menu{background:linear-gradient(180deg,#04060c00 42%,#04060cd6)}.sf-menu-title{left:50%;top:3vh;transform:translate(-50%);text-align:center}.sf-menu-panel{left:50%;right:auto;top:auto;bottom:2.5vh;transform:translate(-50%);max-height:62vh;overflow-y:auto;width:min(430px,94vw);padding:12px 14px 14px}.sf-menu-label{margin:9px 0 6px}.sf-drag-hint{left:50%;bottom:calc(2.5vh + var(--sf-panel-h, 210px) + 14px);top:auto}.sf-menu-keys{display:none}.sf-start{margin-top:14px;padding:10px 0}}.sf-fatal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:40px;background:#05070c;z-index:100}.sf-fatal pre{max-width:900px;color:#ff9a80;font-size:12px;line-height:1.6;white-space:pre-wrap}.sf-race{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;z-index:12}.sf-race.on{opacity:1}.sf-race-top{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:26px;padding:9px 24px;background:#080a149e;border:1px solid rgba(255,214,160,.14);border-radius:10px;backdrop-filter:blur(4px)}.sf-race-stat{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:72px}.sf-race-stat b{font-size:17px;font-weight:600;color:#fff3e2;font-variant-numeric:tabular-nums}.sf-race-stat i{font-style:normal;font-size:8px;letter-spacing:.18em;color:#fff3e266}.sf-gate-marker{position:absolute;left:0;top:0;width:66px;height:66px;border:2px solid rgba(125,255,176,.85);border-radius:50%;box-shadow:0 0 18px #7dffb059;display:flex;align-items:flex-end;justify-content:center}.sf-gate-marker span{position:absolute;bottom:-17px;font-size:10px;letter-spacing:.08em;color:#7dffb0e6;font-variant-numeric:tabular-nums;white-space:nowrap}.sf-gate-marker.off{width:0;height:0;border:none;box-shadow:none}.sf-gate-marker.off:before{content:"";position:absolute;left:-15px;top:-15px;width:0;height:0;border-left:15px solid rgba(125,255,176,.95);border-top:11px solid transparent;border-bottom:11px solid transparent;transform-origin:15px 11px;transform:rotate(var(--arrow, 0rad));filter:drop-shadow(0 0 8px rgba(125,255,176,.5))}.sf-target{position:absolute;left:0;top:0;width:60px;height:60px;border:1.5px solid rgba(255,177,92,.85);border-radius:3px;opacity:0;transition:opacity .12s}.sf-target.on{opacity:1}.sf-lead{position:absolute;left:0;top:0;width:15px;height:15px;margin:0;border:2px solid rgba(255,240,160,.95);border-radius:50%;box-shadow:0 0 12px #ffdc7899;opacity:0;transition:opacity .12s}.sf-lead.on{opacity:1}.sf-hull{position:absolute;left:16px;bottom:20px;display:flex;align-items:center;gap:8px}.sf-hull i{font-style:normal;font-size:8px;letter-spacing:.18em;color:#fff3e26b}.sf-hull-track{position:relative;width:168px;height:7px;background:#080a14b3;border:1px solid rgba(255,255,255,.12);border-radius:4px;overflow:hidden}.sf-hull-track>div{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#74d69a,#b6f08a);transition:width .12s linear}.sf-hull-track>div.low{background:linear-gradient(90deg,#ff6b6b,#ffa15c)}.sf-offtrack{position:absolute;inset:0;opacity:0;transition:opacity .2s linear;box-shadow:inset 0 0 140px 30px #ff96508c}.sf-offtrack span{position:absolute;left:50%;bottom:12%;transform:translate(-50%);font-size:11px;letter-spacing:.34em;color:#ffbe82e6;text-shadow:0 0 18px rgba(255,140,70,.7);white-space:nowrap}.sf-draft{position:absolute;left:50%;bottom:21%;transform:translate(-50%);font-size:11px;letter-spacing:.34em;color:#9df2ff;text-shadow:0 0 18px rgba(120,220,255,.8);opacity:0;transition:opacity .14s linear;pointer-events:none}.sf-countdown{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:90px;font-weight:700;letter-spacing:.1em;color:#fff3e2;text-shadow:0 0 44px rgba(255,176,96,.6);opacity:0;transition:opacity .18s}.sf-countdown.on{opacity:1}.sf-disabled{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:22px;letter-spacing:.3em;color:#ff8f6b;text-shadow:0 0 22px rgba(255,107,92,.6);opacity:0;transition:opacity .15s}.sf-disabled.on{opacity:1}.sf-results{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:420px;padding:22px 28px;background:#080a14db;border:1px solid rgba(255,214,160,.2);border-radius:12px;backdrop-filter:blur(8px);opacity:0;transition:opacity .3s}.sf-results.on{opacity:1}.sf-results h2{margin:0 0 12px;font-size:20px;letter-spacing:.22em;color:#fff3e2;text-align:center}.sf-results p{margin:14px 0 0;text-align:center;font-size:10px;letter-spacing:.18em;color:#fff3e26b}.sf-result-head,.sf-result-row{display:grid;grid-template-columns:28px 1fr 92px 92px;gap:8px;padding:4px 0;font-size:12px;font-variant-numeric:tabular-nums}.sf-result-head{font-size:8px;letter-spacing:.16em;color:#fff3e25c;border-bottom:1px solid rgba(255,255,255,.1)}.sf-result-row{color:#fff3e2b3}.sf-result-row.me{color:#ffd15c;font-weight:600}.sf-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;align-self:stretch}.sf-level{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:4px 4px 6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:9px;cursor:pointer;font:inherit;overflow:hidden;transition:background .16s ease,border-color .16s ease,transform .16s cubic-bezier(.2,.9,.3,1)}.sf-level:hover{background:#ffffff17;transform:translateY(-2px)}.sf-level.on{border-color:#ffb264d9;background:#ffb06024;box-shadow:0 0 16px #ff965038}.sf-level-thumb{display:block;width:100%;height:auto;border-radius:6px}.sf-level-name{margin-top:5px;font-size:10px;letter-spacing:.04em;color:#fff3e2b8;text-align:center}.sf-level.on .sf-level-name{color:#fff6ea}.sf-level-blurb{font-style:normal;font-size:8px;letter-spacing:.06em;color:#fff3e25c;text-align:center}@media (max-width: 900px),(max-height: 620px){.sf-levels{grid-template-columns:repeat(4,1fr);gap:5px}.sf-level{padding:3px 3px 5px}.sf-level-name{margin-top:3px;font-size:8px}.sf-level-blurb{display:none}.sf-start{position:sticky;bottom:0;z-index:1}}