body.is-bare{--fill: rgba(10, 10, 10, .86);--top: max(1rem, env(safe-area-inset-top));--left: max(var(--gutter), env(safe-area-inset-left));--right: max(var(--gutter), env(safe-area-inset-right));--bottom: max(var(--gutter), env(safe-area-inset-bottom) + .5rem);overflow:hidden;height:100svh;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}[data-canvas]{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.screen{position:fixed;inset:0;z-index:20;display:grid;align-content:center;align-content:safe center;justify-items:center;gap:1rem;overflow-y:auto;touch-action:pan-y;text-align:center;padding:2rem var(--gutter);background:radial-gradient(55% 45% at 50% 40%,rgba(41,151,255,.16),transparent 70%),#000000eb}[data-intro]{transition:opacity .4s var(--ease),display .4s allow-discrete}[data-intro][hidden]{opacity:0;pointer-events:none}[data-fallback]{background-color:#000}.mono{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.screen h1{margin:0;font-size:clamp(2.5rem,8vw,5.5rem);line-height:1;letter-spacing:-.035em;font-weight:700;background:linear-gradient(180deg,#fff 20%,#9b9ba1 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.blurb{margin:0;max-width:46ch;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.5;color:var(--text-muted)}.keys{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.5rem;max-width:30rem;list-style:none;margin:1rem 0 .5rem;padding:0}.keys li{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--text-dim)}kbd{font:inherit;font-size:.6875rem;font-weight:600;display:inline-grid;place-items:center;min-width:22px;height:22px;padding-inline:5px;border-radius:5px;color:var(--text);background:#ffffff12;border:1px solid var(--hairline-strong)}.start{margin-top:.75rem;padding:.95rem 2rem;border:0;border-radius:980px;background:var(--accent);color:#fff;font:inherit;font-size:1.0625rem;font-weight:600;letter-spacing:-.012em;text-decoration:none;cursor:pointer;transition:background .25s var(--ease),transform .25s var(--ease)}.start:hover{background:var(--accent-hi)}.start:active{transform:scale(.97)}.credit{margin:.5rem 0 0;font-size:.6875rem;color:var(--text-dim)}.credit a{color:var(--text-muted)}.exit{font-size:.8125rem;color:var(--text-dim);text-decoration:none}.exit:hover{color:var(--text)}.bar{width:min(260px,60vw);height:2px;background:#ffffff1f;border-radius:2px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s var(--ease)}.hud{position:fixed;inset:0 0 auto;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:var(--top) var(--right) 0 var(--left);pointer-events:none}.hud>*{pointer-events:auto}.hud>.hud-btn{order:1}.hud:after{content:"";order:2;flex:1 1 0}.hud>.hud-stat{order:3}.hud-btn{font:inherit;font-size:.8125rem;font-weight:550;line-height:1.5;padding:.45rem .9rem;border-radius:980px;color:var(--text);background:var(--fill);border:1px solid var(--hairline);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.hud-btn:hover{border-color:var(--hairline-strong)}.hud-btn[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.hud-stat{display:flex;align-items:baseline;gap:.3rem;padding:.4rem .9rem;border-radius:980px;background:var(--fill);border:1px solid var(--hairline);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-stat b{font-size:1.125rem;font-weight:650;letter-spacing:-.02em}.hud-stat span{font-size:.6875rem;color:var(--text-muted)}[data-speed]{min-width:3ch;text-align:right}.hud-tip{display:none;position:fixed;left:var(--left);bottom:var(--bottom);margin:0;padding:.45rem .9rem;border-radius:980px;background:var(--fill);border:1px solid var(--hairline);font-size:.75rem;color:var(--text-muted)}[data-panel]{position:fixed;z-index:15}.panel{position:absolute;inset:auto 0 0;padding:1.4rem;border-radius:20px;background:#0a0a0cf0;border:1px solid var(--hairline-strong);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .15s var(--ease),transform .15s var(--ease),visibility 0s .15s}.panel.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}.panel .panel-kicker{margin:0 0 .35rem;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.panel h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:650;line-height:1.2;letter-spacing:-.02em;color:var(--text)}.panel .panel-desc{margin:0;font-size:.8125rem;line-height:1.55;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.panel .panel-tech{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:.85rem 0 0;padding:0}.panel .panel-tech li{font-size:.6875rem;color:var(--text-muted);padding:.2rem .5rem;border:1px solid var(--hairline);border-radius:980px}.panel .panel-desc:empty,.panel .panel-tech:empty{display:none}.panel .panel-shot{display:block;width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;margin-top:.85rem;border-radius:10px;border:1px solid var(--hairline);background:var(--surface)}.panel .panel-links{display:flex;align-items:center;gap:1.1rem;margin-top:.9rem}.panel .panel-links a{font-size:.875rem;font-weight:500;color:var(--accent);text-decoration:none}.panel .panel-links a:hover{color:var(--accent-hi)}.panel .panel-links a.primary{padding:.42rem .85rem;border-radius:999px;background:var(--accent);color:#06121f;font-weight:600}.panel .panel-links a.primary:hover{background:var(--accent-hi);color:#06121f}.panel .panel-links a.muted{color:#97a2b2}.panel .panel-links.is-index{flex-direction:column;align-items:stretch;gap:0;max-height:min(40vh,21rem);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}.panel .panel-links.is-index a{padding:.35rem 0}.panel .panel-group{margin:.7rem 0 .15rem;padding-bottom:.3rem;border-bottom:1px solid var(--hairline);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.panel .panel-group:first-child{margin-top:0}.panel .panel-enter{display:flex;align-items:center;gap:.4rem;margin:.9rem 0 0;font-size:.75rem;color:var(--text-muted)}[data-toasts]{position:fixed;inset:calc(var(--top) + 3.25rem) var(--right) auto var(--left);z-index:16;display:grid;justify-items:center;pointer-events:none}.toast{grid-area:1 / 1;display:grid;gap:.1rem;max-width:100%;padding:.6rem 1.2rem;border-radius:16px;background:var(--fill);border:1px solid var(--hairline-strong);text-align:center;animation:toast 4s var(--ease-out) both}.toast b{font-size:.875rem;font-weight:650;color:var(--text)}.toast span{font-size:.8125rem;color:var(--text-muted)}@keyframes toast{0%,to{opacity:0;transform:translateY(-12px)}8%,92%{opacity:1;transform:none}}@keyframes toast-still{0%,to{opacity:0}8%,92%{opacity:1}}[data-stick],[data-brake],[data-boost],[data-open]{position:fixed;z-index:15;touch-action:none}.hud[hidden]~:is([data-stick],[data-brake],[data-boost],[data-open]){display:none}[data-stick]{left:var(--left);bottom:var(--bottom);display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:#0a0a0a8c;border:1px solid var(--hairline);opacity:.6;transition:opacity .3s var(--ease)}[data-stick][data-active]{opacity:1}[data-knob]{width:54px;height:54px;border-radius:50%;background:#2997ffd9;box-shadow:0 6px 20px -6px #2997ffe6;pointer-events:none}[data-brake],[data-boost]{bottom:var(--bottom);width:64px;height:64px;border-radius:50%;font:inherit;font-size:.6875rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text);background:#0a0a0a8c;border:1px solid var(--hairline-strong)}[data-boost]{right:var(--right)}[data-brake]{right:calc(var(--right) + 64px + .625rem)}[data-brake]:active,[data-boost]:active{background:var(--accent);border-color:var(--accent)}[data-open]{right:var(--right);bottom:calc(var(--bottom) + 64px + .625rem);width:calc(128px + .625rem);height:44px;border-radius:980px;font:inherit;font-size:.9375rem;font-weight:600;color:#06121f;background:var(--accent);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .15s var(--ease),transform .15s var(--ease),visibility 0s .15s}[data-open].is-active{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}[data-fade]{position:fixed;inset:0;z-index:5;background:#000;opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){[data-stick],[data-brake],[data-boost],[data-open]{display:none}[data-panel]{right:var(--right);bottom:var(--bottom);width:min(380px,100vw - 2 * var(--gutter))}@media(min-width:900px){.hud-tip{display:block}}}@media not all and (hover:hover)and (pointer:fine){[data-panel]{left:var(--left);right:var(--right);bottom:calc(var(--bottom) + 132px + .625rem);max-width:420px;margin-inline:auto}@media(min-width:660px){[data-panel]{left:calc(var(--left) + 132px + .625rem);right:calc(var(--right) + 128px + 1.25rem);bottom:var(--bottom)}}.panel{display:grid;grid-template-columns:minmax(0,1fr) auto;-moz-column-gap:.75rem;column-gap:.75rem;padding:.9rem 1rem;border-radius:16px}.panel>*{grid-column:1}.panel h2{margin-bottom:.35rem;font-size:1.0625rem}.panel .panel-shot,.panel .panel-tech{grid-area:1 / 2 / span 2;margin:0}.panel .panel-shot{align-self:center;width:6.5rem}.panel .panel-tech{align-self:start;justify-content:flex-end;max-width:9.5rem}.panel .panel-desc,.panel .panel-links{grid-column:1 / -1}.panel .panel-desc{-webkit-line-clamp:2}.panel .panel-links{margin-top:.75rem}.panel .panel-links.is-index{max-height:min(26vh,12rem)}.panel:has(.is-index) .panel-tech{display:none}.panel .panel-enter{display:none}@media(min-width:660px)and (max-height:480px){[data-panel]{left:auto;right:var(--right);bottom:calc(var(--bottom) + 108px + 1.25rem);width:min(280px,42vw)}.panel .panel-desc,.panel .panel-tech,.panel .panel-shot{display:none}.panel .panel-links.is-index{max-height:18vh}}}@media(max-width:1199px){.hud{gap:.375rem}.hud-btn{padding-inline:.7rem}.hud-stat{flex-direction:column;align-items:center;gap:0;padding:.3rem .5rem;border-radius:.875rem}.hud-stat b{font-size:.9375rem}.hud-stat span{font-size:.625rem}[data-speed]{text-align:center}}@media(max-width:640px){.hud{row-gap:.1875rem}.hud:after{flex-basis:100%}.hud>.hud-btn{flex:1 1 auto}.hud>.hud-stat{flex:1 1 0}.hud-btn{padding:.5rem .55rem;font-size:.75rem}.hud-stat{padding-inline:.25rem}[data-toasts]{top:calc(var(--top) + 5.75rem)}}@media(max-height:480px){.screen{gap:.5rem;padding-block:1rem}.screen h1{font-size:2.5rem}.keys{margin-block:.25rem}.start{margin-top:.25rem}}@media(prefers-reduced-motion:reduce){.panel,[data-open]{transform:none}.toast{animation:toast-still 4s linear both!important}}