:root{--night:#080c18;--panel:#080c18d1;--ink:#eef1f8;--muted:#98a3bf;--flood:#f6e7a8;--you:#f2c230;--cpu:#2fc6b4;--bad:#ef5a5f;--line:#eef1f824;--display:"Unbounded", "Arial Black", "Helvetica Neue", sans-serif;--body:"IBM Plex Sans Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--mono:"Chivo Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;margin:0}[hidden]{display:none!important}body{background:var(--night);color:var(--ink);font-family:var(--body);overflow:hidden}#stage{touch-action:none;-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden}#scene,#trail{width:100%;height:100%;display:block;position:absolute;inset:0}#trail{pointer-events:none;background:radial-gradient(75% 75%,#0000 60%,#00000080 100%)}.hud{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;-webkit-backdrop-filter:blur(6px);border-radius:4px;grid-template-columns:auto auto auto;align-items:center;gap:4px 16px;width:max-content;max-width:calc(100% - 136px);padding:8px 16px 9px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud[hidden]{display:none!important}.side{align-items:center;gap:10px;min-width:0;display:flex}.side.cpu{flex-direction:row-reverse}.tag{font-family:var(--display);letter-spacing:.04em;font-size:15px;font-weight:900}.you .tag{color:var(--you)}.cpu .tag{color:var(--cpu)}.score{font-family:var(--mono);color:var(--flood);font-variant-numeric:tabular-nums;text-align:center;min-width:1ch;font-size:26px;font-weight:700}.dots{flex-wrap:wrap;gap:5px;min-width:0;max-width:140px;margin:0;padding:0;list-style:none;display:flex}.side.cpu .dots{flex-direction:row-reverse}.dots li{border:1.5px solid #eef1f859;border-radius:50%;width:11px;height:11px}.dots li.goal{background:#4cd37a;border-color:#4cd37a;box-shadow:0 0 8px #4cd37ab3}.dots li.miss{background:var(--bad);border-color:var(--bad)}.dots li.fresh{animation:.5s cubic-bezier(.2,1.6,.4,1) both dot-pop}@keyframes dot-pop{0%{transform:scale(.2)}60%{transform:scale(1.5)}to{transform:scale(1)}}.round{text-align:center;font-family:var(--mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:11px}#banner{text-align:center;pointer-events:none;padding-inline:16px;position:absolute;top:24%;left:0;right:0}#banner b{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 6px 30px #0009;font-size:clamp(40px,8.5vw,104px);font-weight:900;line-height:.95;display:block}#banner span{color:var(--ink);text-shadow:0 2px 10px #000c;margin-top:10px;font-size:17px;display:block}#banner.good b{color:var(--flood)}#banner.bad b{color:var(--bad)}#banner.info b{color:var(--ink);font-size:clamp(26px,5vw,50px)}#banner.show{animation:.45s cubic-bezier(.2,1.4,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}#hint{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));text-align:center;background:var(--panel);border:1px solid var(--line);max-width:calc(100% - 32px);color:var(--ink);pointer-events:none;border-radius:999px;margin:0;padding:7px 14px;font-size:14px;position:absolute;transform:translate(-50%)}#hint:empty{display:none}#stage.replaying #hint,#stage.replaying #banner{visibility:hidden}.bar{pointer-events:none;background:#000;height:0;transition:height .35s;position:absolute;left:0;right:0}#barTop{top:0}#barBot{bottom:0}#stage.replaying .bar{height:10vh}.tag-chip{font:700 13px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:4px;padding:6px 10px;position:absolute;bottom:calc(10vh + 14px)}#replayTag{align-items:center;gap:8px;display:flex;left:16px}#replayTag i{background:var(--bad);border-radius:50%;width:9px;height:9px;animation:1s steps(2,start) infinite blink}#skipTag{color:var(--muted);letter-spacing:.12em;right:16px}#skipTag.low{bottom:calc(64px + env(safe-area-inset-bottom,0px))}@keyframes blink{to{visibility:hidden}}#mute{right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));min-height:40px;font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:7px 10px;position:absolute}.overlay{background:radial-gradient(at 50% 35%,#080c1859,#080c18db);place-items:center;padding-inline:16px;display:grid;position:absolute;inset:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;gap:18px;width:100%;max-width:460px;padding:26px 24px 22px;display:grid}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--flood);margin:0;font-size:11px}h1{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(36px,8vw,58px);font-weight:900;line-height:.95}h1 em{color:var(--flood);font-style:normal}.lede{color:var(--muted);margin:0;font-size:16px;line-height:1.45}.label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.levels{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.levels button{font:700 13px var(--display);letter-spacing:.02em;color:var(--ink);cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:4px;padding:10px 6px 8px}.levels button[aria-pressed=true]{background:var(--flood);color:var(--night);border-color:var(--flood)}.levelNote{color:var(--muted);min-height:1.4em;margin:8px 0 0;font-size:14px}.how{gap:8px;margin:0;padding:0;font-size:15px;line-height:1.4;list-style:none;display:grid}.how b{font-family:var(--display);letter-spacing:.05em;color:var(--flood);margin-right:6px;font-size:17px;font-weight:700}.go{font:900 18px var(--display);letter-spacing:.02em;color:var(--night);cursor:pointer;background:var(--you);border:0;border-radius:4px;padding:13px 16px 11px}.go:hover{filter:brightness(1.07)}.go.alt{color:var(--you);border:1.5px solid var(--you);background:0 0}.overlay{padding-block:16px;overflow-y:auto}.card.wide{max-width:620px}h1.mid{font-size:clamp(30px,6.5vw,48px)}.tables{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tables>div{min-width:0;overflow-x:auto}.cup-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.cup-table caption{text-align:left;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:6px;font-size:11px}.cup-table th{font:500 11px var(--mono);color:var(--muted);text-align:right;padding:4px}.cup-table th:first-child,.cup-table td:first-child{text-align:left}.cup-table td{text-align:right;border-top:1px solid var(--line);white-space:nowrap;padding:5px 4px}.cup-table tr.through td:first-child{box-shadow:inset 2px 0 0 var(--flood);padding-left:8px}.cup-table tr.me td{color:var(--you);font-weight:600}.sw{vertical-align:0;border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.ko{gap:6px;font-size:15px;display:grid}.ko .lbl{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px}.ko .tie{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding-top:6px;display:flex}.ko .rnd{min-width:92px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-block}.ko .tie b{font-family:var(--mono);color:var(--flood);font-variant-numeric:tabular-nums}.fixture{border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.fixture .who{font-family:var(--display);letter-spacing:0;font-size:20px;font-weight:700}.fixture .who small{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:block}.fixture .stars{font-family:var(--mono);color:var(--muted);font-size:13px}.fixture .stars b{color:var(--flood);letter-spacing:.1em;font-weight:500}.fixture .scouting{color:var(--muted);flex-basis:100%;margin:0;font-size:14px;line-height:1.4}.fixture .scouting b{color:var(--ink);font-weight:600}@media (width<=560px){.tables{grid-template-columns:1fr}}.ghost{font:600 14px var(--body);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:10px}.record{font-family:var(--mono);color:var(--muted);text-align:center;margin:0;font-size:12px}.screen{position:absolute;inset:0}.attract{cursor:pointer;width:100%;color:var(--ink);background:radial-gradient(70% 55% at 50% 48%,#080c1880,#080c1800 70%);border:0;grid-template-rows:1fr auto 1fr;place-items:center;margin:0;padding:0 16px;display:grid;position:absolute;inset:0}.logo{opacity:0;filter:blur(10px);grid-row:2;justify-items:center;gap:2px;transition:opacity 1s,transform 1.2s cubic-bezier(.2,.8,.2,1),filter 1s;display:grid;transform:scale(1.08)}.logo.show{opacity:1;filter:none;transform:none}.logo-top{font:500 clamp(13px, 2.2vw, 20px) var(--display);letter-spacing:.9em;color:#eef1f8cc;text-transform:uppercase;margin-right:-.9em}.logo-main{font:900 clamp(64px, min(17vw, 24vh), 220px)/.9 var(--display);letter-spacing:-.03em;text-transform:uppercase;background:linear-gradient(100deg,#f6e7a8 0%,#fff 40%,#f2c230 50%,#fff 60%,#f6e7a8 100%) 0 0/250% 100%;color:#0000;filter:drop-shadow(0 0 28px #f2c23059)drop-shadow(0 8px 24px #0009);-webkit-background-clip:text;background-clip:text;animation:5s linear infinite sheen}@keyframes sheen{0%{background-position:100% 0}to{background-position:-150% 0}}.logo-rule{align-items:center;gap:14px;width:min(70vw,520px);margin-top:10px;display:flex}.logo-rule:before,.logo-rule:after{content:"";background:linear-gradient(90deg,#0000,#f6e7a8b3);flex:1;height:1px}.logo-rule:after{transform:scaleX(-1)}.logo-rule i{background:var(--you);width:10px;height:10px;box-shadow:0 0 14px var(--you);border-radius:50%}.tap{margin:0 0 calc(12vh + env(safe-area-inset-bottom,0px));font:700 13px var(--mono);letter-spacing:.45em;text-transform:uppercase;color:var(--ink);opacity:0;grid-row:3;align-self:end;transition:opacity .8s}.tap.show{opacity:1;animation:1.8s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.35}}.picker{left:0;right:0;bottom:calc(5vh + env(safe-area-inset-bottom,0px));justify-items:center;gap:12px;animation:.55s cubic-bezier(.2,.8,.2,1) both lift;display:grid;position:absolute}@keyframes lift{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.badge-icon{background:linear-gradient(160deg,#ffe07a,#f2c230 45%,#c98f0e);border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff73,0 6px 16px #f2c23040}.badge-icon svg{width:70%;height:70%}.badge-icon .fill{fill:#15161b}.badge-icon .cut{fill:#f2c230}.badge-icon .line{fill:none;stroke:#15161b;stroke-width:3px;stroke-linecap:round}.badge-icon .seam{fill:none;stroke:#f2c230;stroke-width:2.2px;stroke-linecap:round}.badge-icon.big{border-radius:19px;width:64px;height:64px}.badge-icon.teal{background:linear-gradient(160deg,#8ff0e2,#2fc6b4 45%,#138a7c);box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff73,0 6px 16px #2fc6b440}.badge-icon.teal .cut{fill:#2fc6b4}.picker .levels{background:#00000073;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:0;padding:3px;display:grid}.picker .levels button{min-height:44px;font:700 11px var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-items:center;gap:1px;padding:5px 2px;display:grid}.picker .levels button i{letter-spacing:.1em;color:#f2c2308c;font-size:11px;font-style:normal}.picker .levels button:hover{color:var(--ink)}.picker .levels button[aria-pressed=true]{color:var(--ink);background:linear-gradient(#2b3555,#1b2340);box-shadow:inset 0 0 0 1px #f2c23099,0 2px 8px #0006}.picker .levels button[aria-pressed=true] i{color:#f2c230;text-shadow:0 0 8px #f2c230b3}.carousel{touch-action:pan-y;justify-items:center;width:100%;display:grid;position:relative}.track{cursor:grab;-webkit-user-select:none;user-select:none;width:min(440px,80vw);display:grid;position:relative}.track.dragging{cursor:grabbing}.track.dragging .mode{transition:none}.mode{--accent:#f2c230;--dim:0;text-align:center;box-sizing:border-box;filter:brightness(calc(1 - .45 * var(--dim))) saturate(calc(1 - .4 * var(--dim)));background:linear-gradient(170deg,#1e2744f7,#090d1afa 62%);border:2px solid #ffffff1a;border-radius:22px;flex-direction:column;grid-area:1/1;align-items:center;gap:8px;padding:20px 22px 18px;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .38s,filter .38s,border-color .2s;display:flex;position:relative;box-shadow:0 0 0 1px #0009,0 24px 60px #0009,inset 0 1px #ffffff14}.mode.active{border-color:color-mix(in srgb, var(--accent) 65%, transparent);box-shadow:0 0 0 1px #0009, 0 28px 70px #000000a6, 0 0 50px color-mix(in srgb, var(--accent) 22%, transparent)}.mode.cup{background:linear-gradient(170deg,#60480ef7,#161006fa 62%)}.mode.practice{--accent:#2fc6b4;background:linear-gradient(170deg,#0e4642f7,#061416fa 62%)}.mode.keeper{background:linear-gradient(170deg,#302854f7,#0c0a1cfa 62%)}.mode-kicker{font:700 10px var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.mode-title{font:900 clamp(26px, 4vw, 34px)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}.mode-desc{color:#eef1f8bf;text-wrap:balance;max-width:32ch;margin:0 0 4px;font-size:14px;line-height:1.4}.mode-desc span{font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block}.mode .levels{width:100%}.mode .play{margin-top:auto}.mode .levels{margin-bottom:6px}.mode.practice .play{color:#06231f;background:linear-gradient(#8ff0e2,#2fc6b4 55%,#1fa594);box-shadow:0 5px #0f6b60,0 8px 18px #00000073,inset 0 2px #ffffff80}.mode .tag{font:900 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#06231f;background:linear-gradient(#8ff0e2,#2fc6b4);border-radius:999px;padding:5px 12px 4px;position:absolute;top:-12px;right:14px;transform:rotate(3deg);box-shadow:0 3px #127466,0 6px 14px #0006}.nav{z-index:20;cursor:pointer;width:48px;height:48px;color:var(--ink);background:#060914d9;border:2px solid #ffffff2e;border-radius:50%;place-items:center;margin-top:-24px;transition:transform .12s,border-color .15s;display:grid;position:absolute;top:50%;box-shadow:0 6px 18px #00000080}.nav svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav:hover{border-color:var(--you);transform:scale(1.08)}.nav:active{transform:scale(.94)}.nav.prev{left:calc(50% - min(440px,80vw)/2 - 64px)}.nav.next{right:calc(50% - min(440px,80vw)/2 - 64px)}.mode-dots{gap:10px;display:flex}.mode-dots button{cursor:pointer;background:#eef1f84d;border:0;border-radius:999px;width:10px;height:10px;padding:0;transition:width .25s,background .25s}.mode-dots button[aria-current=true]{background:var(--you);width:28px;box-shadow:0 0 10px #f2c23099}.mode-hint{font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#eef1f873;margin:0}@media (width<=640px){.picker{bottom:calc(66px + env(safe-area-inset-bottom,0px));gap:10px}.track{width:76vw}.mode{gap:8px;padding:20px 16px 16px}.badge-icon.big{border-radius:18px;width:60px;height:60px}.nav{width:40px;height:40px;margin-top:-20px}.nav.prev{left:6px}.nav.next{right:6px}.mode-hint{display:none}}.play{cursor:pointer;width:100%;min-height:50px;font:900 20px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#15161b;background:linear-gradient(#ffd95e,#f2c230 55%,#e0a90f);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;box-shadow:0 5px #8a6205,0 8px 18px #00000073,inset 0 2px #ffffff80}.play span{font-size:14px}.play:hover{filter:brightness(1.08)}.play:active{transform:translateY(4px);box-shadow:0 1px #8a6205,0 3px 8px #00000073,inset 0 2px #ffffff80}.final{font-family:var(--mono);color:var(--flood);text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:40px;font-weight:700}.row{grid-template-columns:1fr 1fr;gap:8px;display:grid}button:focus-visible{outline:2px solid var(--flood);outline-offset:2px}@media (width<=520px){.hud{justify-content:center;gap:3px 8px;width:auto;max-width:none;padding:6px 10px;left:64px;right:12px;transform:none}.tag{font-size:13px}.score{font-size:20px}.side{gap:6px}.dots{flex:0 0 56px;gap:4px}.dots li{box-sizing:border-box;border-width:1.3px;width:8px;height:8px}.round{letter-spacing:.1em;font-size:10px}#scout{top:96px}}@media (prefers-reduced-motion:reduce){#banner.show,#replayTag i{animation:none}.bar{transition:none}}#diveMeter{--fill:0;--commit:.69;left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:4px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:min(360px,100% - 32px);padding:8px 12px;display:grid;position:absolute;transform:translate(-50%)}.dm-label{font:700 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bad);min-width:8ch}#diveMeter.locked .dm-label{color:var(--you)}#diveMeter.dived .dm-label{color:var(--ink)}#diveMeter.early .dm-label{color:var(--bad)}.dm-track{background:linear-gradient(90deg, #ef5a5f47 0 calc(var(--commit) * 100%), #f2c23047 0);border-radius:4px;height:8px;position:relative;overflow:hidden}.dm-fill{width:calc(var(--fill) * 100%);background:linear-gradient(90deg, var(--bad) 0 calc(var(--commit) / max(var(--fill), .001) * 100%), var(--you) 0);position:absolute;inset:0 auto 0 0}.dm-commit{top:-2px;bottom:-2px;left:calc(var(--commit) * 100%);background:var(--ink);width:2px;position:absolute}#diveMeter.locked{border-color:#f2c23099;box-shadow:0 0 18px #f2c23040}#scout{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--cpu);pointer-events:none;border-radius:4px;gap:2px;width:min(380px,100% - 32px);margin-inline:auto;padding:10px 14px;animation:.4s cubic-bezier(.2,.8,.2,1) both lift;display:grid;position:absolute;top:112px;left:0;right:0}#scout small{font:500 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}#scout b{font:700 15px var(--display);color:var(--cpu)}#scout span{font-size:14px;line-height:1.35}#stage.replaying #scout,#stage.replaying #diveMeter{visibility:hidden}@media (prefers-reduced-motion:reduce){#scout{animation:none}}#feedback{--left:1;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);border-radius:6px;grid-template-columns:132px 1fr;align-items:center;gap:6px 14px;width:min(460px,100% - 32px);margin-inline:auto;padding:12px 14px 14px;animation:.35s cubic-bezier(.2,.8,.2,1) both lift;display:grid;position:absolute;overflow:hidden}#fbGoal{width:132px;height:auto;display:block}.fb-ground{stroke:#eef1f840;stroke-width:.8px}.fb-net{stroke:#eef1f81a;stroke-width:.6px}.fb-frame{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.fb-aim{fill:none;stroke:var(--flood);stroke-width:1.3px;stroke-dasharray:2 1.6}.fb-ball{fill:#fff;filter:drop-shadow(0 0 2px #fffc)}.fb-keeper path{stroke:var(--cpu);stroke-width:1.8px;stroke-linecap:round}.fb-dive path{stroke:var(--you);stroke-width:1.8px;stroke-linecap:round}.fb-body{gap:3px;min-width:0;display:grid}.fb-title{font:700 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--flood);margin:0}.fb-detail{color:var(--muted);margin:0;font-size:13px}.fb-advice{text-wrap:pretty;margin:0;font-size:16px;font-weight:600;line-height:1.3}.fb-legend{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin:2px 0 0;padding:0;list-style:none;display:flex}.fb-legend li:before{content:"";vertical-align:-1px;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.fb-key-aim:before{border:1.3px dashed var(--flood);box-sizing:border-box}.fb-key-ball:before{background:#fff}.fb-key-keeper:before{background:var(--cpu);transform:rotate(45deg)scale(.75);border-radius:1px!important}.fb-key-dive:before{background:var(--you);transform:rotate(45deg)scale(.75);border-radius:1px!important}.fb-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}#fbReplay{font:600 13px var(--body);letter-spacing:.04em;color:var(--ink);cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:4px;min-height:36px;padding:6px 12px}#fbReplay:hover{border-color:var(--flood)}kbd{font:500 10px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:3px;margin-left:4px;padding:1px 4px}.fb-next{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fb-timer{height:2px;width:calc(var(--left) * 100%);background:var(--flood);opacity:.7;position:absolute;bottom:0;left:0}#stage.replaying #feedback{visibility:hidden}@media (width<=420px){#feedback{grid-template-columns:96px 1fr;gap:4px 10px;padding:10px 12px 12px}#fbGoal{width:96px}.fb-advice{font-size:15px}}@media (prefers-reduced-motion:reduce){#feedback{animation:none}}#pauseBtn,.corner-btn{cursor:pointer;background:var(--panel);border:1px solid var(--line);width:44px;height:44px;color:var(--ink);border-radius:4px;place-items:center;padding:0;display:grid;position:absolute}#pauseBtn{top:12px;left:12px}#pauseBtn svg{fill:currentColor;width:18px;height:18px}.corner-btn{top:16px;right:16px}.corner-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}#pauseBtn:hover,.corner-btn:hover{border-color:var(--flood)}.ghost kbd,.go kbd{vertical-align:1px}.go kbd{color:#080c18a6;border-color:#080c184d}.keys{color:var(--muted);font-size:14px}.keys summary{cursor:pointer;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}.keys dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0;display:grid}.keys dt{font:600 12px var(--mono);color:var(--ink)}.keys dd{margin:0}.set-list{gap:16px;display:grid}.set-row{gap:8px;display:grid}.set-label{font:700 14px var(--display);letter-spacing:.02em}.set-label small{font:400 13px var(--body);letter-spacing:0;color:var(--muted);margin-top:3px;display:block}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.seg button,.switch{min-height:40px;font:600 14px var(--body);color:var(--ink);cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:4px;padding:8px 6px}.seg button[aria-checked=true],.switch[aria-checked=true]{background:var(--flood);color:var(--night);border-color:var(--flood)}.switch{justify-self:start;min-width:88px}#powerMeter{--fill:0;left:50%;bottom:calc(64px + env(safe-area-inset-bottom,0px));background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:4px;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:min(360px,100% - 32px);padding:8px 12px;display:grid;position:absolute;transform:translate(-50%)}#powerMeter .dm-label{color:var(--flood);min-width:12ch}#powerMeter .dm-track{background:#f6e7a82e}#powerMeter .dm-fill{background:linear-gradient(90deg, var(--flood), var(--you))}#stage.reduce-motion *,#stage.reduce-motion :before,#stage.reduce-motion :after{transition:none!important;animation:none!important}.practice-panel{box-sizing:border-box;text-align:center;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);border-radius:4px;justify-items:center;gap:4px;width:min(420px,100% - 136px);margin-inline:auto;padding:10px 14px 12px;display:grid;position:absolute;top:12px;left:0;right:0}.practice-panel b{font:900 20px var(--display);color:var(--cpu)}.practice-panel span{text-wrap:pretty;font-size:14px;line-height:1.35}.practice-panel .dots{margin-top:4px}.practice-panel .dots li.now{border-color:var(--cpu);box-shadow:0 0 6px #2fc6b499}@media (width<=520px){.practice-panel{width:auto;margin:0;left:64px;right:12px}#hint{text-align:left;border-radius:14px;width:fit-content;max-width:none;left:16px;right:116px;transform:none}#diveMeter,#powerMeter,#feedback{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}#stepper{left:0;right:0;bottom:calc(118px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:space-between;align-items:center;width:min(360px,100% - 32px);margin-inline:auto;display:flex;position:absolute}#stepper button{pointer-events:auto;cursor:pointer;touch-action:none;background:var(--panel);border:1px solid var(--line);width:52px;height:44px;color:var(--ink);border-radius:4px;place-items:center;display:grid}#stepper button.held,#stepper button:hover{border-color:var(--flood)}#stepper svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.step-label{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}#readyBtn{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));width:min(260px,100% - 32px);margin-inline:auto;position:absolute}#stage.replaying #stepper,#stage.replaying #readyBtn{visibility:hidden}@media (width<=520px){#readyBtn{bottom:calc(80px + env(safe-area-inset-bottom,0px))}#stepper{bottom:calc(134px + env(safe-area-inset-bottom,0px))}}