@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink-900: #06070d;--ink-800: #0a0b12;--ink-700: #0f1119;--ink-600: #151824;--ink-500: #1c2030;--ink-400: #262b3d;--ink-300: #343a50;--text-hi: #f4f6ff;--text-mid: #a9b0c9;--text-low: #6f7793;--text-faint: #4c5471;--amber: #ffd84d;--amber-deep: #f0a500;--cyan: #4de1ff;--magenta: #ff5d8f;--lime: #5be49b;--violet: #a98bff;--orange: #ff9a4d;--rose: #ff7b7b;--teal: #3fd6c4;--good: var(--lime);--warn: var(--orange);--bad: var(--magenta);--focus: var(--cyan);--player-0: var(--cyan);--player-1: var(--amber);--player-2: var(--magenta);--player-3: var(--lime);--player-4: var(--violet);--player-5: var(--orange);--player-6: var(--teal);--player-7: var(--rose);--surface: color-mix(in srgb, var(--ink-600) 88%, transparent);--surface-raised: color-mix(in srgb, var(--ink-500) 92%, transparent);--border: color-mix(in srgb, var(--text-hi) 9%, transparent);--border-strong: color-mix(in srgb, var(--text-hi) 18%, transparent);--font-display: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--step--1: clamp(.78rem, .74rem + .2vw, .88rem);--step-0: clamp(.94rem, .9rem + .25vw, 1.05rem);--step-1: clamp(1.1rem, 1rem + .5vw, 1.35rem);--step-2: clamp(1.35rem, 1.15rem + 1vw, 1.9rem);--step-3: clamp(1.7rem, 1.3rem + 1.9vw, 2.8rem);--step-4: clamp(2.1rem, 1.4rem + 3.3vw, 4rem);--step-5: clamp(2.6rem, 1.4rem + 5.6vw, 6rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgb(0 0 0 / .35);--shadow: 0 12px 32px -8px rgb(0 0 0 / .55);--shadow-lg: 0 30px 70px -20px rgb(0 0 0 / .7);--glow-amber: 0 0 0 1px color-mix(in srgb, var(--amber) 40%, transparent), 0 0 32px -6px color-mix(in srgb, var(--amber) 55%, transparent);--glow-cyan: 0 0 0 1px color-mix(in srgb, var(--cyan) 40%, transparent), 0 0 32px -6px color-mix(in srgb, var(--cyan) 55%, transparent);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur: .26s;--dur-slow: .52s;--motion: 1;--shell-max: 1180px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root{--band-perfect: #ffe27a;--band-great: var(--lime);--band-good: var(--teal);--band-fair: var(--cyan);--band-miss: var(--orange);--band-disaster: var(--magenta)}[data-band=perfect]{--band: var(--band-perfect)}[data-band=great]{--band: var(--band-great)}[data-band=good]{--band: var(--band-good)}[data-band=fair]{--band: var(--band-fair)}[data-band=miss]{--band: var(--band-miss)}[data-band=disaster]{--band: var(--band-disaster)}[data-color="0"]{--accent: var(--player-0)}[data-color="1"]{--accent: var(--player-1)}[data-color="2"]{--accent: var(--player-2)}[data-color="3"]{--accent: var(--player-3)}[data-color="4"]{--accent: var(--player-4)}[data-color="5"]{--accent: var(--player-5)}[data-color="6"]{--accent: var(--player-6)}[data-color="7"]{--accent: var(--player-7)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--ink-400) transparent}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;color:var(--text-hi);background:var(--ink-800);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(70ch 60ch at 12% -10%,color-mix(in srgb,var(--cyan) 11%,transparent),transparent 60%),radial-gradient(60ch 50ch at 92% 8%,color-mix(in srgb,var(--amber) 9%,transparent),transparent 62%),radial-gradient(80ch 60ch at 50% 110%,color-mix(in srgb,var(--violet) 8%,transparent),transparent 60%),var(--ink-800)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button,a,input,select,textarea,label,[role=button],[role=radio],summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,[role=button],[role=radio],.choice,.magchip,.segmented__option{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input[type=range]{touch-action:pan-y}a{color:var(--cyan);text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}ul,ol{padding-left:1.15em}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:color-mix(in srgb,var(--amber) 40%,transparent);color:var(--text-hi)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-400);border-radius:var(--radius-pill)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:100;padding:var(--sp-2) var(--sp-4);background:var(--amber);color:var(--ink-900);border-radius:var(--radius-sm);font-weight:600;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}@media (prefers-reduced-motion: reduce){:root{--motion: 0}}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}[data-motion=reduced]{--motion: .45}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.center{text-align:center}.muted{color:var(--text-mid)}.faint{color:var(--text-low)}.tabular{font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-display);font-size:var(--step--1);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-low)}.shell{min-height:100dvh;display:flex;flex-direction:column;padding-left:var(--safe-left);padding-right:var(--safe-right)}.shell__main{flex:1;width:100%;max-width:var(--shell-max);margin-inline:auto;padding:var(--sp-5) var(--sp-4) calc(var(--sp-7) + var(--safe-bottom))}.shell__main--wide{max-width:1400px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-3);width:100%;max-width:var(--shell-max);margin-inline:auto;padding:calc(var(--sp-3) + var(--safe-top)) var(--sp-4) var(--sp-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(var(--ink-800) 55%,transparent)}.topbar__brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:700;font-size:var(--step-0);letter-spacing:-.01em;color:var(--text-hi);text-decoration:none}.topbar__mark{width:26px;height:26px;flex:none;object-fit:contain;border-radius:7px}.topbar__account{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--ink-700);color:var(--text-hi);text-decoration:none;max-width:42vw}@media (hover: hover){.topbar__account:hover{border-color:var(--accent)}}.topbar__account-name{font-size:var(--step--1);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 460px){.topbar__account-name{display:none}}.avatar-image{border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--border);background:var(--ink-700)}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.btn{--btn-bg: var(--ink-500);--btn-fg: var(--text-hi);--btn-border: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:46px;padding:0 var(--sp-5);border-radius:var(--radius-pill);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-weight:600;font-size:var(--step-0);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:transform calc(var(--dur-fast) * var(--motion)) var(--ease-out),background-color var(--dur-fast) linear,border-color var(--dur-fast) linear,box-shadow var(--dur-fast) linear,opacity var(--dur-fast) linear}@media (hover: hover){.btn:hover:not(:disabled){--btn-bg: var(--ink-400);transform:translateY(calc(-1px * var(--motion)))}}.btn:active:not(:disabled){transform:translateY(calc(1px * var(--motion))) scale(calc(1 - .01 * var(--motion)))}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--primary{--btn-bg: var(--amber);--btn-fg: var(--ink-900);--btn-border: transparent;box-shadow:0 8px 26px -10px color-mix(in srgb,var(--amber) 80%,transparent)}@media (hover: hover){.btn--primary:hover:not(:disabled){--btn-bg: #ffe27a}}.btn--accent{--btn-bg: color-mix(in srgb, var(--cyan) 16%, var(--ink-600));--btn-fg: var(--cyan);--btn-border: color-mix(in srgb, var(--cyan) 32%, transparent)}@media (hover: hover){.btn--accent:hover:not(:disabled){--btn-bg: color-mix(in srgb, var(--cyan) 24%, var(--ink-600))}}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text-mid);--btn-border: transparent}@media (hover: hover){.btn--ghost:hover:not(:disabled){--btn-bg: var(--ink-600);--btn-fg: var(--text-hi)}}.btn--danger{--btn-fg: var(--magenta);--btn-bg: transparent;--btn-border: color-mix(in srgb, var(--magenta) 30%, transparent)}.btn--lg{min-height:60px;padding:0 var(--sp-6);font-size:var(--step-1)}.btn--sm{min-height:36px;padding:0 var(--sp-4);font-size:var(--step--1)}.btn--block{width:100%}.btn--icon{width:42px;min-height:42px;padding:0;border-radius:var(--radius-pill)}@media (hover: none){.btn--sm{min-height:44px}.btn--icon{width:46px;min-height:46px}.segmented__option{min-height:44px}}.card{position:relative;padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.card--flush{padding:0;overflow:hidden}.card--quiet{background:color-mix(in srgb,var(--ink-700) 70%,transparent);box-shadow:none}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--step--1);font-weight:600;color:var(--text-mid)}.field__hint{font-size:var(--step--1);color:var(--text-low)}.field__error{font-size:var(--step--1);color:var(--magenta)}.input{width:100%;min-height:50px;padding:0 var(--sp-4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--ink-700);color:var(--text-hi);font-size:var(--step-0);transition:border-color var(--dur-fast) linear,box-shadow var(--dur-fast) linear}.input::placeholder{color:var(--text-faint)}.input:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 22%,transparent)}.input--code{font-family:var(--font-display);font-size:var(--step-3);font-weight:700;letter-spacing:.32em;text-align:center;text-transform:uppercase;padding-left:.32em;min-height:76px}.segmented{display:inline-flex;padding:4px;gap:2px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--ink-700)}.segmented__option{padding:var(--sp-2) var(--sp-4);min-height:38px;border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:600;color:var(--text-mid);transition:background-color var(--dur-fast) linear,color var(--dur-fast) linear}.segmented__option[aria-pressed=true],.segmented__option[aria-checked=true]{background:var(--ink-400);color:var(--text-hi)}.segmented--block{display:flex;width:100%}.segmented--block .segmented__option{flex:1;text-align:center}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--ink-500) 70%,transparent);font-size:var(--step--1);font-weight:500;color:var(--text-mid);white-space:nowrap}.chip--accent{border-color:color-mix(in srgb,var(--accent, var(--cyan)) 40%,transparent);color:var(--accent, var(--cyan));background:color-mix(in srgb,var(--accent, var(--cyan)) 12%,transparent)}.chip--band{border-color:color-mix(in srgb,var(--band, var(--cyan)) 45%,transparent);color:var(--band, var(--cyan));background:color-mix(in srgb,var(--band, var(--cyan)) 12%,transparent)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:end center;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + var(--safe-bottom));background:color-mix(in srgb,var(--ink-900) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (min-width: 640px){.overlay{place-items:center}}.toast-layer{position:fixed;left:50%;bottom:calc(var(--sp-5) + var(--safe-bottom));transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none;width:min(520px,calc(100% - var(--sp-6)))}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--ink-600);box-shadow:var(--shadow);font-size:var(--step--1);pointer-events:auto}.toast--error{border-color:color-mix(in srgb,var(--magenta) 45%,transparent);color:var(--magenta)}.toast--info{border-color:color-mix(in srgb,var(--cyan) 40%,transparent);color:var(--cyan)}.divider{height:1px;background:var(--border);border:none;margin:var(--sp-5) 0}.grid-2{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--text-hi) 22%,transparent);border-top-color:var(--cyan);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.4s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.home{display:flex;flex-direction:column;gap:var(--sp-6);padding-top:var(--sp-4)}.home__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.home__title{font-size:var(--step-5);font-weight:700;letter-spacing:-.045em;line-height:.92}.home__title em{font-style:normal;color:var(--amber)}.home__pitch{max-width:46ch;font-size:var(--step-1);color:var(--text-mid)}.home__example{width:min(560px,100%);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:color-mix(in srgb,var(--ink-700) 60%,transparent);text-align:left;display:flex;flex-direction:column;gap:var(--sp-2)}.home__example-q{font-family:var(--font-display);font-size:var(--step-1);color:var(--text-hi)}.home__example-a{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--step--1);color:var(--text-low)}.home__example-a strong{font-family:var(--font-display);font-size:var(--step-2);color:var(--amber);font-weight:700}.modes{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mode-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);text-align:left;text-decoration:none;color:inherit;overflow:hidden;position:relative;transition:transform calc(var(--dur) * var(--motion)) var(--ease-out),border-color var(--dur) linear,background-color var(--dur) linear}.mode-card:after{content:"";position:absolute;inset:-40% -10% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%);opacity:0;transition:opacity var(--dur) linear;pointer-events:none}@media (hover: hover){.mode-card:hover,.mode-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(calc(-3px * var(--motion)))}}@media (hover: hover){.mode-card:hover:after,.mode-card:focus-visible:after{opacity:1}}.mode-card__kicker{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.mode-card__name{font-size:var(--step-2);color:var(--accent)}.mode-card__blurb{color:var(--text-mid);font-size:var(--step-0)}.mode-card__meta{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--sp-2)}.home__secondary{display:flex;flex-direction:column;gap:var(--sp-4);align-items:center}.home__private{display:inline-flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--ink-700) 55%,transparent);color:var(--text-mid);text-decoration:none;transition:border-color var(--dur) linear,background-color var(--dur) linear,color var(--dur) linear,transform calc(var(--dur-fast) * var(--motion)) var(--ease-out)}@media (hover: hover){.home__private:hover,.home__private:focus-visible{border-color:var(--border-strong);background:var(--ink-500);color:var(--text-hi);transform:translateY(calc(-1px * var(--motion)))}}.home__private strong{display:block;font-family:var(--font-display);font-size:var(--step-0);color:var(--text-hi)}.home__private-sub{display:block;font-size:var(--step--1);color:var(--text-low)}.home__private-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--ink-500);color:var(--text-mid)}.home__links{display:flex;gap:var(--sp-3);align-items:center;font-size:var(--step--1);color:var(--text-faint)}.home__links a{color:var(--text-low);text-decoration:none}@media (hover: hover){.home__links a:hover{color:var(--text-hi);text-decoration:underline;text-underline-offset:3px}}.queue{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center;min-height:calc(100dvh - 180px);justify-content:center;padding-bottom:var(--sp-6)}.queue__title{font-size:var(--step-3);letter-spacing:-.03em}.queue__title--found{color:var(--amber);text-shadow:0 0 60px color-mix(in srgb,var(--amber) 35%,transparent)}.queue__dots{display:inline-flex}.queue__slots{display:flex;gap:var(--sp-3);align-items:center;justify-content:center;flex-wrap:wrap;margin:var(--sp-2) 0}.queue__slot{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px dashed var(--border-strong);background:color-mix(in srgb,var(--ink-700) 60%,transparent);transition:border-color var(--dur) linear,background-color var(--dur) linear}.queue__slot--filled{border-style:solid;border-color:color-mix(in srgb,var(--accent, var(--cyan)) 55%,transparent);background:color-mix(in srgb,var(--accent, var(--cyan)) 12%,var(--ink-700))}.queue__slot-dot{width:26px;height:26px;border-radius:50%;background:var(--accent, var(--cyan));box-shadow:0 0 20px -2px var(--accent, var(--cyan))}.queue__slot-empty{width:12px;height:12px;border-radius:50%;background:var(--ink-400)}.queue__count{font-family:var(--font-display);font-size:var(--step-2);font-weight:700;font-variant-numeric:tabular-nums}.queue__elapsed{font-size:var(--step--1);color:var(--text-low)}.queue__identity{display:flex;flex-direction:column;gap:var(--sp-2);width:min(320px,100%);text-align:left}.queue__roster{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center}.queue__player{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.queue__player-name{font-family:var(--font-display);font-weight:700;color:var(--accent, var(--text-hi));max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play{display:flex;flex-direction:column;gap:var(--sp-4);min-height:calc(100dvh - 140px)}.play__status{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px;min-width:0}.stat__label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.stat__value{font-family:var(--font-display);font-size:var(--step-1);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.lives{display:flex;gap:5px;align-items:center}.life{width:13px;height:13px;border-radius:50%;border:2px solid color-mix(in srgb,var(--magenta) 55%,transparent);transition:background-color var(--dur) linear,transform var(--dur) var(--ease-back)}.life--full{background:var(--magenta);box-shadow:0 0 12px -2px var(--magenta)}.life--lost{transform:scale(.75);opacity:.4}.timer{display:flex;align-items:center;gap:var(--sp-3);width:100%}.timer__track{position:relative;flex:1;height:6px;border-radius:var(--radius-pill);background:var(--ink-500);overflow:hidden}.timer__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--cyan);transition:background-color .4s linear;will-change:transform}.timer--warn .timer__fill{background:var(--orange)}.timer--urgent .timer__fill{background:var(--magenta);animation:timer-flash .9s var(--ease-in-out) infinite}@keyframes timer-flash{0%,to{opacity:1}50%{opacity:.55}}.timer__value{font-family:var(--font-display);font-size:var(--step-0);font-weight:700;font-variant-numeric:tabular-nums;min-width:3.2ch;text-align:right;color:var(--text-mid)}.timer--warn .timer__value{color:var(--orange)}.timer--urgent .timer__value{color:var(--magenta)}.question{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) 0 var(--sp-2)}.question__meta{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.question__prompt{font-family:var(--font-display);font-size:var(--step-3);font-weight:600;line-height:1.15;letter-spacing:-.02em;max-width:26ch}.question__sub{font-size:var(--step-0);color:var(--text-mid);max-width:46ch}.answer{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:auto}.numfield{display:flex;flex-direction:column;gap:var(--sp-3)}.numfield__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--ink-700);transition:border-color var(--dur-fast) linear,box-shadow var(--dur-fast) linear}.numfield__row:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 20%,transparent)}.numfield__row--invalid{border-color:color-mix(in srgb,var(--magenta) 60%,transparent)}.numfield__input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:var(--font-display);font-size:var(--step-3);font-weight:700;letter-spacing:-.02em;padding:var(--sp-2) 0;color:var(--text-hi)}.numfield__input::placeholder{color:var(--text-faint);font-weight:500}.numfield__input::-webkit-outer-spin-button,.numfield__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numfield__unit{font-size:var(--step-0);color:var(--text-low);white-space:nowrap}.numfield__echo{display:flex;align-items:baseline;gap:var(--sp-2);min-height:1.7em;padding-left:var(--sp-1);font-size:var(--step-0);color:var(--text-mid)}.numfield__echo strong{font-family:var(--font-display);font-weight:700;color:var(--cyan);font-variant-numeric:tabular-nums}.numfield__echo--error{color:var(--magenta)}.numfield__chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.magchip{min-height:44px;padding:0 var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--ink-600);font-family:var(--font-display);font-weight:700;font-size:var(--step--1);color:var(--text-mid);transition:background-color var(--dur-fast) linear,color var(--dur-fast) linear}@media (hover: hover){.magchip:hover{background:var(--ink-400);color:var(--text-hi)}}.magchip--tool{color:var(--text-low);font-weight:600}.choices{display:grid;gap:var(--sp-3)}.choices--pair{grid-template-columns:1fr}@media (min-width: 620px){.choices--pair{grid-template-columns:1fr 1fr}}.choice{display:flex;align-items:center;gap:var(--sp-3);min-height:68px;padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--ink-700);text-align:left;font-family:var(--font-display);font-size:var(--step-1);font-weight:600;line-height:1.25;transition:border-color var(--dur-fast) linear,background-color var(--dur-fast) linear,transform calc(var(--dur-fast) * var(--motion)) var(--ease-out)}@media (hover: hover){.choice:hover:not(:disabled){border-color:var(--border-strong);background:var(--ink-500);transform:translateY(calc(-2px * var(--motion)))}}.choice[aria-pressed=true]{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 14%,var(--ink-600));box-shadow:var(--glow-cyan)}.choice__key{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:var(--ink-500);font-size:var(--step--1);font-weight:700;color:var(--text-low)}.choice[aria-pressed=true] .choice__key{background:var(--cyan);color:var(--ink-900)}.choice__detail{display:block;font-family:var(--font-body);font-size:var(--step--1);font-weight:500;color:var(--text-low);margin-top:2px}.choice--correct{border-color:var(--lime);background:color-mix(in srgb,var(--lime) 14%,var(--ink-600))}.choice--wrong{border-color:color-mix(in srgb,var(--magenta) 55%,transparent);background:color-mix(in srgb,var(--magenta) 10%,var(--ink-600))}.orderlist{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;padding:0;margin:0}.orderitem{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--ink-700)}.orderitem__rank{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:var(--ink-500);font-family:var(--font-display);font-weight:700;font-size:var(--step--1);color:var(--text-mid)}.orderitem__label{flex:1;min-width:0;font-family:var(--font-display);font-weight:600;font-size:var(--step-0)}.orderitem__detail{display:block;font-family:var(--font-body);font-weight:500;font-size:var(--step--1);color:var(--text-low)}.orderitem__moves{display:flex;gap:4px;flex:none}.orderitem__move{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--ink-500);color:var(--text-mid);transition:background-color var(--dur-fast) linear,color var(--dur-fast) linear}@media (hover: hover){.orderitem__move:hover:not(:disabled){background:var(--ink-400);color:var(--text-hi)}}.orderitem__move:disabled{opacity:.3;cursor:not-allowed}.orderitem--correct{border-color:color-mix(in srgb,var(--lime) 55%,transparent)}.orderitem--misplaced{border-color:color-mix(in srgb,var(--orange) 45%,transparent)}.lockbar{display:flex;align-items:center;gap:var(--sp-3);position:sticky;bottom:0;z-index:5;padding-top:var(--sp-5);padding-bottom:calc(var(--sp-2) + var(--safe-bottom));margin-top:var(--sp-2);background:linear-gradient(to bottom,transparent,var(--ink-800) 45%,var(--ink-800))}.lockbar__hint{font-size:var(--step--1);color:var(--text-faint);padding-bottom:var(--safe-bottom)}@media (hover: none){.lockbar__hint{display:none}}.reaction{position:relative;width:100%;aspect-ratio:16 / 7;max-height:260px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--ink-700),var(--ink-800));overflow:hidden}.reaction__canvas{width:100%;height:100%}.reaction__static{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-4)}.reveal{display:flex;flex-direction:column;gap:var(--sp-5)}.reveal__headline{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;text-align:center}.reveal__label{font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--text-low);font-weight:600}.reveal__answer{font-family:var(--font-display);font-size:var(--step-5);font-weight:700;letter-spacing:-.04em;line-height:.95;color:var(--amber);text-shadow:0 0 60px color-mix(in srgb,var(--amber) 35%,transparent);overflow-wrap:anywhere}.reveal__answer--small{font-size:var(--step-3)}.reveal__yours{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;font-size:var(--step-1)}.reveal__yours-value{font-family:var(--font-display);font-weight:700;color:var(--text-hi)}.reveal__verdict{font-family:var(--font-display);font-size:var(--step-2);font-weight:700;color:var(--band, var(--cyan))}.reveal__aside{color:var(--text-mid);font-size:var(--step-0)}.reveal__points{font-family:var(--font-display);font-size:var(--step-2);font-weight:700;color:var(--lime);font-variant-numeric:tabular-nums}.reveal__points--zero{color:var(--text-low)}.reveal__explain{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--ink-700) 65%,transparent)}.reveal__explain p{color:var(--text-mid);max-width:68ch}.reveal__comparison{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;color:var(--text-hi);max-width:52ch}.source{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--step--1);color:var(--text-low)}.source__toggle{align-self:flex-start;color:var(--text-low);font-size:var(--step--1);text-decoration:underline;text-underline-offset:3px}.source__body{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--ink-800);border:1px solid var(--border)}.source__row{display:flex;gap:var(--sp-2)}.source__key{min-width:8.5em;color:var(--text-faint)}.numberline{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6) var(--sp-2) var(--sp-4)}.numberline__track{position:relative;height:3px;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,var(--ink-300) 12%,var(--ink-300) 88%,transparent)}.numberline__tick{position:absolute;top:-4px;width:1px;height:11px;background:var(--ink-300);transform:translate(-50%)}.numberline__tick-label{position:absolute;top:14px;transform:translate(-50%);font-size:.66rem;color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.numberline__answer{position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;height:40px;border-radius:var(--radius-pill);background:var(--amber);box-shadow:0 0 20px 2px color-mix(in srgb,var(--amber) 60%,transparent)}.numberline__answer:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:var(--step--1);font-weight:700;color:var(--amber);white-space:nowrap}.numberline__marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.numberline__pin{width:12px;height:12px;border-radius:50%;background:var(--accent, var(--cyan));border:2px solid var(--ink-800);box-shadow:0 0 14px -1px var(--accent, var(--cyan))}.numberline__name{position:absolute;top:16px;font-size:.68rem;font-weight:600;color:var(--accent, var(--cyan));white-space:nowrap}.numberline__marker--off .numberline__pin{border-radius:3px;transform:rotate(45deg)}.results{display:flex;flex-direction:column;gap:var(--sp-2)}.result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--ink-600) 70%,transparent)}.result--you{border-color:color-mix(in srgb,var(--accent, var(--cyan)) 45%,transparent);background:color-mix(in srgb,var(--accent, var(--cyan)) 8%,var(--ink-600))}.result--closest{box-shadow:inset 3px 0 0 var(--amber)}.result__who{display:flex;flex-direction:column;gap:2px;min-width:0}.result__name{font-family:var(--font-display);font-weight:700;font-size:var(--step-0);color:var(--accent, var(--text-hi));display:flex;align-items:center;gap:var(--sp-2)}.result__guess{font-size:var(--step--1);color:var(--text-mid);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__miss{color:var(--band, var(--text-low))}.result__points{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);font-variant-numeric:tabular-nums;text-align:right}.result__total{display:block;font-family:var(--font-body);font-size:var(--step--1);font-weight:500;color:var(--text-low)}.result__avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--accent, var(--cyan)) 22%,var(--ink-500));color:var(--accent, var(--cyan));font-family:var(--font-display);font-weight:700;font-size:var(--step-0);flex:none}.lobby{display:flex;flex-direction:column;gap:var(--sp-5)}.roomcode{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--ink-700) 70%,transparent);text-align:center}.roomcode__value{font-family:var(--font-display);font-size:clamp(3rem,14vw,5.5rem);font-weight:700;letter-spacing:.14em;line-height:1;color:var(--amber);text-indent:.14em;text-shadow:0 0 50px color-mix(in srgb,var(--amber) 30%,transparent)}.seats{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.seat{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.seat--empty{border-style:dashed;background:transparent;color:var(--text-faint);justify-content:center;font-size:var(--step--1)}.seat--offline{opacity:.55}.seat__name{font-family:var(--font-display);font-weight:700;color:var(--accent, var(--text-hi));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat__meta{font-size:var(--step--1);color:var(--text-low)}.standings{display:flex;flex-direction:column;gap:var(--sp-2)}.standing{display:grid;grid-template-columns:2ch 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink-600) 55%,transparent)}.standing__rank{font-family:var(--font-display);font-weight:700;color:var(--text-faint);text-align:center}.standing__name{font-weight:600;color:var(--accent, var(--text-hi));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standing__score{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.podium{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.podium__slot{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--accent, var(--cyan)) 10%,var(--ink-700));text-align:center}.podium__slot--first{border-color:color-mix(in srgb,var(--amber) 50%,transparent);box-shadow:0 0 50px -18px var(--amber)}.podium__rank{font-family:var(--font-display);font-size:var(--step-2);font-weight:700;color:var(--text-faint)}.podium__slot--first .podium__rank{color:var(--amber)}.podium__name{font-family:var(--font-display);font-size:var(--step-1);font-weight:700;color:var(--accent, var(--text-hi));overflow-wrap:anywhere}.podium__score{font-family:var(--font-display);font-size:var(--step-2);font-weight:700;font-variant-numeric:tabular-nums}.gameover{display:flex;flex-direction:column;gap:var(--sp-5);align-items:center;text-align:center}.gameover__score{font-family:var(--font-display);font-size:var(--step-5);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}.summary{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.summary__cell{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--ink-600) 60%,transparent);text-align:left}.summary__label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.summary__value{font-family:var(--font-display);font-size:var(--step-1);font-weight:700}.summary__note{font-size:var(--step--1);color:var(--text-low)}.calc{width:min(340px,100%);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--ink-700);box-shadow:var(--shadow-lg);overflow:hidden}.calc__display{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:var(--sp-4);background:var(--ink-800);min-height:84px}.calc__expr{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-low);min-height:1.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;direction:rtl}.calc__value{font-family:var(--font-display);font-size:var(--step-2);font-weight:700;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.calc__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}.calc__key{min-height:54px;background:var(--ink-600);font-family:var(--font-display);font-size:var(--step-1);font-weight:600;color:var(--text-hi);transition:background-color 90ms linear}@media (hover: hover){.calc__key:hover{background:var(--ink-500)}}.calc__key:active{background:var(--ink-400)}.calc__key--op{color:var(--cyan)}.calc__key--fn{color:var(--text-mid);font-size:var(--step-0)}.calc__key--wide{grid-column:span 2}.calc__key--use{grid-column:span 2;background:color-mix(in srgb,var(--amber) 18%,var(--ink-600));color:var(--amber)}@media (hover: hover){.calc__key--use:hover{background:color-mix(in srgb,var(--amber) 26%,var(--ink-600))}}.banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--orange) 40%,transparent);background:color-mix(in srgb,var(--orange) 10%,transparent);color:var(--orange);font-size:var(--step--1)}.banner--error{border-color:color-mix(in srgb,var(--magenta) 45%,transparent);background:color-mix(in srgb,var(--magenta) 10%,transparent);color:var(--magenta)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);min-height:50dvh;text-align:center;color:var(--text-mid)}@media (min-width: 900px){.play{min-height:calc(100dvh - 160px)}.question__prompt{font-size:var(--step-4)}}@media (min-width: 1600px){:root{--shell-max: 1400px}}