:root{--bg: #070a18;--ink: #f3f6fb;--ink-2: #c3cbe0;--muted: #8a94b2;--cyan: #39d9ff;--magenta: #ff4fb8;--amber: #ffb62e;--lime: #b8ff3a;--gold: #ffc23a;--silver: #d6deea;--bronze: #e0925a;--red: #ff3d5e;--green: #5dff9a;--panel: rgba(9, 13, 32, .84);--panel-2: rgba(20, 27, 58, .72);--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .2);--display: "Bahnschrift", "DIN Alternate", "DIN Condensed", "Avenir Next Condensed", "Arial Narrow", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#game{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2;font-size:15px}kbd{display:inline-block;min-width:1.8em;padding:.1em .42em;margin:0 .08em;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;background:#ffffff12;font-family:var(--mono);font-size:.8em;font-style:normal;text-align:center;color:var(--ink);line-height:1.35}code{font-family:var(--mono);font-size:.92em;color:var(--lime);letter-spacing:.04em}.btn{pointer-events:auto;appearance:none;font:italic 700 1rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:#ffffff0d;border:1px solid var(--line-2);border-radius:6px;padding:.85em 1.35em;cursor:pointer;transition:background .15s,border-color .15s,transform .08s,color .15s,box-shadow .15s}.btn:hover{background:#ffffff1c;border-color:#ffffff5c}.btn:active{transform:translateY(1px) scale(.985)}.btn:focus-visible,.seg-btn:focus-visible,.toggle:focus-visible,.track-card:focus-visible,.icon-btn:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn.primary{color:#061018;background:linear-gradient(180deg,#7ff0ff,#28c4f0);border-color:#a9f5ff;box-shadow:0 0 0 1px #39d9ff40,0 10px 30px -10px #39d9ffbf}.btn.primary:hover{background:linear-gradient(180deg,#a6f5ff,#43d1f6)}.btn.primary kbd{color:#061018;border-color:#06101859;background:#ffffff59}.btn.big{font-size:1.35rem;padding:.9em 2.4em}.btn.danger{color:#ffd2da;border-color:#ff3d5e80}.btn.danger:hover{background:#ff3d5e29}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover{border-color:var(--line-2)}.btn.small{font-size:.82rem;padding:.6em .9em}.icon-btn{pointer-events:auto;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink);cursor:pointer}.icon-btn:hover{border-color:var(--cyan);color:var(--cyan)}.row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.row.end{justify-content:flex-end;margin-top:1.3rem}.eyebrow{font:italic 700 .8rem/1 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);margin-bottom:.55rem}.hint,.muted{color:var(--muted);font-size:.85rem}.hint{margin:.9rem 0 0}.screens{position:fixed;inset:0;display:none;pointer-events:none;z-index:5}.screens.visible{display:block}.screen{pointer-events:auto;position:absolute;inset:0;overflow-y:auto;padding:calc(4vh + var(--safe-t)) calc(5vw + var(--safe-r)) calc(4vh + var(--safe-b)) calc(5vw + var(--safe-l));background:linear-gradient(90deg,#050816f0,#050816c7 48%,#05081659);animation:screen-in .22s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.screen h2{font:italic 800 clamp(2rem,4.4vw,3.3rem)/.95 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0 0 1rem}.screen h3{font:italic 700 .85rem/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin:1.3rem 0 .7rem}.lede{font-size:1.05rem;line-height:1.55;color:var(--ink-2);max-width:34rem}.title-screen{display:grid;grid-template-rows:1fr auto auto;gap:1.8rem;align-content:center}.title-block{align-self:end}.logo{margin:0;font:italic 900 clamp(3.2rem,10vw,8rem)/.84 var(--display);text-transform:uppercase;letter-spacing:-.01em}.logo span{display:block}.logo .l1{color:var(--ink);text-shadow:0 0 40px rgba(57,217,255,.25)}.logo .l2{background:linear-gradient(90deg,var(--cyan),var(--magenta) 55%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent;padding-left:.5em}.title-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.touch-note{color:var(--amber);font-size:.9rem;max-width:26rem}.title-stats{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;border-top:1px solid var(--line);padding-top:1rem;max-width:40rem}.title-stats .k{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.title-stats .v{font:italic 800 1.5rem/1.2 var(--display)}.tracks-screen{background:linear-gradient(90deg,#050816f2,#050816db 62%,#0508168c)}.tracks-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;max-width:64rem}.tracks-head h2{margin:0}.mode-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.mode-note{color:var(--ink-2);font-size:.9rem;margin:.8rem 0 1rem;max-width:64rem}.track-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.8rem;max-width:64rem}.track-card{pointer-events:auto;appearance:none;text-align:left;color:var(--ink);font:inherit;background:var(--panel-2);border:1px solid var(--line);border-left:4px solid rgba(57,217,255,.35);border-radius:8px;padding:.95rem 1rem .8rem;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.track-card:hover{background:#222c58cc}.track-card.selected{border-color:var(--cyan);border-left-color:var(--cyan);background:#18305cdb;box-shadow:0 0 0 1px #39d9ff4d,0 12px 30px -16px #39d9ff99}.track-card.locked{opacity:.5;cursor:not-allowed}.track-card:active:not(.locked){transform:scale(.99)}.tc-top{display:flex;align-items:center;gap:.55rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tc-top .num{font:italic 800 1rem/1 var(--display);color:var(--cyan)}.tc-top .teaches{flex:1}.tc-name{font:italic 800 1.55rem/1.1 var(--display);text-transform:uppercase;margin:.25rem 0 .2rem}.tc-blurb{margin:0 0 .6rem;font-size:.86rem;line-height:1.4;color:var(--ink-2)}.tc-times{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;font-size:.8rem}.tc-times .pb{flex:1 0 100%;display:flex;align-items:baseline;gap:.5rem}.tc-times .pb .k{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.tc-times .pb b{font:italic 800 1.15rem/1 var(--display)}.ghost-tag{font-style:normal;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#9fe6ff;border:1px solid rgba(159,230,255,.4);border-radius:3px;padding:.05em .35em}.tgt{font-family:var(--mono);font-size:.78rem}.tgt:before{content:"";display:inline-block;width:.6em;height:.6em;border-radius:50%;margin-right:.3em;vertical-align:.02em;background:currentColor}.tgt.gold,.medal-dot.gold{color:var(--gold)}.tgt.silver,.medal-dot.silver{color:var(--silver)}.tgt.bronze,.medal-dot.bronze{color:var(--bronze)}.tc-goals,.goals{list-style:none;margin:.55rem 0 0;padding:0;font-size:.78rem;color:var(--muted)}.tc-goals li,.goals li{display:flex;align-items:center;gap:.45rem;padding:.12rem 0}.tc-goals li i,.goals li i{width:.8rem;height:.8rem;border-radius:3px;border:1.5px solid var(--line-2);flex:none}.tc-goals li.done,.goals li.done,.goals li.before{color:var(--ink-2)}.tc-goals li.done i,.goals li.done i,.goals li.before i{border-color:var(--green);background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.6l4.6-5' fill='none' stroke='%23061018' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}.goals li.before:not(.done) i{background-color:#5dff9a59;border-color:#5dff9a80}.goals li em{font-style:normal;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}.medal-badge{font:italic 800 .72rem/1 var(--display);letter-spacing:.12em;padding:.3em .55em;border-radius:4px;color:#120c02}.medal-badge.gold{background:var(--gold)}.medal-badge.silver{background:var(--silver)}.medal-badge.bronze{background:var(--bronze)}.seg{pointer-events:auto;display:inline-flex;border:1px solid var(--line-2);border-radius:6px;overflow:hidden}.seg-btn{appearance:none;font:italic 700 .82rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:transparent;border:0;border-right:1px solid var(--line);padding:.7em .95em;cursor:pointer}.seg-btn:last-child{border-right:0}.seg-btn:hover{background:#ffffff12}.seg-btn.on{color:#061018;background:var(--cyan)}.seg-btn.on code{color:#061018}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 2.5rem;max-width:52rem}.settings-grid section>h3:first-child{margin-top:.2rem}.toggle{pointer-events:auto;appearance:none;display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;font:500 .95rem var(--body);color:var(--ink);background:#ffffff0a;border:1px solid var(--line);border-radius:6px;padding:.7rem .85rem;margin:0 0 .5rem;cursor:pointer}.toggle:hover{border-color:var(--line-2)}.toggle i{width:2.3rem;height:1.25rem;border-radius:1rem;background:#ffffff29;position:relative;flex:none;transition:background .15s}.toggle i:after{content:"";position:absolute;left:.15rem;top:.15rem;width:.95rem;height:.95rem;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on i{background:var(--cyan)}.toggle.on i:after{transform:translate(1.05rem)}.slider{pointer-events:auto;display:grid;grid-template-columns:1fr 9rem 2.4rem;align-items:center;gap:.8rem;margin:0 0 .6rem;font-size:.95rem}.slider input{width:100%;accent-color:var(--cyan)}.slider output{font-family:var(--mono);color:var(--ink-2);text-align:right}.field{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.howto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;max-width:64rem}@media(min-width:880px){.howto-grid{grid-template-columns:1fr 1fr;max-width:58rem}}.howto-grid section{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem}.howto-grid h3{margin:.5rem 0;color:var(--ink);font-size:1.05rem;letter-spacing:.1em}.howto-grid p{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-2)}.howto-ico{width:44px;height:44px;border-radius:8px;background:#39d9ff1f center/28px no-repeat;border:1px solid rgba(57,217,255,.35)}.howto-ico.run{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18h16M12 4v10m-4-4 4 4 4-4' fill='none' stroke='%2339d9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' transform='rotate(180 12 12)'/%3E%3C/svg%3E")}.howto-ico.jump{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 19h5M16 19h5M5 17c3-11 11-11 14 0' fill='none' stroke='%23b8ff3a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-color:#b8ff3a1a;border-color:#b8ff3a59}.howto-ico.flip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h16M4 4h16' stroke='%2339d9ff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 16V8m-3 3 3-3 3 3' fill='none' stroke='%23ff4fb8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-color:#ff4fb81a;border-color:#ff4fb866}.howto-ico.gate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='4' width='14' height='16' rx='1' fill='none' stroke='%23ffc23a' stroke-width='2'/%3E%3Cpath d='M9 12h6' stroke='%23ffc23a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-color:#ffc23a1a;border-color:#ffc23a66}.swatch-row{display:flex;gap:.4rem;margin-top:.7rem}.sw{font:italic 700 .72rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;padding:.35em .6em;border-radius:4px;border:1.5px solid currentColor}.sw.floor{color:var(--cyan)}.sw.wall{color:var(--amber)}.sw.ceiling{color:var(--magenta)}.pause-screen,.results-screen,.settings-screen,.howto-screen{background:#050816db;backdrop-filter:blur(3px)}.pause-menu{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;max-width:20rem}.pause-info{display:flex;gap:2rem;margin:0 0 1.2rem}.stat-row span{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.stat-row b{font:italic 800 1.5rem/1.2 var(--display)}.results-screen h2.glow{color:var(--gold);text-shadow:0 0 30px rgba(255,194,58,.45)}.result-time{font:italic 900 clamp(3rem,9vw,5.6rem)/.95 var(--display);letter-spacing:.01em;font-variant-numeric:tabular-nums}.result-time.practice{font-size:clamp(1.8rem,5vw,2.8rem)}.medal-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin:.8rem 0 .4rem}.medal-big{font:italic 800 1.05rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;padding:.55em .95em;border-radius:6px;color:#120c02;background:#ffffff1a;animation:medal-in .5s cubic-bezier(.2,1.6,.4,1) .2s both}.medal-big.none{color:var(--ink-2);border:1px solid var(--line-2)}.medal-big.gold{background:linear-gradient(180deg,#ffe08a,#f2ae1f);box-shadow:0 0 30px -4px #ffc23ab3}.medal-big.silver{background:linear-gradient(180deg,#fff,#b7c2d4)}.medal-big.bronze{background:linear-gradient(180deg,#f5b98a,#c46f35)}@keyframes medal-in{0%{transform:scale(.4);opacity:0}}.next-medal{color:var(--muted);font-size:.9rem}.pb-cmp{font-weight:600;margin:.3rem 0 .2rem}.pb-cmp.ahead,.ahead{color:var(--green)}.pb-cmp.behind,.behind{color:#ff8aa0}.result-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.5rem 2.5rem;max-width:52rem;margin-top:1rem}.splits{border-collapse:collapse;width:100%;font-size:.9rem;font-variant-numeric:tabular-nums}.splits th{text-align:left;font-weight:500;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 0 .35rem}.splits td{padding:.3rem 0;border-top:1px solid var(--line)}.splits td:nth-child(2),.splits td:nth-child(3),.splits th:nth-child(2),.splits th:nth-child(3){text-align:right}.splits tr.fin td{font-weight:700}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.9rem}.summary span{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.summary b{font:italic 800 1.3rem/1.2 var(--display)}.results-screen h3{margin-top:.3rem}.unlock{margin-top:1rem;padding:.6rem .8rem;border:1px solid rgba(57,217,255,.4);border-radius:6px;background:#39d9ff14;color:var(--cyan)}.error-screen{display:grid;align-content:center;justify-items:start}.hud{position:fixed;inset:0;display:none;pointer-events:none;font-family:var(--display)}.hud.visible{display:block}.hud-top{position:absolute;top:calc(14px + var(--safe-t));left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:1rem}.hud-left .trk{font:italic 800 1.05rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 8px rgba(0,0,0,.7)}.chip{font:italic 700 .66rem/1 var(--display);letter-spacing:.14em;padding:.35em .5em;border-radius:3px;background:#060c1ecc;color:var(--cyan);border:1px solid rgba(57,217,255,.35)}.hud.practice .chip{background:#b8ff3a24;color:var(--lime);border-color:#b8ff3a59}.stats{display:flex;gap:.4rem;margin-top:.55rem}.stat{background:#060918a8;border:1px solid var(--line);border-radius:6px;padding:.35rem .6rem;min-width:4.4rem}.stat .k{display:block;font:600 .6rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.stat b{font:italic 800 1.2rem/1 var(--display);font-variant-numeric:tabular-nums}.hud-center{text-align:center;display:flex;flex-direction:column;align-items:center}.timer{font:italic 900 3rem/.95 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 24px rgba(0,0,0,.55)}.hud.practice .timer{font-size:1.9rem;color:var(--lime)}.medal-chip{margin-top:.35rem;font:600 .8rem/1 var(--body);color:var(--ink-2);background:#060918a8;border:1px solid var(--line);border-radius:20px;padding:.35rem .75rem;display:inline-flex;align-items:center;gap:.35rem}.medal-chip b{font:italic 800 .95rem/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.medal-dot{width:.6rem;height:.6rem;border-radius:50%;background:currentColor;display:inline-block}.medal-dot.none{color:var(--muted)}.split{margin-top:.45rem;font:italic 700 1rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;padding:.4rem .75rem;border-radius:6px;background:#060918c2;border:1px solid rgba(93,255,154,.35);opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}.split.visible{opacity:1;transform:none}.split b{font-size:1.15rem;margin-left:.3rem}.hud-right{display:flex;justify-content:flex-end}.progress{position:absolute;left:50%;top:calc(4px + var(--safe-t));width:min(420px,60vw);transform:translate(-50%);height:4px;border-radius:2px;background:#ffffff24}.progress .bar{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,var(--cyan),#9ff4ff);transform-origin:left;transform:scaleX(0)}.ghost-dot{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#9fe6ff;opacity:.8;box-shadow:0 0 8px #9fe6ffcc;display:none}.center-msg{position:absolute;left:0;right:0;top:34%;text-align:center;font:italic 900 5.5rem/1 var(--display);text-transform:uppercase;opacity:0;text-shadow:0 4px 30px rgba(0,0,0,.6)}.center-msg.visible{opacity:1}.center-msg.pop{animation:pop .45s cubic-bezier(.2,1.5,.4,1)}@keyframes pop{0%{transform:scale(1.6);opacity:0}}.center-msg.tone-go{color:var(--lime)}.center-msg.tone-go b{color:var(--ink)}.center-msg.tone-good{color:var(--gold);font-size:2.6rem}.center-msg.tone-warn{color:var(--amber);font-size:2rem}.center-msg.tone-info{font-size:2rem}.fault{position:absolute;left:50%;top:30%;transform:translate(-50%,10px);width:min(460px,calc(100vw - 32px));padding:1rem 1.2rem .9rem;border-radius:10px;background:#1e0610e6;border:1px solid rgba(255,61,94,.6);box-shadow:0 20px 50px -20px #ff3d5e99;text-align:center;opacity:0;transition:opacity .15s,transform .2s}.fault.visible{opacity:1;transform:translate(-50%)}.fault-title{font:italic 900 1.8rem/1 var(--display);text-transform:uppercase;color:#ff6a84}.fault-detail{font:500 .95rem/1.45 var(--body);color:#ffd6de;margin-top:.5rem}.fault-foot{font:600 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#ffd6de99;margin-top:.7rem}.prompt{position:absolute;left:50%;bottom:calc(96px + var(--safe-b));transform:translate(-50%,8px);max-width:min(640px,calc(100vw - 32px));width:max-content;padding:.65rem 1rem;border-radius:8px;background:#060918d1;border:1px solid rgba(57,217,255,.4);font:500 1rem/1.4 var(--body);text-align:center;opacity:0;transition:opacity .25s,transform .25s}.prompt.visible{opacity:1;transform:translate(-50%)}.hud-bottom{position:absolute;left:50%;bottom:calc(18px + var(--safe-b));transform:translate(-50%);display:flex;align-items:center;gap:.6rem}.grav{display:flex;align-items:center;gap:.45rem;background:#060918b8;border:1px solid var(--line);border-radius:8px;padding:.3rem .8rem .3rem .35rem}.grav-text .k{display:block;font:600 .6rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.grav-text b{font:italic 800 1.25rem/1.1 var(--display);text-transform:uppercase;white-space:nowrap}.switch{display:flex;align-items:center;gap:.5rem;height:54px;padding:0 .9rem;border-radius:8px;background:#060918b8;border:1px dashed rgba(255,255,255,.2);font:600 .9rem/1 var(--body);color:var(--muted);white-space:nowrap}.switch.ready{color:var(--ink);border:1px solid var(--tc, var(--cyan));box-shadow:inset 0 0 20px -8px var(--tc, var(--cyan))}.switch.ready kbd{border-color:var(--tc);color:var(--tc)}.hud-keys{position:absolute;right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b));margin:0;font:500 .78rem var(--body);color:var(--muted)}.flip-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 52%,var(--flash, #39d9ff) 135%);will-change:opacity}.flip-flash.on{animation:flash .5s ease-out}body.no-flash .flip-flash.on{animation:none}@keyframes flash{0%{opacity:.6}to{opacity:0}}.blackout{position:absolute;inset:0;background:#03040c;opacity:0;z-index:-1}.blackout.out{animation:blk-out .75s linear forwards}.blackout.in{animation:blk-in .35s ease-out forwards}@keyframes blk-out{0%,55%{opacity:0}to{opacity:.92}}@keyframes blk-in{0%{opacity:.92}to{opacity:0}}.fatal{position:fixed;inset:0;display:grid;place-items:center;padding:1.5rem;pointer-events:auto;background:radial-gradient(circle at 30% 20%,#16204a,#070a18 70%);color:var(--ink);font-family:var(--body)}.fatal-card{max-width:34rem;background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:1.6rem 1.8rem}.fatal-card h1{font:italic 800 2rem/1.05 var(--display);text-transform:uppercase;margin:0 0 .7rem}.fatal-card p{color:var(--ink-2);line-height:1.55}@media(max-width:720px){#ui{font-size:14px}.screen{padding:calc(20px + var(--safe-t)) calc(16px + var(--safe-r)) calc(24px + var(--safe-b)) calc(16px + var(--safe-l));background:#050816e6}.title-screen{background:linear-gradient(180deg,#05081680,#050816f0 55%)}.logo .l2{padding-left:.3em}.track-list{grid-template-columns:1fr}.slider{grid-template-columns:1fr 7rem 2.2rem}.summary{grid-template-columns:repeat(2,1fr)}.hud-top{grid-template-columns:1fr auto}.hud-center{grid-column:1 / -1;grid-row:2}.hud-left .stats{gap:.3rem}.stat{min-width:0;padding:.3rem .45rem}.timer{font-size:2.3rem}.center-msg{font-size:4rem}.hud-bottom{flex-direction:column;gap:.4rem;width:calc(100vw - 32px)}.switch{height:40px}.hud-keys{display:none}.prompt{bottom:calc(150px + var(--safe-b));font-size:.9rem}.row.end{justify-content:stretch}.row.end .btn{flex:1 1 auto}}@media(max-height:560px){.timer{font-size:2.2rem}.center-msg{font-size:3.6rem;top:28%}}@media(prefers-reduced-motion:reduce){.screen,.center-msg.pop,.medal-big{animation:none}}