:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e10;--bg-elevated:#16161a;--fg:#e8e8ed;--fg-muted:#8b8b9a;--fg-faint:#55556a;--accent:#e2b714;--accent-dim:#9a7b0a;--correct:#6aaa64;--wrong:#c94c4c;--chrome-bg:#0e0e10d9;--border:#2a2a32;--digit:#e8e8ed;--tape:#e2b714;--pi-hot:#ff4d6d;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", ui-monospace, monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-pi:"JetBrains Mono", "SF Mono", "IBM Plex Mono", ui-monospace, monospace;--chrome-pad:.75rem;--ease:.18s ease}@property --accent{syntax:"<color>";inherits:true;initial-value:#e2b714}@property --tape{syntax:"<color>";inherits:true;initial-value:#e2b714}@property --pi-hot{syntax:"<color>";inherits:true;initial-value:#ff4d6d}html[data-cycle]{animation:16s ease-in-out infinite theme-cycle}html[data-cycle-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-cycle-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes theme-cycle{0%,to{--accent:var(--cycle-1);--tape:var(--cycle-2);--pi-hot:var(--cycle-3)}20%{--accent:var(--cycle-2);--tape:var(--cycle-3);--pi-hot:var(--cycle-4)}40%{--accent:var(--cycle-3);--tape:var(--cycle-4);--pi-hot:var(--cycle-5)}60%{--accent:var(--cycle-4);--tape:var(--cycle-5);--pi-hot:var(--cycle-1)}80%{--accent:var(--cycle-5);--tape:var(--cycle-1);--pi-hot:var(--cycle-2)}}@keyframes theme-wave{to{background-position:-200% 0}}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:20rem;height:100%;min-height:100dvh;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow:auto hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:1px solid #0000}a{color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--bg);padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:.5rem;left:.5rem}.app{--mode-min-h:32rem;grid-template-rows:auto 1fr auto;min-width:20rem;height:100%;min-height:100dvh;display:grid}.app[data-mode=digit]{--mode-min-h:26rem}.app[data-mode=trainer]{--mode-min-h:44rem}.app[data-mode=quiz]{--mode-min-h:40rem}.app[data-mode=base]{--mode-min-h:36rem}.app[data-mode=pi],.app[data-mode=hacker]{--mode-min-h:24rem}.app[data-mode=tape],.app[data-mode=chaos]{--mode-min-h:100dvh}.app.is-fs{height:100dvh;min-height:100dvh;display:block;position:relative;overflow:hidden}.app.is-fs .stage{height:100%;min-height:100%;position:absolute;inset:0}.app.is-fs .mode{padding:0}.app.is-fs .chrome-top,.app.is-fs .chrome-bottom{z-index:30;position:absolute;left:0;right:0}.app.is-fs .chrome-top{padding:var(--chrome-pad) 1rem;display:block;top:0}.app.is-fs .options-host{top:var(--chrome-pad);position:absolute;right:1rem}.app.is-fs .chrome-bottom{bottom:0}.app.is-fs[data-chrome="0"] .chrome-top,.app.is-fs[data-chrome="0"] .chrome-bottom{pointer-events:none}.app.is-fs[data-fs-ui="0"],.app.is-fs[data-fs-ui="0"] *{cursor:none}.app.is-fs .brand[data-visible="0"]{opacity:0}.chrome-top{z-index:20;padding:var(--chrome-pad) 1rem;pointer-events:none;grid-template-rows:auto auto;grid-template-columns:minmax(7rem,1fr) auto minmax(7rem,1fr);align-items:center;gap:.25rem 1rem;display:grid;position:relative}.chrome-top>*{pointer-events:auto}.chrome-top-balance{grid-area:1/3;justify-self:end}.options-host{transition:opacity var(--ease);grid-area:1/3;place-self:center end;align-items:stretch;gap:.4rem;display:flex}.options-host.is-hidden{opacity:0;pointer-events:none}.options-host .fullscreen-btn,.options-host .header-fs,.options-host .pro-btn{box-sizing:border-box;justify-content:center;align-items:center;min-height:1.85rem;padding-block:0;line-height:1;display:inline-flex;position:static}.brand{letter-spacing:.02em;opacity:1;transition:opacity var(--ease);grid-area:1/1;place-self:center start;align-items:center;gap:.4rem;font-weight:600;line-height:1;display:flex}.brand[data-visible="0"]{opacity:.15}.brand-mark{color:var(--accent);font-size:1.25rem}.brand-name{color:var(--fg-muted);text-transform:lowercase;font-size:.85rem}.mode-selector{grid-area:1/2/span 2;grid-template-rows:subgrid;transition:opacity var(--ease), transform var(--ease);justify-self:center;justify-items:center;display:grid}.mode-selector.is-hidden{opacity:0;pointer-events:none;transform:translateY(-6px)}.mode-selector.is-visible{opacity:1;transform:none}.mode-selector-inner{background:var(--chrome-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;flex-wrap:wrap;grid-row:1;justify-content:center;gap:.25rem;padding:.25rem;display:flex}.mode-selector-inner button{color:var(--fg-muted);transition:color var(--ease), background var(--ease);border-radius:7px;padding:.35rem .7rem;font-size:.8rem}.mode-selector-inner button:hover,.mode-selector-inner button:focus-visible{color:var(--fg);outline:none}.mode-selector-inner button.active{color:var(--bg);background:var(--accent)}.mode-selector-tagline{color:var(--fg-faint);grid-row:2;margin:0;font-size:.7rem}.chrome-bottom{z-index:20;grid-template-columns:minmax(7rem,1fr) auto minmax(7rem,1fr);align-items:center;gap:.5rem 1rem;padding:.5rem 1rem .75rem;display:grid;position:relative}.chrome-dock{transition:opacity var(--ease);grid-column:3;justify-self:end;align-items:center;gap:.4rem;display:flex}.chrome-dock.is-hidden{opacity:0;pointer-events:none}.font-size-control{box-sizing:border-box;border:1px solid var(--border);background:var(--chrome-bg);border-radius:8px;align-items:flex-end;gap:.15rem;min-height:1.85rem;padding:.15rem .25rem;display:inline-flex}.font-size-control button{min-width:1.4rem;color:var(--fg-muted);padding:.1rem .25rem;line-height:1}.font-size-control button.active{color:var(--accent)}.fs-fade{transition:opacity .4s}.chrome-off .fs-fade,.is-fs.chrome-off .fs-fade{opacity:0;pointer-events:none}.chrome-on .fs-fade,.is-fs.chrome-on .fs-fade{opacity:1}.theme-picker,.locale-picker{transition:opacity var(--ease);flex-shrink:0}.theme-picker.is-hidden,.locale-picker.is-hidden{opacity:0;pointer-events:none}.locale-picker select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--fg-muted);border-radius:8px;max-width:9.5rem;height:1.85rem;padding:0 .5rem;font-size:.75rem}.theme-stepper{border-radius:8px;align-items:stretch;height:1.85rem;display:flex}.theme-stepper .stepper-btn{flex:0 0 1.85rem;width:1.85rem;padding:0;font-size:.85rem;line-height:1}.theme-stepper label{flex:1;min-width:0;display:flex}.theme-stepper select{width:100%;min-width:6.75rem;max-width:9.5rem;height:100%;color:var(--bg);background:var(--accent);appearance:none;text-align:center;text-align-last:center;border:none;border-radius:0;margin:0;padding:0 .45rem;font-size:.75rem;font-weight:600;line-height:1;display:block}.stage{min-height:0;position:relative;overflow:hidden}:-webkit-any(.mode:fullscreen,.mode:-webkit-full-screen){background:var(--bg)}:is(.mode:fullscreen,.mode:fullscreen){background:var(--bg)}.mode{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative}.mode-hint{color:var(--fg-faint);white-space:nowrap;pointer-events:none;transition:opacity var(--ease);margin:0;font-size:.75rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.mode-hint[data-hide="1"],.mode-hint.is-hidden{opacity:0}.digit-meta,.ss-speed,.quiz-toolbar,.quiz-score-row,.trainer-chrome,.base-toolbar,.base-label,.base-quip{transition:opacity var(--ease)}.app[data-chrome="0"] .mode-hint,.app[data-chrome="0"] .ss-speed,.app[data-chrome="0"] .quiz-toolbar,.app[data-chrome="0"] .quiz-score-row,.app[data-chrome="0"] .trainer-chrome,.app[data-chrome="0"] .base-toolbar,.app[data-chrome="0"] .base-label,.app[data-chrome="0"] .base-quip{opacity:0;pointer-events:none}.corner-tools{z-index:6;align-items:center;gap:.45rem;display:flex;position:absolute;top:.75rem;right:.75rem}.corner-tools .fullscreen-btn,.corner-tools .mode-fs{position:static}.fullscreen-btn,.mode-fs{z-index:5;border:1px solid var(--border);background:var(--chrome-bg);color:var(--fg-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;align-items:center;gap:.55em;padding:.35rem .65rem;font-size:.75rem;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.fs-label{letter-spacing:.16em}.fullscreen-btn:hover,.mode-fs:hover{color:var(--fg);border-color:var(--accent)}.pro-btn.is-on,.pro-btn[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.digit-meta{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.04em;font-size:.75rem}.digit-rate{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.06em;opacity:0;min-height:1em;font-size:.75rem;transition:opacity .42s}.digit-rate[data-show="1"]{opacity:1}.hotkey-card{right:.75rem;bottom:max(5.25rem, calc(env(safe-area-inset-bottom,0px) + 5rem));z-index:50;border:1px solid var(--border);background:var(--bg-elevated);min-width:12.5rem;max-width:min(18rem,100vw - 1.5rem);color:var(--fg);pointer-events:auto;border-radius:10px;padding:.65rem .75rem .7rem;position:fixed;box-shadow:0 10px 32px #00000059}.hotkey-card-title{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 .4rem;font-size:.68rem}.hotkey-card ul{gap:.28rem;margin:0;padding:0;list-style:none;display:grid}.hotkey-card li{grid-template-columns:auto 1fr;align-items:baseline;gap:.65rem;font-size:.8rem;display:grid}.hotkey-card kbd{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);white-space:nowrap;font-size:.72rem;font-weight:600}.site-footer{color:var(--fg-faint);transition:opacity var(--ease);z-index:15;flex-wrap:wrap;grid-column:2;justify-content:center;justify-self:center;align-items:baseline;gap:.5rem;font-size:.7rem;display:flex}.site-footer.is-hidden{opacity:0;pointer-events:none}.site-footer a{color:var(--accent-dim);text-decoration:none}.site-footer a:hover{color:var(--accent)}.pi-mode{justify-content:flex-start;align-items:stretch;padding:0;overflow:hidden auto}.pi-mode.is-selecting{overflow-y:hidden}.pi-probe{visibility:hidden;pointer-events:none;font-family:var(--font-pi);font-size:var(--pi-fs,16px);letter-spacing:.02em;white-space:pre;position:absolute}.pi-tools{z-index:5;position:absolute;top:.75rem;right:.75rem}.pi-stream{font-family:var(--font-pi);font-size:var(--pi-fs,16px);letter-spacing:.02em;color:var(--digit);white-space:pre;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;font-variant-numeric:tabular-nums;width:100%;min-height:100%;margin:0;padding:.5rem;line-height:1.15;overflow:visible}.pi-hi,.pi-rest{-webkit-user-select:text;user-select:text}.pi-hi{color:var(--accent)}.pi-rest{color:var(--digit);opacity:.72}.pi-caret{color:var(--accent);animation:1s step-end infinite blink;display:inline}.pi-pro-input{opacity:0;border:0;width:1px;height:1px;margin:0;padding:0;font-size:16px;position:absolute;bottom:0;left:0}.pi-sel-tip{z-index:40;background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;text-align:left;pointer-events:none;border-radius:6px;padding:.35rem .6rem .4rem;font-size:.75rem;line-height:1.35;position:fixed;transform:translate(-50%,-100%);box-shadow:0 8px 22px #00000038}.pi-sel-tip .tip-range{margin-bottom:.15rem;font-weight:600}.pi-sel-tip .tip-fact{color:var(--fg-muted)}.pi-sel-tip[data-place=below]{transform:translate(-50%)}.pi-sel-tip[hidden]{display:none}.digit-mode{contain:layout style;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;gap:1rem}.digit-mode *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.digit-giant{font-family:var(--font-mono);color:var(--digit);text-shadow:0 0 60px color-mix(in srgb, var(--accent) 25%, transparent);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-variant-numeric:tabular-nums;text-align:center;min-width:1ch;font-size:clamp(5rem,26vw,18rem);font-weight:600;line-height:.9}.digit-giant[data-kind=start]{letter-spacing:-.05em}.digit-giant[data-tick=a]{animation:90ms ease-out digit-same-a}.digit-giant[data-tick=b]{animation:90ms ease-out digit-same-b}@keyframes digit-same-a{0%{filter:brightness(1.12);transform:scale(.96)}to{filter:none;transform:scale(1)}}@keyframes digit-same-b{0%{filter:brightness(1.12);transform:scale(.96)}to{filter:none;transform:scale(1)}}.digit-quip{box-sizing:border-box;text-align:center;max-width:min(36rem,90vw);height:4.05em;min-height:4.05em;color:var(--accent);opacity:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0 1rem;font-size:clamp(.9rem,2vw,1.15rem);line-height:1.35;transition:opacity .28s;display:-webkit-box;overflow:hidden}.digit-quip[data-show="1"]{opacity:1}.trainer-mode{contain:layout style;justify-content:flex-start;gap:1.15rem;padding-top:clamp(4rem,14vh,8rem)}.trainer-toolbar{flex-wrap:wrap;order:1;justify-content:center;align-items:center;gap:.55rem 1rem;display:flex}.trainer-toolbar-modes,.trainer-toolbar-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.trainer-score{min-height:2.55em;color:var(--fg-muted);font-size:.85rem;line-height:1.2;font-family:var(--font-mono);flex-wrap:wrap;order:2;place-content:flex-start center;gap:.15rem .75rem;display:flex}.trainer-score .linkish{color:var(--accent-dim);font-size:inherit;border:none;padding:0;text-decoration:underline}.trainer-banner{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%), color-mix(in srgb, var(--bg-elevated) 88%, var(--accent));width:min(18rem,92vw);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 10px 28px color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;border-radius:14px;flex-direction:column;order:4;justify-content:center;align-items:center;gap:.12rem;margin:.15rem auto .1rem;padding:.55rem 1.25rem .6rem;display:flex}.trainer-banner[data-on="0"]{visibility:hidden}.trainer-mode>.mode-hint{order:5}.trainer-mode>.game-over{order:6}.trainer-banner-kicker{letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, var(--fg));font-size:.68rem;font-weight:700}.trainer-banner-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(1.85rem,6vw,2.55rem);line-height:1;animation:.28s trainer-banner-pop}.trainer-banner-best{color:var(--fg-muted);font-size:.72rem;font-family:var(--font-mono)}@keyframes trainer-banner-pop{0%{color:var(--accent);transform:scale(1.18)}to{transform:scale(1)}}.trainer-board{touch-action:pan-y;-webkit-user-select:none;user-select:none;order:3;grid-template-columns:11rem minmax(8rem,18rem) 11rem;justify-content:center;align-items:center;gap:clamp(1rem,4vw,3rem);width:min(920px,100%);display:grid}.trainer-mode.is-focused .trainer-chrome{opacity:0;pointer-events:none;transition:opacity .28s}.trainer-choice{border:1px solid var(--border);background:var(--bg-elevated);will-change:transform, background;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;width:11rem;min-width:11rem;padding:1.6rem 1.25rem;transition:border-color .1s,background .1s,box-shadow .1s,transform 80ms;display:flex}@media (hover:hover){.trainer-choice:hover{border-color:var(--accent)}}.trainer-choice:focus,.trainer-choice:focus-visible{outline:none}.trainer-choice:active{transform:scale(.98)}.trainer-choice:disabled{opacity:.45}.trainer-choice kbd{color:var(--fg-faint);order:-1;font-size:1.35rem}.trainer-choice.hit-ok{background:color-mix(in srgb, var(--correct) 35%, var(--bg-elevated));border-color:var(--correct);box-shadow:0 0 28px color-mix(in srgb, var(--correct) 45%, transparent)}.trainer-choice.hit-no{background:color-mix(in srgb, var(--wrong) 30%, var(--bg-elevated));border-color:var(--wrong);box-shadow:0 0 20px color-mix(in srgb, var(--wrong) 35%, transparent)}.choice-digit{font-family:var(--font-mono);color:var(--digit);font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,8vw,4.5rem);font-weight:600}.trainer-current{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.trainer-stack{justify-content:flex-end;width:-moz-fit-content;width:fit-content;max-width:min(42vw,16rem);display:flex;overflow:hidden}.trainer-stack.is-long{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18%);mask-image:linear-gradient(90deg,#0000 0%,#000 18%)}.trainer-stack-text{font-family:var(--font-mono);color:var(--accent);letter-spacing:0;white-space:nowrap;flex-shrink:0;font-size:clamp(2.4rem,8vw,4.25rem);font-weight:600}.trainer-mode.flash-ok .trainer-stack-text{color:var(--correct);text-shadow:0 0 24px color-mix(in srgb, var(--correct) 50%, transparent)}.trainer-mode.flash-no .trainer-stack-text{color:var(--wrong)}.trainer-prompt{color:var(--fg-muted);margin-top:.25rem;font-size:.9rem}.trainer-pop{color:var(--correct);pointer-events:none;place-items:center;font-size:3rem;animation:.28s ease-out pop-ok;display:grid;position:absolute;inset:0}@keyframes pop-ok{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}.trainer-board.slide-left [data-side=left] .choice-digit{animation:.28s ease-out slide-in-right}.trainer-board.slide-right [data-side=right] .choice-digit{animation:.28s ease-out slide-in-left}@keyframes slide-in-right{0%{transform:translate(0)scale(1)}to{opacity:.15;transform:translate(110%)scale(1.35)}}@keyframes slide-in-left{0%{transform:translate(0)scale(1)}to{opacity:.15;transform:translate(-110%)scale(1.35)}}.game-over{z-index:6;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.game-over h2{color:var(--wrong);margin:0;font-size:clamp(1.75rem,5vw,2.5rem)}.game-over p{color:var(--fg-muted);max-width:22rem;margin:0}.go-score{flex-direction:column;align-items:center;gap:.2rem;margin:.25rem 0 .15rem;display:flex}.go-score-label{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);font-size:.75rem}.go-score-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);text-align:center;font-size:clamp(2.6rem,11vw,4.4rem);line-height:1;display:block}.go-high{min-height:1.35em;color:var(--accent);letter-spacing:.04em;visibility:hidden;margin:.15rem 0 0;font-weight:700}.go-high.is-on{visibility:visible;animation:.42s go-high-pop}.go-taint{min-height:2.6em;color:var(--wrong);visibility:hidden;max-width:22rem;margin:.35rem 0 0;font-style:italic}.go-taint.is-on{visibility:visible}@keyframes go-high-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tape-mode{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;padding:0;overflow:hidden}.tape-mode.is-fs{background:var(--bg)}.ss-probe{visibility:hidden;pointer-events:none;font-family:var(--font-mono);font-size:var(--ss-fs,22px);letter-spacing:.08em;position:absolute}.ss-speed{font-family:var(--font-mono);color:var(--fg-muted);font-size:.75rem}.ss-pos{text-align:center;width:100%}.ss-stage{flex-direction:column;justify-content:center;width:100%;height:42vh;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.ss-track{will-change:transform;width:max-content;font-family:var(--font-mono);font-size:var(--ss-fs,22px);letter-spacing:.08em;color:var(--digit);white-space:pre;line-height:1}.ss-tape{will-change:transform;width:max-content;height:2.4rem;font-family:var(--font-mono);margin-bottom:.35rem;position:relative}.ss-mark{color:var(--tape);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.ss-mark em{white-space:nowrap;letter-spacing:.02em;margin-bottom:.15rem;font-size:.65rem;font-style:normal;line-height:1}.ss-mark i{background:var(--tape);width:1px;height:.65rem;display:block}.ss-mark[data-mark="50"] i{height:.9rem}.ss-mark[data-mark="100"] i{width:2px;height:1.15rem}.ss-mark[data-mark="100"] em{font-weight:600}.ss-pos{margin-top:1rem}.ss-legend{font-family:var(--font-mono);color:var(--fg-faint);gap:1rem;font-size:.7rem;display:flex;position:absolute;bottom:3rem}.ss-legend span{align-items:center;gap:.3rem;display:inline-flex}.ss-legend i{background:currentColor;width:1px;height:.7rem;display:inline-block}.ss-legend [data-mark="25"]{color:color-mix(in srgb, var(--tape) 60%, var(--fg-faint))}.ss-legend [data-mark="50"]{color:color-mix(in srgb, var(--tape) 80%, var(--fg-faint))}.ss-legend [data-mark="100"]{color:var(--tape)}.ss-legend [data-mark="100"] i{width:2px}.hacker-mode{align-items:stretch;gap:.75rem;padding:3.25rem clamp(1rem,5vw,4rem) 2rem}.hacker-scroll{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid color-mix(in srgb, var(--border) 55%, #000);min-height:0;font-family:var(--font-mono);font-size:var(--hacker-fs,16px);color:#c8f8dc;text-shadow:0 0 8px #6effbe59;background:#0c0c0e;border-radius:8px;flex:1;padding:.85rem 1rem;line-height:1.45;position:relative;overflow:auto}html[data-theme=celestia] .hacker-scroll{color:#eafff6;text-shadow:none;border-color:color-mix(in srgb, var(--accent) 35%, #2a2030);background:#140e18}html[data-theme=pokeball] .hacker-scroll{color:#9cff7a;text-shadow:0 0 8px #50ff5a59;background:#101010;border-color:#2a2a2a}html[data-theme=paper] .hacker-scroll{color:#d8f0c8;text-shadow:0 0 8px #b4dc8c47;background:#161410}.hacker-stream{white-space:pre-wrap;word-break:break-all;margin:0;font-family:inherit;display:inline}html[data-cycle] .hacker-stream,html[data-cycle] .pi-hi{background-image:linear-gradient(90deg, var(--cycle-1) 0%, var(--cycle-2) 20%, var(--cycle-3) 40%, var(--cycle-4) 60%, var(--cycle-5) 80%, var(--cycle-1) 100%);color:#0000;-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:12s linear infinite theme-wave}html[data-cycle-scheme=light] .pi-stream::selection{background-color:color-mix(in srgb, var(--accent) 48%, #fff 18%);color:#3d2a42;-webkit-text-fill-color:#3d2a42}html[data-cycle-scheme=dark] .pi-stream::selection{background-color:color-mix(in srgb, var(--accent) 42%, #041018);color:#eaf8ff;-webkit-text-fill-color:#eaf8ff}html[data-cycle] .pi-hi::selection{background-color:color-mix(in srgb, var(--accent) 38%, transparent);color:#0000;-webkit-text-fill-color:transparent}.hacker-cursor{color:inherit;text-shadow:none;-webkit-text-fill-color:currentColor;animation:1s step-end infinite blink}.app.is-fs .hacker-mode{gap:0;padding:0}.app.is-fs .hacker-scroll{border:none;border-radius:0}.app.is-fs .hacker-mode .digit-meta{z-index:2;text-align:center;pointer-events:none;position:absolute;bottom:.85rem;left:0;right:0}@keyframes blink{50%{opacity:0}}.quiz-mode{justify-content:flex-start;gap:.85rem;width:100%;max-width:42rem;margin:0 auto;padding-top:clamp(1rem,6vh,3rem)}.quiz-score-row{font-family:var(--font-mono);color:var(--fg);justify-content:center;gap:1.25rem;font-size:.9rem;display:flex}.quiz-stat em{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:.25rem;font-size:.75rem;font-style:normal}.quiz-stat-muted{color:var(--fg-faint)}.quiz-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.quiz-toolbar-actions{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.seg{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.seg button{color:var(--fg-muted);border-right:1px solid var(--border);padding:.35rem .7rem;font-size:.8rem}.seg button:last-child{border-right:none}.seg button.active{background:var(--accent);color:var(--bg)}.toggle-btn{border:1px solid var(--border);color:var(--fg-muted);background:var(--bg-elevated);border-radius:8px;padding:.35rem .75rem;font-size:.8rem}.toggle-btn.active{border-color:var(--accent);color:var(--bg);background:var(--accent)}.quiz-question{text-align:center;color:var(--fg-muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2rem .35rem;margin:.5rem 0 0;font-size:clamp(1.1rem,2.6vw,1.45rem);font-weight:500;line-height:1.35;display:flex}.quiz-ordinal{box-sizing:border-box;text-align:center;min-width:12ch;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-elevated));border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));box-shadow:0 0 24px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:12px;padding:.15em .45em;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;line-height:1.1;animation:.32s ease-out ordinal-pop;display:inline-block}.quiz-ordinal-suf{vertical-align:super;opacity:.9;margin-left:.05em;font-size:.55em}@keyframes ordinal-pop{0%{filter:brightness(1.4);transform:scale(.92)}to{filter:none;transform:scale(1)}}.quiz-hint-slot{place-items:center;min-height:1.4rem;display:grid}.quiz-hint{color:var(--accent);text-align:center;margin:0;font-size:.9rem;font-style:italic}.quiz-play{justify-content:center;align-items:center;width:100%;min-height:6.5rem;display:flex}.quiz-form{justify-content:center;gap:.5rem;display:flex}.quiz-input{text-align:center;width:4rem;font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);color:var(--digit);border-radius:10px;padding:.4rem;font-size:2rem}.quiz-input:focus{border-color:var(--accent);outline:none}.btn{background:var(--accent);color:var(--bg);border:none;border-radius:10px;padding:.5rem 1rem;font-weight:600}.quiz-feedback-slot{flex-direction:column;align-items:center;gap:.35rem;min-height:3.2rem;margin-top:1.15rem;display:flex}.quiz-roast{text-align:center;max-width:22rem;margin:0;font-size:.95rem;font-style:italic;transition:opacity .4s}.quiz-roast.is-burn{color:var(--accent)}.quiz-roast.is-win{color:var(--correct);text-shadow:0 0 16px color-mix(in srgb, var(--correct) 40%, transparent)}.quiz-roast.is-out{opacity:0}.quiz-fanfare{color:var(--correct)}.quiz-feedback{font-family:var(--font-mono);margin:0;font-size:1.05rem;font-weight:600}.quiz-feedback.is-ok{color:var(--correct);text-shadow:0 0 18px color-mix(in srgb, var(--correct) 45%, transparent);animation:.5s fanfare-pulse}.quiz-feedback.is-no{color:var(--wrong)}@keyframes fanfare-pulse{0%{opacity:0;transform:scale(.85)}40%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.quiz-burst{pointer-events:none;color:var(--accent);justify-content:center;gap:1.25rem;font-size:1.5rem;animation:.9s ease-out forwards burst-up;display:flex;position:absolute;inset:30% 0 auto}.quiz-burst span{animation:.9s ease-out forwards burst-spin}@keyframes burst-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes burst-spin{to{transform:rotate(20deg)scale(1.3)}}.quiz-play{flex-direction:column;gap:1rem}.quiz-keypad{grid-template-columns:repeat(3,3.2rem);justify-content:center;gap:.4rem;display:none}.quiz-key{border:1px solid var(--border);background:var(--bg-elevated);width:3.2rem;height:3.2rem;font-family:var(--font-mono);border-radius:10px;font-size:1.25rem;font-weight:600}.quiz-key:nth-child(10){grid-column:2}@media (max-width:720px){.quiz-keypad{display:grid}}.quiz-lr{width:min(700px,100%)}.quiz-swipe{touch-action:pan-y;-webkit-user-select:none;user-select:none}.quiz-swipe-hint{color:var(--fg-faint);margin:.35rem 0 0;font-size:.7rem;display:none}.quiz-random-board{display:none}@media (pointer:coarse){.trainer-board,.quiz-swipe{touch-action:none}.quiz-swipe-hint{display:block}}.quiz-lr .trainer-choice kbd{order:-1}.base-mode{align-items:stretch;gap:.75rem;padding:1rem clamp(1rem,4vw,3rem)}.base-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.base-toolbar>button{border:1px solid var(--border);color:var(--fg-muted);border-radius:8px;padding:.35rem .7rem;font-size:.8rem}.base-toolbar>button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.stepper{border:1px solid var(--border);background:var(--bg-elevated);vertical-align:middle;border-radius:10px;align-items:stretch;gap:0;display:inline-flex;overflow:hidden}.stepper-btn{background:var(--bg-elevated);width:2.35rem;color:var(--fg);border:none;border-radius:0;flex:0 0 2.35rem;font-size:1.15rem;font-weight:600;line-height:1}.stepper-btn:first-child{border-right:1px solid var(--border)}.stepper-btn:last-child{border-left:1px solid var(--border)}.stepper-btn:disabled{opacity:.35}.base-stepper .stepper-btn:focus{outline:none}.base-stepper .stepper-btn.is-flash{background:color-mix(in srgb, var(--accent) 35%, var(--bg-elevated));color:var(--fg)}.stepper-mid{background:var(--accent);width:3.1rem;color:var(--bg);font-family:var(--font-mono);text-align:center;appearance:none;border:none;border-radius:0;margin:0;padding:.4rem .2rem;font-size:1rem;font-weight:600}.stepper-mid:focus{outline:none}.base-label{text-align:center;color:var(--fg-muted);margin:0;font-size:.9rem}.base-quip{text-align:center;color:var(--fg-faint);margin:-.35rem 0 0;font-size:.75rem;font-style:italic}.base-stream.is-wing{letter-spacing:.12em;font-size:1.35rem}.base-stream{min-height:0;font-family:var(--font-mono);letter-spacing:.05em;color:var(--digit);background:var(--bg-elevated);border:1px solid var(--border);word-break:break-all;white-space:pre-wrap;border-radius:12px;flex:1;margin:0;padding:1.25rem 1.5rem;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55;overflow:auto}.chaos-mode{padding:0}.chaos-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.chaos-hint{z-index:2;color:var(--fg-muted)}@media (min-width:721px) and (max-height:700px){html,body,#root{height:auto;min-height:100dvh}body{overflow-y:auto}.app{height:auto;min-height:max(100dvh, var(--mode-min-h))}.stage{overflow:visible}.mode{height:auto;min-height:16rem}.trainer-mode{contain:none;padding-top:1.25rem}.mode-hint{margin-top:.5rem;position:static;transform:none}.app[data-mode=tape],.app[data-mode=chaos]{height:100dvh;min-height:100dvh;overflow:hidden}.app[data-mode=tape] .stage,.app[data-mode=chaos] .stage,.app[data-mode=tape] .mode,.app[data-mode=chaos] .mode{height:100%;min-height:0;overflow:hidden}}@media (max-width:720px){html,body,#root,.app{height:100%;min-height:100svh;overflow:hidden}body{overflow:hidden}.app{--mode-min-h:28rem}.app[data-mode=digit]{--mode-min-h:20rem}.app[data-mode=trainer]{--mode-min-h:34rem}.app[data-mode=quiz],.app[data-mode=base]{--mode-min-h:30rem}.app[data-mode=pi],.app[data-mode=hacker]{--mode-min-h:22rem}.app[data-mode=tape],.app[data-mode=chaos]{--mode-min-h:100dvh}.chrome-top{padding:calc(env(safe-area-inset-top,0px) + .55rem) .65rem .4rem;grid-template-rows:auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:0 .4rem;display:grid}.brand,.brand[data-visible="0"]{opacity:1;grid-area:1/1;gap:.22rem;min-width:0}.brand-mark{flex-shrink:0;font-size:1.15rem}.brand-name{letter-spacing:.03em;white-space:nowrap;font-size:.68rem;display:inline}.options-host,.chrome-top-balance{grid-area:1/3;justify-self:end}.app.is-fs .chrome-top{padding:calc(env(safe-area-inset-top,0px) + .55rem) .65rem .4rem}.app.is-fs .options-host{top:calc(env(safe-area-inset-top,0px) + .55rem);right:.65rem}.options-host .header-fs,.options-host .pro-btn{gap:0;min-height:2.35rem;padding:0 .55rem;font-size:.8rem}.options-host .header-fs{width:2.5rem;padding:0;font-size:1.15rem}.font-size-control{padding:.2rem .3rem}.font-size-control button{min-width:1.7rem;min-height:1.7rem}.mode-selector{grid-area:1/2;justify-self:center;width:auto;min-width:0;display:block}.mode-selector-tagline,.mode-selector-inner{display:none}.mode-stepper{display:flex}.mode-stepper label{min-width:0;display:flex}.mode-selector.is-compact select{width:auto;min-width:6.75rem;max-width:9.5rem;color:var(--bg);background:var(--accent);appearance:none;text-align:center;text-align-last:center;border:none;border-radius:0;margin:0;padding:.5rem .55rem;font-size:16px;font-weight:600;display:block}.stepper-mid{font-size:16px}.chrome-drawer-body .options-host{justify-content:space-between;gap:.4rem;width:100%;display:flex}.chrome-drawer-body .font-size-control{flex:1;justify-content:space-evenly}.app{grid-template-rows:auto 1fr}.chrome-bottom{justify-content:center;padding:0;display:flex}.hotkey-card{bottom:max(3.6rem, calc(env(safe-area-inset-bottom,0px) + 3.1rem))}.chrome-bottom.is-drawer{z-index:24;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.chrome-bottom.is-drawer>*{pointer-events:auto}.chrome-bottom.is-drawer.is-hidden{opacity:0;pointer-events:none}.chrome-more{width:2.75rem;margin-bottom:max(.3rem, env(safe-area-inset-bottom,0px));border:1px solid var(--border);background:var(--chrome-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px}.chrome-more:not([open]) .chrome-drawer-body{display:none}.chrome-more[open]{width:calc(100% - .9rem);margin:0 .45rem max(.3rem, env(safe-area-inset-bottom,0px));border-radius:14px}.chrome-more>summary{width:2.75rem;min-height:2.25rem;color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;display:flex}.chrome-more>summary::-webkit-details-marker{display:none}.chrome-more-chevron{color:var(--fg);display:block}.chrome-more[open] .chrome-more-chevron{transform:rotate(180deg)}.chrome-drawer-body{flex-direction:column;gap:.45rem;padding:0 .6rem .45rem;display:flex}.chrome-dock{grid-column:auto;grid-template-columns:1fr 1fr;justify-self:stretch;gap:.4rem;width:100%;display:grid}.theme-picker,.locale-picker{min-width:0}.locale-picker select{width:100%;max-width:none;height:2.5rem;padding:0 .55rem;font-size:16px}.theme-stepper{width:100%;height:2.5rem}.theme-stepper .stepper-btn{flex-basis:2.5rem;width:2.5rem}.theme-stepper select{max-width:none;padding:0 .55rem;font-size:16px}.site-footer{grid-column:auto;justify-self:stretch;gap:.35rem .65rem;font-size:.8rem}.mode-hint{display:none}.mode-hint.chaos-shake-hint{font-size:.85rem;display:block;bottom:1.25rem}.trainer-mode.is-focused .trainer-chrome{opacity:1;pointer-events:auto}.trainer-mode{justify-content:center;gap:.75rem;height:100%;min-height:100%;padding-top:.35rem;padding-bottom:3.4rem}.trainer-banner{order:0;width:min(20.5rem,92vw)}.trainer-toolbar{flex-direction:column;gap:.4rem;width:min(20.5rem,92vw)}.trainer-toolbar-modes,.trainer-toolbar-actions{grid-template-columns:1fr 1fr;gap:.4rem;width:100%;display:grid}.trainer-toolbar-modes .seg{width:100%}.trainer-toolbar-modes .seg button,.trainer-toolbar-actions .toggle-btn{white-space:nowrap;flex:1;min-width:0;padding-left:.4rem;padding-right:.4rem}.trainer-board,.quiz-lr{grid-template-columns:1fr 1fr;grid-template-areas:"stack stack""left right";gap:.85rem .7rem;width:100%;max-width:28rem}.trainer-board>.trainer-current{grid-area:stack}.trainer-board>.trainer-choice:first-of-type{grid-area:left}.trainer-board>.trainer-choice:last-of-type{grid-area:right}.trainer-choice{width:100%;min-width:0;padding:1.15rem .6rem}.choice-digit{font-size:clamp(2.6rem,14vw,3.8rem)}.trainer-stack{max-width:min(92vw,24rem)}.trainer-stack-text{font-size:clamp(2.6rem,11vw,4rem)}.trainer-board.slide-left [data-side=left] .choice-digit,.trainer-board.slide-right [data-side=right] .choice-digit{animation:.28s ease-out slide-in-up}.quiz-mode{justify-content:center;gap:.55rem;padding-top:.35rem;padding-bottom:7vh}.quiz-score-row{order:1}.quiz-toolbar{flex-wrap:nowrap;order:2;gap:.4rem;width:auto;max-width:100%}.quiz-random-toolbar{display:none}.quiz-question{flex-flow:column;order:3;align-items:center;gap:.35rem}.quiz-ordinal{min-width:0}.quiz-hint-slot{order:4}.quiz-feedback-slot{order:5;justify-content:flex-start;min-height:5.6rem;margin-top:.35rem}.quiz-roast{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:min(22rem,92vw);display:-webkit-box;overflow:hidden}.quiz-play{flex-shrink:0;order:6;min-height:0;margin-top:.85rem}.quiz-input{display:none}.quiz-keypad{grid-template-columns:repeat(3,4.25rem);gap:.5rem}.quiz-key{width:4.25rem;height:4.25rem;font-size:1.4rem}.quiz-lr{grid-template-areas:"left right""random random""stack stack";gap:.4rem .45rem;max-width:16.5rem}.quiz-random-board{grid-area:random;justify-content:center;width:100%;padding:.45rem .75rem;display:flex}.quiz-lr .trainer-choice{padding:.85rem .35rem}.quiz-lr .choice-digit{font-size:clamp(2.1rem,11vw,2.9rem)}.quiz-lr .trainer-choice kbd{display:none}.digit-mode{cursor:pointer;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"quip""digit""meta""pad";align-content:stretch;justify-items:center;height:100%;min-height:100%;display:grid}.digit-quip,.digit-rate{order:unset;grid-area:quip;align-self:end}.digit-giant{order:unset;grid-area:digit;font-size:clamp(4.5rem,32vw,10rem)}.digit-meta{order:unset;grid-area:meta;align-self:start}.app[data-mode=digit] .stage{cursor:pointer}.ss-legend{font-size:.65rem;bottom:2.5rem}.game-over h2{font-size:1.6rem}}@media (max-width:720px) and (max-height:500px){.app[data-mode=digit]{--mode-min-h:16rem}}@keyframes slide-in-up{0%{transform:translateY(0)scale(1)}to{opacity:.15;transform:translateY(-70%)scale(1.2)}}@media (max-width:420px){.quiz-ordinal{margin:.2em 0;display:inline-block}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hacker-cursor{animation:none}}