#launch .boot-card,#boot-error .boot-card{animation:.24s cubic-bezier(.23,1,.32,1) .16s both launch-in}#launch .boot-name{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-size:44px;line-height:1}#launch .boot-note{font-size:14px}#boot-error h2{text-wrap:balance}#boot-error p{text-wrap:pretty}#boot-error button:active{transform:scale(.97)}@keyframes launch-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes launch-fade{0%{opacity:0}to{opacity:1}}@media (orientation:landscape) and (max-height:460px){#launch .boot-card,#boot-error .boot-card{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 20px;max-width:64ch;display:grid}#launch .boot-mark,#boot-error .boot-mark{border-radius:14px;grid-row:1/span 4;width:64px;height:64px}#boot-error button{justify-self:start;margin-top:8px}}#overlay{overflow-y:auto}@supports (align-content:safe center){#overlay{align-content:safe center}}#overlay .overlay-mark{width:56px;height:56px;margin-bottom:var(--space-2);box-shadow:0 0 0 1px var(--line-strong);border-radius:12px}#overlay[data-state=fault] .overlay-mark{box-shadow:0 0 0 2px var(--fault)}#overlay h2{text-wrap:balance}#overlay p{text-wrap:pretty}#overlay button{min-width:120px;min-height:48px}@media (orientation:landscape) and (max-height:460px){#overlay .overlay-mark{border-radius:9px;width:40px;height:40px;margin-bottom:0}}@media (prefers-reduced-motion:reduce){#launch .boot-card,#boot-error .boot-card{animation-name:launch-fade}#boot-error button:active{transform:none}}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-semi-condensed-latin-400-normal-DlzeKIMS.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-400-normal-CwTnoNB3.woff)format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff)format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}:root{--asphalt-0:#0f1215;--asphalt-1:#14181c;--asphalt-2:#0b0d10;--asphalt-3:#1b2025;--road:#2b3037;--kerb:#e6e9ec;--barrier:#d4493b;--signal:#ffb224;--signal-ink:#1a1203;--ok:#67c690;--fault:#ff7468;--text-1:#e8ecef;--text-2:#b0b9c1;--text-3:#818b95;--text-4:#5b646d;--line:#ffffff14;--line-strong:#ffffff29;--car-body:#e4e0d4;--car-glass:#1a2128;--car-tyre:#07090b;--surface-tarmac:#2b3037;--surface-dirt:#7a5a3a;--surface-grass:#4a7a3d;--surface-ice:#a9cbe0;--surface-plastic:#2f6fd0;--dust-tarmac:#b0b9c1;--dust-dirt:#a98458;--dust-grass:#7c9a55;--dust-ice:#e8f4fb;--boost:#3de8ff;--spark:#ffd27a;--warn:#e8b04a;--ghost-pb:#6cc4e0;--ghost-wr:#b79cf2;--env-meadow:#8fc27a;--env-city:#6f8cab;--env-canyon:#d9824f;--env-industrial:#a89580;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius-control:4px;--radius-panel:8px;--ease-out:cubic-bezier(.23, 1, .32, 1);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--touch-row:88px;--touch-h:var(--touch-row);--font-ui:"Barlow Semi Condensed", "Arial Narrow", sans-serif;--font-figure:"Barlow Condensed", "Arial Narrow", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--asphalt-0);color:var(--text-1);font:400 14px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-wrap:pretty}body[data-view=play]{overscroll-behavior:none}h1,h2{text-wrap:balance;margin:0}output,.unit,kbd{font-variant-numeric:tabular-nums}.app{height:100vh;grid-template-columns:minmax(0,1fr) 340px;height:100dvh;display:grid}body[data-view=play] .app{grid-template-columns:minmax(0,1fr)}.stage{min-width:0;min-height:0;position:relative;overflow:hidden}#view{outline:none;width:100%;height:100%;display:block}#view:focus-visible{box-shadow:inset 0 0 0 2px var(--signal)}.hud{pointer-events:none;position:absolute;inset:0}.hud-time{top:calc(var(--space-4) + var(--safe-top));justify-items:center;gap:0;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud-time #time{font:600 44px/1 var(--font-figure);letter-spacing:-.01em}.hud-time,.hud-speed{text-shadow:0 1px 3px #00000080}.hud-time #gate{color:var(--text-2);font-weight:500}.hud-speed{left:calc(var(--space-5) + var(--safe-left));bottom:calc(var(--space-5) + var(--safe-bottom));align-items:baseline;gap:var(--space-2);display:flex;position:absolute}.hud-speed #speed{font:600 64px/1 var(--font-figure);letter-spacing:-.01em;text-align:right;min-width:3ch}.hud-speed .unit{color:var(--text-3);font-weight:500}.hud-banner{left:50%;top:calc(80px + var(--safe-top));color:var(--signal);text-align:center;margin:0;font-size:18px;font-weight:600;position:absolute;transform:translate(-50%)}.hud-banner:empty{display:none}.hud-banner[data-tone=ok]{color:var(--ok)}.hud-banner[data-tone=fault]{color:var(--fault)}.overlay{z-index:4;align-content:center;justify-items:center;gap:var(--space-2);padding:calc(var(--space-5) + var(--safe-top)) calc(var(--space-5) + var(--safe-right)) calc(var(--space-5) + var(--safe-bottom)) calc(var(--space-5) + var(--safe-left));text-align:center;background:#0f1215db;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay h2{font-size:22px;font-weight:600}.overlay p{max-width:46ch;color:var(--text-2);margin:0}.panel,.side{gap:var(--space-4);padding:var(--space-4);background:var(--asphalt-1);border-left:1px solid var(--line);flex-direction:column;display:flex;overflow-y:auto}.panel section,.side section{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid}.panel h1,.side h1{letter-spacing:-.01em;font-size:22px;font-weight:600}.panel h2,.side h2{font-size:16px;font-weight:600}.identity{margin:var(--space-2) 0 0;gap:0;display:grid}.identity div,.diag div,.keys div,.facts div{justify-content:space-between;gap:var(--space-3);align-items:baseline;display:flex}dt{color:var(--text-3);font-weight:500}dd{text-align:right;margin:0}.identity dd,.diag dd{font-weight:600}.hint{color:var(--text-3);margin:0;font-size:13px}.note{padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text-2);margin:0}@media (pointer:coarse){.note{border-color:var(--signal);color:var(--text-1)}}select,.button,button{min-height:40px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-3);color:var(--text-1);font:500 14px/1 var(--font-ui);transition:background-color .12s var(--ease-out), border-color .12s var(--ease-out), transform .12s var(--ease-out)}select{background:var(--asphalt-2);width:100%}button,.button{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}button:hover,.button:hover{background:#232a30;border-color:#ffffff42}button:active,.button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--signal);border-color:var(--signal);color:var(--signal-ink);font-weight:600}button.primary:hover{background:#ffc04d;border-color:#ffc04d}:is(select,button,.button,input):focus-visible,.button:focus-within{outline:2px solid var(--signal);outline-offset:2px}.button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.button{position:relative}.actions{grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1}kbd{text-align:center;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-2);min-width:22px;color:var(--text-1);font:500 12px/18px var(--font-ui);border-bottom-width:2px;padding:0 5px;display:inline-block}button.primary kbd{color:var(--signal-ink);background:#1a120329;border-color:#1a120366}.segmented{border:0;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;display:grid}.segmented-quad{grid-template-columns:repeat(4,1fr)}.segmented-quad label:not(:first-of-type):not(:last-of-type) span{border-radius:0;margin-left:-1px}.segmented legend{margin-bottom:var(--space-2);color:var(--text-3);padding:0;font-weight:500}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{border:1px solid var(--line-strong);background:var(--asphalt-2);min-height:40px;color:var(--text-2);transition:background-color .12s var(--ease-out), color .12s var(--ease-out);justify-content:center;align-items:center;font-weight:500;display:flex}.segmented label:first-of-type span{border-radius:var(--radius-control) 0 0 var(--radius-control)}.segmented label:last-of-type span{border-radius:0 var(--radius-control) var(--radius-control) 0;margin-left:-1px}.segmented input:checked+span{background:var(--asphalt-3);color:var(--text-1);border-color:var(--signal);z-index:1;position:relative}.segmented input:focus-visible+span{outline:2px solid var(--signal);outline-offset:2px}.check{align-items:center;gap:var(--space-3);cursor:pointer;min-height:40px;display:flex}.check input{width:18px;height:18px;accent-color:var(--signal);margin:0}.keys,.diag{gap:var(--space-1);margin:0;display:grid}.keys dd{color:var(--text-2)}.wheels{margin-right:var(--space-3);vertical-align:middle;grid-template-columns:repeat(2,10px);gap:3px;display:inline-grid}.wheels i{border:1px solid var(--line-strong);background:var(--asphalt-2);border-radius:2px;width:10px;height:14px}.wheels i[data-on]{background:var(--signal);border-color:var(--signal)}.status{min-height:1.5em;color:var(--text-2);margin:auto 0 0}.status[data-tone=ok]{color:var(--ok)}.status[data-tone=fault]{color:var(--fault)}@media (max-width:760px){body{overflow-y:auto}.app{height:auto;display:block}.stage{height:52vh;height:52dvh}body[data-view=play]{overflow:hidden}body[data-view=play] .app,body[data-view=play] .stage{height:100vh;height:100dvh}.panel,.side{border-left:0;border-top:1px solid var(--line);overflow:visible}.hud-time #time{font-size:32px}.hud-speed{left:calc(var(--space-3) + var(--safe-left));bottom:calc(var(--space-3) + var(--safe-bottom))}.hud-speed #speed{font-size:44px}.hud-banner{top:calc(68px + var(--safe-top));font-size:15px}.hud-pedals{bottom:calc(var(--space-3) + var(--safe-bottom));gap:var(--space-2)}.wheel-axis{width:64px}.finish-time{font-size:44px}.finish{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}button:active,.button:active{transform:none}.finish,.hud-time #time.slam,.screen{animation:none}}.panel[hidden],.side[hidden],.menu[hidden],.screen[hidden],.finish[hidden],.hud-actions[hidden],.hud-time[hidden],.hud-pedals[hidden],.touch[hidden],button[hidden]{display:none}.tagline{margin:var(--space-1) 0 0;color:var(--text-3)}.hint[data-tone=fault],.finish-note[data-tone=fault]{color:var(--fault)}.hint[data-tone=warn],.finish-note[data-tone=warn]{color:var(--warn)}.finish-note[data-tone=ok]{color:var(--ok)}.catalogue{gap:var(--space-2);display:grid}.track{gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-2);cursor:pointer;transition:border-color .12s var(--ease-out), background-color .12s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid;position:relative}.track:hover{background:var(--asphalt-3)}.track input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.track:has(input:checked){border-color:var(--signal);background:var(--asphalt-3)}.track:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:2px}.track:has(input:disabled){cursor:default;opacity:.7}.track-body{gap:2px;min-width:0;display:grid}.track-body strong{font-size:16px;font-weight:600}.track-summary{color:var(--text-2);font-size:13px}.track-features{align-items:baseline;gap:var(--space-2);min-width:0;color:var(--text-3);font-size:12px;display:flex}.feature-list{min-width:0}.env{align-items:center;gap:var(--space-1);color:var(--text-2);flex:none;font-weight:500;display:inline-flex}.env:before{content:"";background:var(--env-swatch,var(--text-3));border-radius:2px;width:8px;height:8px}.env[data-env=meadow]{--env-swatch:var(--env-meadow)}.env[data-env=city]{--env-swatch:var(--env-city)}.env[data-env=canyon]{--env-swatch:var(--env-canyon)}.env[data-env=industrial]{--env-swatch:var(--env-industrial)}.track-best{font:600 18px/1 var(--font-figure);color:var(--text-3);text-align:right}.track-best[data-set]{color:var(--text-1)}.hud-pedals{left:50%;bottom:calc(var(--space-5) + var(--safe-bottom));align-items:flex-end;gap:var(--space-3);display:flex;position:absolute;transform:translate(-50%)}.pedal{border:1px solid var(--line-strong);background:var(--asphalt-2);border-radius:2px;width:10px;height:44px;display:block;overflow:hidden}.pedal i{transform-origin:bottom;background:var(--signal);width:100%;height:100%;display:block;transform:scaleY(0)}.pedal[data-pedal=brake] i{background:var(--fault)}.wheel-axis{border:1px solid var(--line-strong);background:var(--asphalt-2);border-radius:2px;width:88px;height:10px;display:block;position:relative;overflow:hidden}.wheel-axis:after{content:"";background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0;left:50%}.wheel-axis i{background:var(--kerb);width:8px;height:100%;position:absolute;top:0;left:calc(50% - 4px)}.finish{width:min(420px, calc(100% - 2 * var(--space-4) - var(--safe-left) - var(--safe-right)));max-height:calc(100% - 2 * var(--space-3) - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-panel);text-align:center;animation:finish-in .2s var(--ease-out);background:#0f1215eb;justify-items:center;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.finish h2{color:var(--signal);font-size:16px;font-weight:600}.finish-time{font:600 64px/1 var(--font-figure);letter-spacing:-.01em}.finish-best{color:var(--text-1);margin:0;font-weight:500}.finish-note{color:var(--text-3);min-height:0;margin:0;font-size:13px}.finish-note:empty,.finish-best:empty{display:none}.finish-actions{gap:var(--space-2);width:100%;margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.finish-actions .primary{grid-column:1/-1}@keyframes finish-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.overlay button{margin-top:var(--space-3)}.foot{justify-content:space-between;gap:var(--space-3);color:var(--text-3);margin:0;font-size:13px;display:flex}.foot a,.panel a,.side a{color:var(--text-2)}.foot a:hover,.panel a:hover{color:var(--text-1)}:is(a):focus-visible{outline:2px solid var(--signal);outline-offset:2px}.identity-inline{margin-left:auto}.identity-inline output{color:var(--text-2)}.panel-head h1+.tagline{margin-top:var(--space-1)}.side{gap:var(--space-4)}.side .account [hidden]{display:none}.account form{gap:var(--space-3);display:grid}.field{gap:var(--space-1);display:grid}.field>span{color:var(--text-3);font-size:13px;font-weight:500}input[type=email],input[type=text]{width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-2);color:var(--text-1);font:400 14px/1 var(--font-ui);transition:border-color .12s var(--ease-out)}input[type=email]::placeholder,input[type=text]::placeholder{color:var(--text-4)}input[type=email]:hover,input[type=text]:hover{border-color:#ffffff42}input[type=email]:disabled,input[type=text]:disabled{opacity:.45;cursor:not-allowed}input[aria-invalid=true]{border-color:var(--fault)}.account-user{gap:var(--space-3);outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.account-user p{color:var(--text-2);overflow-wrap:anywhere;margin:0}.account-user strong{color:var(--text-1);font-weight:600}.hint[data-tone=ok]{color:var(--ok)}.account[data-state=callback]{border-top-color:var(--signal)}button.quiet{color:var(--text-2);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}button.quiet:hover{background:var(--asphalt-3);border-color:var(--line);color:var(--text-1)}.ghost-toggle{min-height:40px;padding:var(--space-1) 0;align-items:flex-start}.ghost-toggle input{flex:none;margin-top:2px}.swatch{background:color-mix(in srgb, currentColor 40%, transparent);border:1px solid;border-radius:2px;flex:none;width:12px;height:12px;margin-top:4px}.ghost-toggle[data-ghost=pb] .swatch{color:var(--ghost-pb)}.ghost-toggle[data-ghost=wr] .swatch{color:var(--ghost-wr)}.ghost-text{gap:0;min-width:0;display:grid}.ghost-text strong{font-weight:600}.ghost-text span{color:var(--text-3);font-size:13px}.ghost-text span[data-tone=warn]{color:var(--warn)}.ghost-text span[data-tone=fault]{color:var(--fault)}.ghost-toggle:has(input:disabled){cursor:default;opacity:.7}.ranks{counter-reset:rank;gap:0;margin:0;padding:0;list-style:none;display:grid}.ranks:empty{display:none}.rank{gap:var(--space-2);border-top:1px solid var(--line);counter-increment:rank;grid-template-columns:24px minmax(0,1fr) auto auto auto;align-items:center;min-height:40px;display:grid}.rank:first-child{border-top:0}.rank:before{content:counter(rank);color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right}.rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-time{font:600 18px/1 var(--font-figure)}.rank:first-child .rank-time{color:var(--ghost-wr)}.rank button{min-height:40px;padding:0 var(--space-2);color:var(--text-2);background:0 0;border-color:#0000;font-size:13px}.rank button:hover{background:var(--asphalt-3);border-color:var(--line);color:var(--text-1)}.hint[data-tone=warn]{color:var(--warn)}input.share-url{width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-2);color:var(--text-1);font:400 13px/1 var(--font-ui)}input.share-url[hidden]{display:none}#replay-view{outline:none;width:100%;height:100%;display:block}#replay-clock{font:600 44px/1 var(--font-figure);letter-spacing:-.01em}a.button{color:var(--text-1);text-decoration:none}a.button.primary-link{background:var(--signal);border-color:var(--signal);color:var(--signal-ink);font-weight:600}a.button.primary-link:hover{color:var(--signal-ink);background:#ffc04d;border-color:#ffc04d}.status-line{color:var(--text-2);margin:0}.status-line[data-tone=ok]{color:var(--ok)}.status-line[data-tone=fault]{color:var(--fault)}.status-line[data-tone=warn]{color:var(--warn)}.replay-facts{gap:var(--space-1);margin:0;display:grid}.replay-facts[hidden]{display:none}.replay-facts dd{overflow-wrap:anywhere;font-weight:600}.command{padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-2);color:var(--text-1);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font:400 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.command:focus-visible{outline:2px solid var(--signal);outline-offset:2px}#replay-stage[hidden],#stage[hidden]{display:none}@media (max-width:760px){#replay-clock{font-size:32px}.rank{grid-template-columns:20px minmax(0,1fr) auto auto auto}}.sound{color:var(--text-2);justify-self:start}.sound[aria-pressed=false]{color:var(--text-3);background:var(--asphalt-2)}.sound[data-state=unavailable]{color:var(--text-4)}.sound[data-state=suspended],.sound[data-state=locked]{color:var(--text-2)}.hud-time #time.slam{animation:time-slam .26s var(--ease-out)}@keyframes time-slam{0%{transform:scale(1)}30%{transform:scale(1.22)}to{transform:scale(1)}}.menu{z-index:2;pointer-events:none;display:flex;position:absolute;inset:0}.screen{pointer-events:auto;gap:var(--space-4);width:min(440px,100%);height:100%;padding:calc(var(--space-5) + var(--safe-top)) var(--space-5) calc(var(--space-5) + var(--safe-bottom)) calc(var(--space-5) + var(--safe-left));overscroll-behavior:contain;border-right:1px solid var(--line);animation:screen-in .18s var(--ease-out);background:#0f1215f0;flex-direction:column;display:flex;overflow-y:auto}.screen.wide{width:min(800px,100%);overflow:hidden}.screen h2,.screen h3{margin:0}.screen h3{font-size:16px;font-weight:600}@keyframes screen-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.brand h1{font:600 56px/.95 var(--font-figure);letter-spacing:-.01em}.brand .display{font:600 44px/1 var(--font-figure);letter-spacing:-.01em}.brand .tagline{margin-top:var(--space-2)}.screen-head{align-items:center;gap:var(--space-3);display:flex}.screen-head h2{font:600 28px/1 var(--font-figure);letter-spacing:-.01em}button.back{min-height:40px;padding:0 var(--space-3);border-color:var(--line);color:var(--text-2);background:0 0}button.back:before{content:"";border-bottom:2px solid;border-left:2px solid;width:7px;height:7px;margin-right:2px;transform:translate(2px)rotate(45deg)}.drive-card{gap:var(--space-3) var(--space-4);padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--asphalt-2);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.drive-body{gap:2px;min-width:0;display:grid}.drive-body h2{font:600 28px/1.05 var(--font-figure);letter-spacing:-.01em}.drive-body p{color:var(--text-2);margin:0;font-size:13px}.drive-card .drive{min-height:64px;font:600 28px/1 var(--font-figure);letter-spacing:.01em;grid-column:1/-1}.drive-card .drive kbd{font-size:12px}.drive-card button[hidden]{display:none}.drive-card #catalogue-retry{grid-column:1/-1}.glyph{flex:none;width:96px;height:61px}.glyph[hidden]{display:none}.glyph path{fill:none;stroke:var(--text-2);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.glyph.big{aspect-ratio:100/64;width:100%;max-width:320px;height:auto}.glyph.big path{stroke:var(--signal);stroke-width:3px}.drive-card .glyph path{stroke:var(--signal)}.menu-list{border-top:1px solid var(--line);gap:0;display:grid}.menu-list>button,.menu-list>.button.row{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-height:52px;padding:0 var(--space-2);border:0;border-bottom:1px solid var(--line);font:600 18px/1 var(--font-ui);background:0 0;border-radius:0;display:flex}.menu-list>button:hover,.menu-list>.button.row:hover{background:var(--asphalt-3)}.menu-list>button.primary{background:var(--signal);color:var(--signal-ink);border-bottom-color:var(--signal)}.menu-list>button.primary:hover{background:#ffc04d}.menu-list>button.big{min-height:64px;font:600 26px/1 var(--font-figure)}.menu-list>button:focus-visible,.menu-list>.button.row:focus-within{outline-offset:-2px}.row-meta{color:var(--text-3);font:400 13px/1 var(--font-ui);text-align:right}.screen>.status{margin-top:0}.screen>.foot{align-items:center;margin-top:auto}.screen>.foot a{align-items:center;min-height:40px;display:inline-flex}.screen .note{padding:var(--space-1) var(--space-3);font-size:13px}.split{gap:var(--space-5);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:0;display:grid}.list-col,.detail,.scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;min-height:0;overflow-y:auto}.list-col{padding:3px}.detail{align-content:start;gap:var(--space-3);padding:3px;display:grid}.detail[hidden]{display:none}.detail h3{font:600 28px/1.05 var(--font-figure);letter-spacing:-.01em}.detail p{color:var(--text-2);margin:0}.detail section{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);display:grid}.detail section[hidden]{display:none}.detail section h3{font:600 16px/1.2 var(--font-ui);letter-spacing:0}.tags{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tags li{padding:2px var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text-2);font-size:12px}.facts{gap:var(--space-1);margin:0;display:grid}.facts dd{margin:0}#detail-best{font:600 22px/1 var(--font-figure)}.scroll{align-content:start;gap:var(--space-4);padding:3px;display:grid}.scroll section{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid}.scroll section:first-child{border-top:0;padding-top:0}.track{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}button.track{text-align:left;width:100%;height:auto;min-height:64px;font:inherit;color:inherit;background:var(--asphalt-2);border-color:var(--line-strong);justify-content:initial}button.track:hover{background:var(--asphalt-3)}button.track[aria-pressed=true]{border-color:var(--signal);background:var(--asphalt-3)}.track .glyph{width:64px;height:41px}button.track[aria-pressed=true] .glyph path{stroke:var(--signal)}.track:has(input:checked) .glyph path{stroke:var(--signal)}.track-summary{display:none}.catalogue .hint{padding:var(--space-3)}.slider{gap:var(--space-1) var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.slider label{font-weight:500}.slider output{font:600 18px/1 var(--font-figure);color:var(--text-1)}.slider input[type=range]{width:100%;min-height:40px;accent-color:var(--signal);cursor:pointer;grid-column:1/-1;margin:0}.slider input[type=range]:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.slider input[type=range]:disabled{opacity:.45;cursor:not-allowed}.scroll .account [hidden]{display:none}.scroll .sound{justify-self:start}.hud-actions{top:calc(var(--space-4) + var(--safe-top));right:calc(var(--space-4) + var(--safe-right));gap:var(--space-2);pointer-events:auto;display:flex;position:absolute}.hud-actions button{background:#0f1215b8;min-height:40px}.hud-actions button:hover{background:var(--asphalt-3)}body[data-view=play][data-phase=select] .hud-speed,body[data-view=play][data-phase=loading] .hud-speed{visibility:hidden}@media (max-width:760px){.screen,.screen.wide{width:100%;padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left));border-right:0}.screen.wide{overflow-y:auto}.split{flex:none;grid-template-columns:minmax(0,1fr)}.list-col,.detail{overflow:visible}.brand h1{font-size:44px}.hud-actions{top:calc(var(--space-3) + var(--safe-top));right:calc(var(--space-3) + var(--safe-right))}.hud-actions button{min-height:48px}.hud-actions kbd{display:none}body[data-view=play] .hud-time{left:calc(var(--space-3) + var(--safe-left));top:calc(var(--space-3) + var(--safe-top));justify-items:start;transform:none}.hud-actions button{padding:0 10px;font-size:13px}.drive-card .drive{min-height:56px}}@media (max-height:520px) and (orientation:landscape){.screen{gap:var(--space-3);width:min(420px,62%);padding:calc(var(--space-3) + var(--safe-top)) var(--space-4) calc(var(--space-3) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left))}.screen.wide{width:100%;overflow-y:auto}.split{flex:none}.list-col,.detail{overflow:visible}.brand h1{font-size:36px}.menu-list>button,.menu-list>.button.row{min-height:48px}.drive-card .drive{min-height:52px;font-size:24px}}.hud-hint{left:50%;bottom:calc(120px + var(--safe-bottom));width:max-content;max-width:calc(100% - 2 * var(--space-4) - var(--safe-left) - var(--safe-right));padding:var(--space-1) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text-2);text-align:center;background:#0f1215b8;margin:0;font-size:14px;font-weight:500;position:absolute;transform:translate(-50%)}.hud-hint[hidden]{display:none}.pack-head{z-index:1;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);background:var(--asphalt-0);display:grid;position:sticky;top:0}.pack-head[hidden],.packs[hidden],#pack-title[hidden]{display:none}.packs{gap:var(--space-2);flex-wrap:wrap;display:flex}button.pack{gap:var(--space-2);background:var(--asphalt-2)}button.pack:hover{background:var(--asphalt-3)}button.pack[aria-pressed=true]{border-color:var(--signal);background:var(--asphalt-3)}.pack-count{color:var(--text-3);font:600 14px/1 var(--font-figure)}button.pack[aria-pressed=true] .pack-count{color:var(--text-1)}.fps{right:calc(var(--space-3) + var(--safe-right));bottom:calc(var(--space-3) + var(--safe-bottom));z-index:3;padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text-3);font:500 12px/1.2 var(--font-ui);font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0f1215b8;margin:0;position:fixed}.fps span{min-width:3ch;color:var(--text-1);font:600 14px/1 var(--font-figure);text-align:right;display:inline-block}.fps[hidden]{display:none}@media (min-width:761px){body[data-view=lab] .fps,body[data-view=replay] .fps{right:calc(340px + var(--space-3))}}#view,.touch,.hud-actions{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding:var(--space-3) calc(var(--space-3) + var(--safe-right)) calc(var(--space-3) + var(--safe-bottom)) calc(var(--space-3) + var(--safe-left));pointer-events:none;display:flex;position:absolute;bottom:0;left:0;right:0}.touch-steer,.touch-pedals{max-width:340px;height:var(--touch-h);pointer-events:auto;flex:1 1 0}.touch-steer{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:linear-gradient(#1b20259e,#0b0d10bd);grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.steer-half{justify-content:center;align-items:center;gap:var(--space-1);pointer-events:none;color:var(--text-3);font:600 14px/16px var(--font-ui);letter-spacing:.02em;transition:background-color .1s var(--ease-out), box-shadow .1s var(--ease-out), color .1s var(--ease-out);flex-direction:column;display:flex}.steer-half[data-side=right]{border-left:1px solid var(--line-strong)}.steer-chevron{opacity:.8;border:0 solid;border-width:0 0 3px 3px;border-radius:1px;width:12px;height:12px}.steer-half[data-side=left] .steer-chevron{transform:translate(3px)rotate(45deg)}.steer-half[data-side=right] .steer-chevron{transform:translate(-3px)rotate(-135deg)}.touch-steer[data-side=left] .steer-half[data-side=left],.touch-steer[data-side=right] .steer-half[data-side=right]{box-shadow:inset 0 0 0 2px var(--signal);color:var(--text-1);background:#ffb22442}.touch-pedals{gap:var(--space-2);grid-template-columns:1fr 1.4fr;grid-template-areas:"brake throttle";grid-auto-rows:1fr;display:grid}.touch-pedals[data-drift=hold]{grid-template-areas:"drift drift""brake throttle"}.touch-pedal{--pad-bg:linear-gradient(180deg, #1b20259e, #0b0d10bd);--pad-edge:var(--line-strong);height:100%;min-height:48px;padding:0 var(--space-2);border-radius:var(--radius-panel);color:var(--text-2);font:600 16px/1.15 var(--font-ui);text-align:center;text-wrap:balance;transition:background-color .1s var(--ease-out), box-shadow .1s var(--ease-out), color .1s var(--ease-out);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.touch-pedal,.touch-pedal:hover{background:var(--pad-bg);border-color:var(--pad-edge)}.touch-pedal:active,.touch-pedal[data-held=true]{transform:none}.touch-pedal:before{content:"";pointer-events:none;position:absolute}.touch-pedal[data-pedal=brake]{--pad-edge:#ff746880;grid-area:brake}.touch-pedal[data-pedal=brake]:before{left:0;top:var(--space-2);bottom:var(--space-2);background:var(--fault);border-radius:0 2px 2px 0;width:4px}.touch-pedal[data-pedal=throttle]{--pad-edge:#ffb2249e;color:var(--text-1);--pad-bg:linear-gradient(180deg, #ffb22433, #ffb22414);grid-area:throttle;font-size:18px;font-weight:700}.touch-pedal[data-pedal=drift]{--pad-edge:#ffb2249e;color:var(--text-1);--pad-bg:linear-gradient(180deg, #ffb22429, #ffb2240f);grid-area:drift;font-weight:700}.touch-pedal[data-pedal=throttle]:before,.touch-pedal[data-pedal=drift]:before{left:var(--space-3);right:var(--space-3);background:var(--signal);border-radius:2px 2px 0 0;height:3px;bottom:0}.touch-pedal[data-pedal=drift]:before{background:repeating-linear-gradient(115deg, var(--signal) 0 8px, transparent 8px 14px)}.touch-pedal[data-pedal=throttle][data-held=true],.touch-pedal[data-pedal=drift][data-held=true]{--pad-bg:#ffb2245c;--pad-edge:var(--signal);box-shadow:inset 0 0 0 2px var(--signal);color:var(--text-1)}.touch-pedal[data-pedal=brake][data-held=true]{--pad-bg:#ff746852;--pad-edge:var(--fault);box-shadow:inset 0 0 0 2px var(--fault);color:var(--text-1)}@media (prefers-reduced-motion:reduce){.steer-half,.touch-pedal{transition:none}}body[data-touch=on][data-view=play] .hud-speed{left:calc(var(--space-3) + var(--safe-left));bottom:calc(var(--touch-h) + var(--safe-bottom) + var(--space-5))}body[data-touch=on][data-view=play] .hud-speed #speed{font-size:44px}body[data-touch=on][data-view=play] .hud-pedals{left:auto;right:calc(var(--space-3) + var(--safe-right));bottom:calc(var(--touch-h) + var(--safe-bottom) + var(--space-5));transform:none}body[data-touch=on][data-view=play] .hud-hint{bottom:calc(var(--touch-h) + var(--safe-bottom) + var(--space-5) + 56px)}body[data-touch=on] #restart-play{display:none}body[data-touch=on] .hud-actions button{min-width:48px;min-height:48px}body[data-touch=on][data-view=play] #stage .hud-actions button{font:600 16px/1.15 var(--font-ui);color:var(--text-1);box-shadow:inset 0 1px #ffffff0f}body[data-touch=on][data-view=play] #stage .hud-actions button:hover{background:var(--hud-panel);border-color:var(--line-strong)}body[data-touch=on][data-view=play] #stage .hud-actions button:active{background:var(--asphalt-3);border-color:var(--signal);box-shadow:inset 0 0 0 1px var(--signal);transform:none}.hint-touch,body[data-touch=on] .hint-keys{display:none}body[data-touch=on] .hint-touch{display:inline}body[data-drift=hold]{--touch-h:calc(var(--touch-row) * 2 + var(--space-2))}@media (max-height:520px) and (orientation:landscape){:root{--touch-row:clamp(48px, calc(30vh - var(--safe-bottom) - var(--space-3) - var(--space-1)), 76px)}@supports (height:100dvh){:root{--touch-row:clamp(48px, calc(30dvh - var(--safe-bottom) - var(--space-3) - var(--space-1)), 76px)}}body[data-drift=hold]{--touch-h:var(--touch-row)}.touch-pedals[data-drift=hold]{grid-template-columns:1fr 1.2fr 1.2fr;grid-template-areas:"brake throttle drift"}.touch-pedals{grid-template-columns:1fr 1.2fr}.hud-time #time{font-size:32px}.hud-speed #speed{font-size:44px}.hud-banner{top:calc(52px + var(--safe-top));font-size:15px}.hud-actions{top:calc(var(--space-3) + var(--safe-top));right:calc(var(--space-3) + var(--safe-right))}.hud-actions kbd{display:none}body[data-view=play] .hud-time{top:calc(var(--space-3) + var(--safe-top));left:calc(var(--space-3) + var(--safe-left));justify-items:start;transform:none}.finish-time{font-size:44px}}@media (pointer:coarse),(max-width:760px),(max-height:520px){select,.button,button,input[type=email],input[type=text],.segmented span,.check,.ghost-toggle,.slider input[type=range],.track,.hud-actions button,.rank button,button.back,.screen>.foot a{min-height:48px}select,input[type=email],input[type=text],input.share-url{font-size:16px}.check input{width:22px;height:22px}}.hud-notices{display:contents}body[data-view=play] #stage{--hud-edge:var(--space-4);--hud-time-h:108px;--hud-panel:var(--asphalt-0);--hud-border:1px solid var(--line)}body[data-view=play] #stage .hud-time{top:calc(var(--hud-edge) + var(--safe-top));height:var(--hud-time-h);padding:0 var(--space-4);background:var(--hud-panel);border:var(--hud-border);border-radius:var(--radius-panel);text-shadow:none;align-content:center}body[data-view=play] #stage .hud-label{font:500 12px/14px var(--font-ui);color:var(--text-3);letter-spacing:.04em}body[data-view=play] #stage .hud-time #time{font-size:56px;line-height:56px}body[data-view=play] #stage .hud-time #gate{color:var(--text-2);font-size:14px;font-weight:500;line-height:20px}body[data-view=play] #stage .hud-speed{left:calc(var(--hud-edge) + var(--safe-left));bottom:calc(var(--hud-edge) + var(--safe-bottom));padding:var(--space-2) var(--space-4);background:var(--hud-panel);border:var(--hud-border);border-radius:var(--radius-panel);text-shadow:none}body[data-view=play] #stage .hud-speed #speed{min-width:3ch;font-size:44px;line-height:44px}body[data-view=play] #stage .hud-speed .unit{color:var(--text-2);font-size:14px;line-height:20px}body[data-view=play] #stage .hud-pedals{bottom:calc(var(--hud-edge) + var(--safe-bottom));padding:var(--space-2) var(--space-3);background:var(--hud-panel);border:var(--hud-border);border-radius:var(--radius-panel)}body[data-view=play] #stage .hud-actions{top:calc(var(--hud-edge) + var(--safe-top));right:calc(var(--hud-edge) + var(--safe-right))}body[data-view=play] #stage .hud-actions button{background:var(--hud-panel);border-color:var(--line-strong)}body[data-view=play] #stage .hud-actions button:hover{background:var(--asphalt-3)}body[data-view=play] #stage .hud-notices{align-items:center;gap:var(--space-2);left:50%;top:calc(var(--hud-edge) + var(--safe-top) + var(--hud-time-h) + var(--space-2));max-width:calc(100% - 2 * var(--hud-edge) - var(--safe-left) - var(--safe-right));pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}body[data-view=play] #stage .hud-hint,body[data-view=play] #stage .hud-banner{width:max-content;max-width:100%;padding:var(--space-1) var(--space-3);border:var(--hud-border);border-radius:var(--radius-control);text-shadow:none;background:#0f1215eb;margin:0;position:static;transform:none}body[data-view=play] #stage .hud-hint{color:var(--text-1);font-size:14px;line-height:20px}body[data-view=play] #stage .hud-banner{font-size:16px;line-height:22px}body[data-view=play] #stage .hud-banner:empty,body[data-view=play] #stage .hud-hint[hidden]{display:none}@media (min-width:761px) and (max-width:1180px){body[data-view=play] #stage .hud-time{left:calc(var(--hud-edge) + var(--safe-left));justify-items:start;transform:none}body[data-view=play] #stage .hud-notices{left:calc(var(--hud-edge) + var(--safe-left));align-items:flex-start;transform:none}}@media (max-width:760px){body[data-view=play] #stage{--hud-edge:var(--space-3);--hud-time-h:84px}body[data-view=play] #stage .hud-time{left:calc(var(--hud-edge) + var(--safe-left));padding:0 var(--space-3);justify-items:start;transform:none}body[data-view=play] #stage .hud-time #time{font-size:40px;line-height:40px}body[data-view=play] #stage .hud-time #gate{font-size:13px;line-height:16px}body[data-view=play] #stage .hud-speed{padding:var(--space-1) var(--space-3);justify-items:center;gap:0;display:grid}body[data-view=play] #stage .hud-speed #speed{text-align:center;min-width:3ch;font-size:32px;line-height:32px}body[data-view=play] #stage .hud-speed .unit{font-size:12px;line-height:14px}body[data-view=play] #stage .hud-pedals{gap:var(--space-2);padding:var(--space-2) var(--space-2)}body[data-view=play] #stage .hud-pedals .wheel-axis{width:40px}body[data-view=play] #stage .hud-notices{left:calc(var(--hud-edge) + var(--safe-left));align-items:flex-start;transform:none}body[data-view=play] #stage .hud-hint{font-size:12px;line-height:16px}body[data-view=play] #stage .hud-banner{font-size:15px;line-height:20px}}@media (max-width:520px){body[data-view=play] #stage .hud-actions{grid-auto-flow:row;justify-items:stretch;display:grid}body[data-view=play] #stage .hud-actions[hidden]{display:none}body[data-view=play] #stage .hud-notices{max-width:calc(100% - 2 * var(--hud-edge) - var(--safe-left) - var(--safe-right) - 112px)}}body[data-touch=on][data-view=play] #stage .hud-speed,body[data-touch=on][data-view=play] #stage .hud-pedals{bottom:calc(var(--touch-h) + var(--safe-bottom) + var(--space-5) + var(--space-2))}body[data-touch=on][data-view=play] #stage .hud-speed{left:calc(var(--space-3) + var(--safe-left))}body[data-touch=on][data-view=play] #stage .hud-pedals{left:auto;right:calc(var(--space-3) + var(--safe-right));transform:none}@media (max-height:520px) and (orientation:landscape){body[data-view=play] #stage{--hud-edge:var(--space-3);--hud-time-h:76px}body[data-view=play] #stage .hud-time{left:calc(var(--hud-edge) + var(--safe-left));padding:0 var(--space-3);justify-items:start;transform:none}body[data-view=play] #stage .hud-time #time{font-size:36px;line-height:36px}body[data-view=play] #stage .hud-time #gate{font-size:13px;line-height:16px}body[data-view=play] #stage .hud-speed #speed{font-size:32px;line-height:32px}body[data-view=play] #stage .hud-notices{top:calc(var(--hud-edge) + var(--safe-top));align-items:center;max-width:280px;left:50%;transform:translate(-50%)}}body[data-view=play] #stage .finish{--result:var(--line-strong);left:calc(50% + (var(--safe-left) - var(--safe-right)) / 2);top:calc(50% + (var(--safe-top) - var(--safe-bottom)) / 2);width:min(560px, calc(100% - 2 * var(--space-4) - var(--safe-left) - var(--safe-right)));max-height:calc(100% - 2 * var(--space-3) - var(--safe-top) - var(--safe-bottom));text-align:left;border-top:3px solid var(--result);background:#0f1215f5;justify-items:stretch;gap:0;padding:0}body[data-view=play] #stage .finish[data-result=best]{--result:var(--signal)}body[data-view=play] #stage .finish[data-result=replay]{--result:var(--text-3)}body[data-view=play] #stage .finish[data-result=stopped]{--result:var(--fault)}body[data-view=play] #stage .finish[data-result=unverified]{--result:var(--warn)}body[data-view=play] #stage .finish-head{gap:var(--space-1);padding:var(--space-5) var(--space-5) var(--space-4);display:grid}body[data-view=play] #stage .finish h2{color:var(--result);font-size:18px;line-height:24px}body[data-view=play] #stage .finish[data-result=finish] h2{color:var(--text-2)}body[data-view=play] #stage .finish-time{font-size:88px;line-height:88px}body[data-view=play] #stage .finish-status{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);justify-items:start;display:grid}body[data-view=play] #stage .finish-status:not(:has(>:is(.finish-best,.finish-note):not(:empty),>.quiet:not([hidden]),>.share-url:not([hidden]))){display:none}body[data-view=play] #stage .finish-best{font-size:18px;line-height:26px}body[data-view=play] #stage .finish-note{font-size:14px;line-height:20px}body[data-view=play] #stage .finish-actions{padding:var(--space-4) var(--space-5) var(--space-5);border-top:1px solid var(--line);margin:0}@media (max-width:760px){body[data-view=play] #stage .finish-head{padding:var(--space-4) var(--space-4) var(--space-3)}body[data-view=play] #stage .finish-time{font-size:60px;line-height:60px}body[data-view=play] #stage .finish-status{padding:var(--space-3) var(--space-4)}body[data-view=play] #stage .finish-best{font-size:16px;line-height:22px}body[data-view=play] #stage .finish-actions{padding:var(--space-3) var(--space-4) var(--space-4)}}@media (max-height:520px) and (orientation:landscape){body[data-view=play] #stage .finish{width:min(720px, calc(100% - 2 * var(--space-4) - var(--safe-left) - var(--safe-right)));grid-template-columns:1fr 1fr;grid-template-areas:"head actions""status actions";align-content:start}body[data-view=play] #stage .finish-head{padding:var(--space-3) var(--space-4) var(--space-2);grid-area:head}body[data-view=play] #stage .finish-status{padding:var(--space-2) var(--space-4) var(--space-3);border-top:0;grid-area:status}body[data-view=play] #stage .finish-actions{border-top:0;border-left:1px solid var(--line);padding:var(--space-3) var(--space-4);grid-area:actions;align-content:center}body[data-view=play] #stage .finish-time{font-size:52px;line-height:52px}}.screen[data-screen=main] .brand:after,.screen[data-screen=pause] .brand:after{content:"";width:72px;height:4px;margin-top:var(--space-3);background:repeating-linear-gradient(90deg, var(--barrier) 0 12px, var(--kerb) 12px 24px);border-radius:1px;display:block}.screen[data-screen=main] .tagline{color:var(--text-2)}.main-actions{gap:var(--space-4);display:grid}.screen[data-screen=main] .drive-card{border-color:var(--line-strong);box-shadow:inset 3px 0 0 var(--signal);grid-template-columns:auto minmax(0,1fr)}.screen[data-screen=main] .drive-card .glyph{width:104px;height:66px}.screen[data-screen=main] .drive-body h2{overflow-wrap:anywhere}.screen[data-screen=main] .drive-card .drive{transition:background-color .12s var(--ease-out), border-color .12s var(--ease-out), transform .12s var(--ease-out)}.screen[data-screen=main] .drive-card .drive:focus-visible{outline-offset:3px}.screen[data-screen=main] .drive-card #catalogue-retry{min-height:48px}.screen[data-screen=main][data-catalogue=loading] .drive-card{box-shadow:inset 3px 0 0 var(--line-strong)}.screen[data-screen=main][data-catalogue=loading] .drive-body h2{color:var(--text-2)}.screen[data-screen=main][data-catalogue=error] .drive-card{border-color:var(--fault);box-shadow:inset 3px 0 0 var(--fault)}.screen[data-screen=main][data-catalogue=error] .drive-body h2{color:var(--fault)}.screen[data-screen=main][data-catalogue=empty] .drive-card{box-shadow:none;border-style:dashed}body[data-touch=on] .drive kbd{display:none}.screen[data-screen=main] .menu-list>button,.screen[data-screen=main] .menu-list>.button.row,.screen[data-screen=pause] .menu-list>button{transition:background-color .12s var(--ease-out)}.screen[data-screen=main] .menu-list>button:active,.screen[data-screen=main] .menu-list>.button.row:active,.screen[data-screen=pause] .menu-list>button:active{background:var(--road);transform:none}.screen[data-screen=main] .menu-list>button:focus-visible,.screen[data-screen=main] .menu-list>.button.row:focus-within,.screen[data-screen=pause] .menu-list>button:focus-visible{background:var(--asphalt-3);outline:2px solid var(--signal);outline-offset:-2px}.screen[data-screen=main] .menu-list>button[data-go]:after{content:"";width:7px;height:7px;margin-left:calc(var(--space-1) * -1);border-top:2px solid var(--text-3);border-right:2px solid var(--text-3);flex:none;align-self:center;transform:rotate(45deg)}.screen[data-screen=main] .menu-list>button[data-go]:hover:after,.screen[data-screen=main] .menu-list>button[data-go]:focus-visible:after{border-color:var(--signal)}.screen[data-screen=main] .menu-list .row-label{text-align:left;flex:1}.screen[data-screen=main] .menu-list .row-meta:empty{display:none}.screen[data-screen=tracks]{overflow:hidden}.screen[data-screen=tracks][data-catalogue]:not([data-catalogue=ready]) .split{grid-template-columns:minmax(0,1fr)}.screen[data-screen=tracks] .pack-head h3{font:600 22px/1.1 var(--font-figure);letter-spacing:-.01em}.screen[data-screen=tracks] .pack-head .hint{margin:0}.screen[data-screen=tracks] button.pack{min-height:48px}.screen[data-screen=tracks] button.pack:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.screen[data-screen=tracks] .catalogue label.track{min-height:64px;padding:var(--space-3);border-radius:var(--radius-panel);grid-template-columns:auto minmax(0,1fr) auto}.screen[data-screen=tracks] .catalogue label.track:has(input:checked){box-shadow:inset 4px 0 0 var(--signal)}.screen[data-screen=tracks] .catalogue label.track strong{align-items:center;gap:var(--space-2);display:flex}.screen[data-screen=tracks] .catalogue label.track:has(input:checked) strong:before{content:"";border-right:2px solid var(--signal);border-bottom:2px solid var(--signal);flex:none;width:5px;height:10px;margin:0 2px 3px 1px;transform:rotate(45deg)}.screen[data-screen=tracks] .track-best{align-self:center}.screen[data-screen=tracks] #catalogue-state{padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-panel);color:var(--text-2);margin:0;font-size:15px}.screen[data-screen=tracks] #catalogue-state[data-tone=fault]{border-style:solid;border-color:var(--fault);color:var(--fault)}.screen[data-screen=tracks] .catalogue-retry{width:100%;margin-top:var(--space-3);min-height:48px}.screen[data-screen=tracks] .glyph.big{box-sizing:border-box;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--asphalt-2)}.screen[data-screen=tracks] .detail .facts{gap:0}.screen[data-screen=tracks] .detail .facts div{padding:var(--space-2) 0;border-top:1px solid var(--line)}.screen[data-screen=tracks] .detail .facts dt{color:var(--text-3)}.screen[data-screen=tracks] .detail .facts dd{color:var(--text-1);font-weight:600}.screen[data-screen=tracks] #detail-best{font-size:24px}.track-action{align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line-strong);flex:none;display:flex}.track-action[hidden]{display:none}.track-action-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 24px/1.1 var(--font-figure);letter-spacing:-.01em;flex:1;margin:0;overflow:hidden}.track-action .primary{width:168px;min-height:56px;font:600 26px/1 var(--font-figure);letter-spacing:.01em;flex:none}.screen[data-screen=pause] .menu-list{gap:0}.screen[data-screen=pause] .menu-list>button.big{margin-bottom:var(--space-2);border-radius:var(--radius-panel);border-bottom-width:0;min-height:72px;font-size:32px}.screen[data-screen=pause] .menu-list>button.big:focus-visible{outline-color:var(--kerb);background:#ffc04d}.screen[data-screen=pause] .menu-list>#pause-change{color:var(--text-2)}.screen[data-screen=pause] .pause-note{padding-left:var(--space-3);border-left:2px solid var(--line-strong);color:var(--text-2);margin:0}@media (max-width:760px){.screen[data-screen=tracks] .split{overscroll-behavior:contain;align-content:start;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:auto;grid-auto-rows:max-content;min-height:0;overflow-y:auto}.screen[data-screen=tracks] .list-col,.screen[data-screen=tracks] .detail{min-height:auto;overflow:visible}.screen[data-screen=tracks] .catalogue label.track{min-height:72px}.track-action .primary{width:144px}.track-action-title{font-size:20px}}@media (max-height:520px) and (orientation:landscape){.screen[data-screen=pause] .menu-list>button.big{min-height:56px;font-size:26px}.screen[data-screen=main] .brand:after,.screen[data-screen=pause] .brand:after{margin-top:var(--space-2)}.track-action .primary{min-height:48px;font-size:22px}}@media (max-height:520px) and (orientation:landscape) and (min-width:761px){.screen[data-screen=tracks] .split{flex:1;min-height:0}.screen[data-screen=tracks] .list-col,.screen[data-screen=tracks] .detail{overflow-y:auto}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}.screen[data-screen=records] :is(#records-selected,#records-catalogue-status,#records-catalogue-retry,#ranks-share)[hidden]{display:none}.screen[data-screen=records] .list-col{gap:var(--space-2);flex-direction:column;display:flex}.screen[data-screen=records] .list-col>#records-list{gap:var(--space-2);display:grid}.screen[data-screen=records] #records-catalogue-status{padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control)}.screen[data-screen=records] #records-catalogue-retry{align-self:start}.screen[data-screen=records] #records-detail{gap:var(--space-4)}.screen[data-screen=records] .records-selected{gap:var(--space-2);display:grid}.screen[data-screen=records] #records-track-title{font:600 28px/1.05 var(--font-figure);letter-spacing:-.01em;text-wrap:balance}.screen[data-screen=records] .records-meta{align-items:center;gap:var(--space-1) var(--space-3);color:var(--text-3);flex-wrap:wrap;margin:0;font-size:12px;font-weight:500;display:flex}.screen[data-screen=records] .records-summary{color:var(--text-2);margin:0;font-size:13px}.screen[data-screen=records] .records-best{gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--asphalt-2);display:grid}.screen[data-screen=records] .records-best-label{color:var(--text-3);font-size:12px;font-weight:500}.screen[data-screen=records] .records-best-value{font:600 44px/1 var(--font-figure);letter-spacing:-.01em;color:var(--text-4)}.screen[data-screen=records] .records-best-value[data-set]{color:var(--text-1)}.screen[data-screen=records] #records-best-status:empty{display:none}.screen[data-screen=records] #ranks{gap:var(--space-2)}.screen[data-screen=records] #ranks>h3{font:600 16px/1.2 var(--font-ui)}.screen[data-screen=records] #ranks-title{color:var(--text-2);overflow-wrap:anywhere;font-weight:500}.screen[data-screen=records] #ranks-title:empty{display:none}.screen[data-screen=records] #ranks-list{margin-top:var(--space-1)}.screen[data-screen=records] #ranks-list .rank{gap:var(--space-1) var(--space-3);min-height:48px;padding:var(--space-1) 0;grid-template-columns:28px minmax(0,1fr) auto auto auto}.screen[data-screen=records] #ranks-list .rank:before{font:600 15px/1 var(--font-figure);color:var(--text-3)}.screen[data-screen=records] #ranks-list .rank-name{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-weight:500;overflow:visible}.screen[data-screen=records] #ranks-list .rank-time{font:600 22px/1 var(--font-figure);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.screen[data-screen=records] #ranks-list .rank button{min-width:56px;font-size:13px;font-weight:500}.screen[data-screen=records] #ranks-list .rank button:focus-visible{background:var(--asphalt-3);border-color:var(--line-strong);color:var(--text-1)}.screen[data-screen=records] #ranks-state{padding-left:var(--space-3);border-left:2px solid var(--line-strong)}.screen[data-screen=records] #ranks[data-state=loading] #ranks-state{border-left-color:var(--signal);color:var(--text-2)}.screen[data-screen=records] #ranks[data-state=error] #ranks-state{border-left-color:var(--fault)}.screen[data-screen=records] #ranks[data-state=stale] #ranks-state{border-left-color:var(--warn)}.screen[data-screen=records] #ranks[data-state=ready] #ranks-state{border-left-color:var(--ok)}.screen[data-screen=records] #ranks[data-state=stale] .rank-time{color:var(--warn)}.screen[data-screen=records] #ranks-share{-webkit-user-select:all;user-select:all}.screen[data-screen=records] #ranks-refresh{justify-self:start}.screen[data-screen=records] #records-replay{gap:var(--space-2)}.screen[data-screen=records] #records-import{justify-self:start}.screen[data-screen=records] #records-import-status:empty{display:none}.screen[data-screen=records] #records-import-status[data-tone=fault]{color:var(--fault)}.screen[data-screen=records] #records-import-status[data-tone=ok]{color:var(--ok)}@media (max-width:760px){.screen[data-screen=records] .list-col{overscroll-behavior:contain;max-height:min(38dvh,21rem);overflow-y:auto}.screen[data-screen=records] #ranks-list .rank{row-gap:var(--space-1);padding:var(--space-2) 0;grid-template-columns:28px minmax(0,1fr) minmax(72px,auto);grid-template-areas:"rank name time"".watch share"}.screen[data-screen=records] #ranks-list .rank:before{grid-area:rank;align-self:start;padding-top:3px}.screen[data-screen=records] #ranks-list .rank-name{grid-area:name;align-self:start}.screen[data-screen=records] #ranks-list .rank-time{text-align:right;grid-area:time;align-self:start;font-size:24px}.screen[data-screen=records] #ranks-list .rank button:first-of-type{grid-area:watch}.screen[data-screen=records] #ranks-list .rank button:nth-of-type(2){grid-area:share}.screen[data-screen=records] #ranks-list .rank button{border-color:var(--line);width:100%}.screen[data-screen=records] .records-best-value{font-size:40px}.screen[data-screen=records] #ranks-refresh,.screen[data-screen=records] #records-import,.screen[data-screen=records] #records-catalogue-retry{place-self:stretch stretch}}@media (pointer:coarse),(max-width:760px),(max-height:520px){.screen[data-screen=records] :is(#ranks-refresh,#records-import,#records-catalogue-retry,#ranks-share),.screen[data-screen=records] #ranks-list .rank button{min-height:48px}}#replay-panel[hidden]{display:none}#replay-panel .replay-bar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}#replay-panel #replay-back{background:var(--asphalt-3);border-color:var(--line-strong);color:var(--text-1);font-weight:500}#replay-panel #replay-back:hover{color:var(--text-1);background:#232a30;border-color:#ffffff42}#replay-panel .panel-head{gap:var(--space-1);display:grid}#replay-panel .panel-head .tagline{color:var(--text-3);margin:0;font-size:13px}#replay-panel .replay-main,#replay-panel .replay-verify{gap:var(--space-3)}#replay-panel #replay-status{padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-2);font-size:13px}#replay-panel #replay-status[data-tone=ok]{border-color:var(--ok)}#replay-panel #replay-status[data-tone=warn]{border-color:var(--warn)}#replay-panel #replay-status[data-tone=fault]{border-color:var(--fault)}#replay-panel[data-state=loading] #replay-status{border-color:var(--signal)}#replay-panel #replay-facts{gap:0;margin:0;display:grid}#replay-panel #replay-facts[hidden]{display:none}#replay-panel #replay-facts>div{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--line);font-size:13px;display:flex}#replay-panel #replay-facts dd{text-align:right;overflow-wrap:anywhere;max-width:70%;font-weight:500}#replay-panel #replay-facts>.fact-time{padding:0 0 var(--space-3);border-top:0;flex-direction:column;align-items:flex-start;gap:0}#replay-panel #replay-facts>.fact-time dd{max-width:none;font:600 56px/1 var(--font-figure);letter-spacing:-.01em;text-align:left;font-variant-numeric:tabular-nums}#replay-panel #replay-facts>.fact-time dt{font-size:12px}#replay-panel .replay-actions{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}#replay-panel .replay-actions>button{width:100%}#replay-panel #replay-watch{min-height:48px;font-size:16px}#replay-panel .replay-more{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}#replay-panel .replay-more button{border-color:var(--line);color:var(--text-2);background:0 0;font-size:13px}#replay-panel .replay-more button:hover:not(:disabled){background:var(--asphalt-3);color:var(--text-1)}#replay-panel .command{-webkit-user-select:all;user-select:all}#replay-stage #replay-clock{font:600 44px/1 var(--font-figure);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #00000080}@media (max-width:760px){#replay-stage #replay-clock{font-size:32px}#replay-panel #replay-facts>.fact-time dd{font-size:48px}}@media (pointer:coarse),(max-width:760px),(max-height:520px){#replay-panel :is(#replay-back,#replay-download,#replay-core,#replay-track,[data-sound]){min-height:48px}#replay-panel .command{padding:var(--space-4) var(--space-3);font-size:13px}}[data-screen=settings]{--hit:44px;overflow:hidden}@media (pointer:coarse),(max-width:760px),(max-height:520px){[data-screen=settings]{--hit:48px}}[data-screen=settings] .screen-head{padding-bottom:var(--space-3);border-bottom:1px solid var(--line);flex:none}[data-screen=settings] .scroll{gap:var(--space-4);min-height:0;padding:4px 4px var(--space-4);scrollbar-gutter:stable;flex:auto}[data-screen=settings] .scroll>.setting-group{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--asphalt-1)}[data-screen=settings] .group-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}[data-screen=settings] .group-head h3{font:600 20px/1.1 var(--font-figure);letter-spacing:0;color:var(--text-1)}[data-screen=settings] .when{padding:2px var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text-2);flex:none;font-size:12px;font-weight:500;line-height:18px}[data-screen=settings] .hint{text-wrap:pretty;font-size:13px;line-height:1.4}[data-screen=settings] .check{min-height:var(--hit);padding:0 var(--space-3);gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--asphalt-2);transition:border-color .12s var(--ease-out), background-color .12s var(--ease-out)}[data-screen=settings] .check:hover{border-color:var(--line-strong)}[data-screen=settings] .check:has(input:checked){border-color:var(--line-strong);background:var(--asphalt-3)}[data-screen=settings] .check:has(input:focus-visible){border-color:var(--signal)}[data-screen=settings] .check input{flex:none;order:3;width:22px;height:22px;margin:0 0 0 auto}[data-screen=settings] .check>span{overflow-wrap:anywhere;min-width:0}[data-screen=settings] .ghost-toggle{padding-top:var(--space-2);padding-bottom:var(--space-2);align-items:center}[data-screen=settings] .ghost-toggle input{margin:0 0 0 auto}[data-screen=settings] .ghost-toggle .swatch{flex:none}[data-screen=settings] .ghost-text span{font-size:13px;line-height:1.35}[data-screen=settings] .segmented legend{margin-bottom:var(--space-2);color:var(--text-2);padding:0;font-size:13px}[data-screen=settings] .segmented span{min-height:var(--hit);padding:0 var(--space-2);text-align:center;text-wrap:balance}[data-screen=settings] .segmented input:checked+span{background:var(--asphalt-3);font-weight:600}[data-screen=settings] .segmented input:disabled+span{opacity:.45}[data-screen=settings] .slider{row-gap:var(--space-1)}[data-screen=settings] .slider label{color:var(--text-1)}[data-screen=settings] .slider output{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch}[data-screen=settings] .slider input[type=range]{min-height:var(--hit)}[data-screen=settings] .scroll .sound{min-height:var(--hit);padding:0 var(--space-3);background:var(--asphalt-2);border-color:var(--line);justify-content:space-between;justify-self:stretch}[data-screen=settings] .scroll .sound:hover{background:var(--asphalt-3)}[data-screen=settings] .sound:after{content:"";border:2px solid var(--text-3);box-sizing:border-box;border-radius:50%;width:10px;height:10px}[data-screen=settings] .sound[aria-pressed=true]:after{background:var(--signal);border-color:var(--signal)}[data-screen=settings] .account[data-state=callback]{border-color:var(--signal)}[data-screen=settings] .account form{gap:var(--space-3)}[data-screen=settings] .field>span{color:var(--text-2)}[data-screen=settings] .account input[type=email],[data-screen=settings] .account input[type=text]{min-height:var(--hit)}[data-screen=settings] .account form button,[data-screen=settings] .account-callback button,[data-screen=settings] #account-retry{width:100%;min-height:var(--hit)}[data-screen=settings] .account-callback{display:grid}[data-screen=settings] .account-user{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:var(--radius-control);background:var(--asphalt-2);grid-template-columns:minmax(0,1fr) auto}[data-screen=settings] .account-user:focus-visible{outline:2px solid var(--signal);outline-offset:2px}[data-screen=settings] .account-user p{overflow-wrap:anywhere;min-width:0}[data-screen=settings] .account-user button{min-height:var(--hit)}[data-screen=settings] #account-status{padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--radius-control);background:var(--asphalt-2);color:var(--text-2);overflow-wrap:anywhere;font-size:14px;line-height:1.4}[data-screen=settings] #account-status:empty{display:none}[data-screen=settings] .account[aria-busy=true] #account-status{border-left-color:var(--signal);color:var(--text-1)}[data-screen=settings] #account-status[data-tone=ok]{border-left-color:var(--ok);color:var(--ok)}[data-screen=settings] #account-status[data-tone=fault]{border-left-color:var(--fault);color:var(--fault)}[data-screen=settings] #account-status[data-tone=warn]{border-left-color:var(--warn);color:var(--warn)}[data-screen=settings] .account[data-state=unavailable] #account-status{border-left-color:var(--warn)}[data-screen=settings] .keys{gap:0}[data-screen=settings] .keys div{column-gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--line);flex-wrap:wrap;row-gap:2px}[data-screen=settings] .keys div:first-child{border-top:0;padding-top:0}[data-screen=settings] .keys dt{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}[data-screen=settings] .keys dd{flex:140px;min-width:0}[data-screen=settings] .keys+.keys{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line-strong)}[data-screen=settings] [hidden]{display:none}@media (min-width:761px) and (min-height:521px){.screen[data-screen=settings]{width:min(800px,100%)}[data-screen=settings] .scroll{align-items:start;gap:var(--space-3);padding-bottom:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}[data-screen=settings] .scroll>.setting-group{gap:var(--space-2);padding:var(--space-3)}[data-screen=settings] .scroll>.setting-group:last-child{grid-column:1/-1}}@media (max-height:520px) and (orientation:landscape){[data-screen=settings] .scroll{gap:var(--space-3)}[data-screen=settings] .scroll>.setting-group{gap:var(--space-2);padding:var(--space-3)}[data-screen=settings] .screen-head{padding-bottom:var(--space-2)}}@media (prefers-reduced-motion:reduce){[data-screen=settings] .check{transition:none}}body[data-view=play] #stage #finish-submit{padding:var(--space-1) 0 var(--space-1) var(--space-3);border-left:3px solid var(--line-strong);text-align:left;overflow-wrap:anywhere;color:var(--text-2)}body[data-view=play] #stage #finish-submit[data-tone=ok]{border-left-color:var(--ok);color:var(--ok)}body[data-view=play] #stage #finish-submit[data-tone=fault]{border-left-color:var(--fault);color:var(--fault)}body[data-view=play] #stage #finish-signin{min-height:44px;color:var(--text-1)}:root{--motion-press:.12s;--motion-scrim:.16s;--motion-screen:.18s;--motion-card:.2s;--motion-hud:.24s}button,.button,.track,.segmented span,select{transition-duration:var(--motion-press)}.menu .screen[data-motion=forward]{animation:screen-forward var(--motion-screen) var(--ease-out)}.menu .screen[data-motion=back]{animation:screen-back var(--motion-screen) var(--ease-out)}.menu .screen[data-motion=root]{animation:screen-root var(--motion-screen) var(--ease-out)}@keyframes screen-forward{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes screen-back{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}@keyframes screen-root{0%{opacity:0}to{opacity:1}}.menu:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}body[data-phase=paused] .menu:before{animation:scrim-in var(--motion-scrim) var(--ease-out);background:linear-gradient(90deg,#080a0c8c,#0000 70%)}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.finish{animation-duration:var(--motion-card)}body[data-view=play][data-start=in] .hud-actions,body[data-view=play][data-start=in] .hud-pedals{animation:hud-start var(--motion-hud) var(--ease-out)}@keyframes hud-start{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.menu .screen,.menu .screen[data-motion=forward],.menu .screen[data-motion=back],.menu .screen[data-motion=root],.menu:before,body[data-phase=paused] .menu:before,.finish,body[data-view=play][data-start] .hud-actions,body[data-view=play][data-start] .hud-pedals{animation:none!important}}.hud-time #gate[data-cue],body[data-view=play] #stage .hud-time #gate[data-cue],#replay-clock[data-cue]{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.hud-time #gate[data-cue=checkpoint],body[data-view=play] #stage .hud-time #gate[data-cue=checkpoint],#replay-clock[data-cue=checkpoint]{color:var(--signal)}.hud-time #gate[data-cue=finish],body[data-view=play] #stage .hud-time #gate[data-cue=finish],#replay-clock[data-cue=finish]{color:var(--ok);text-decoration-style:double}