@layer reset{*,:before,:after{box-sizing:border-box;min-width:0}:root{interpolate-size:allow-keywords;scrollbar-gutter:stable;text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100svh;margin:0}h1,h2,h3,h4{text-wrap:balance}img,svg,video{flex:none;max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}input,textarea,select{font-size:max(16px,1rem)}textarea{text-wrap:stable}button,a,[role=button]{touch-action:manipulation}button,[role=button]{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}:focus-visible{outline:max(2px, .08em) solid var(--focus-color,currentColor);outline-offset:.2em}}@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--terminal-background:oklch(14.5% 0 none);--terminal-surface:oklch(16.8% 0 none);--terminal-surface-raised:oklch(19.1% 0 none);--terminal-surface-hover:oklch(21.8% 0 none);--terminal-border-subtle:oklch(23% 0 none);--terminal-border:oklch(26% 0 none);--terminal-border-strong:oklch(33.3% 0 none);--terminal-text:oklch(94.6% 0 none);--terminal-text-muted:oklch(70.6% 0 none);--terminal-text-faint:oklch(52.8% 0 none);--terminal-accent:oklch(68.4% .212 40.6);--terminal-accent-hover:color-mix(in oklch, var(--terminal-accent), white 15%);--terminal-accent-soft:color-mix(in oklch, var(--terminal-accent) 12%, transparent);--terminal-on-accent:var(--terminal-background);--terminal-success:oklch(77.2% .154 154.2);--terminal-warning:oklch(84.3% .141 85.5);--terminal-danger:oklch(72.1% .174 18.3);--terminal-info:oklch(76.9% .117 261.6);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--duration-press:.16s;--duration-popover:.2s;--duration-drawer:.3s;--press-scale:.97;--focus-color:var(--terminal-accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:var(--terminal-background);--color-surface:var(--terminal-surface);--color-surface-raised:var(--terminal-surface-raised);--color-surface-hover:var(--terminal-surface-hover);--color-surface-sunken:oklch(12.5% 0 none);--color-video:oklch(0% 0 none);--color-border-subtle:var(--terminal-border-subtle);--color-border:var(--terminal-border);--color-border-strong:var(--terminal-border-strong);--color-text:var(--terminal-text);--color-text-muted:var(--terminal-text-muted);--color-text-faint:var(--terminal-text-faint);--color-accent:var(--terminal-accent);--color-accent-hover:var(--terminal-accent-hover);--color-accent-soft:var(--terminal-accent-soft);--color-on-accent:var(--terminal-on-accent);--color-success:var(--terminal-success);--color-danger:var(--terminal-danger);--color-live:var(--terminal-danger);--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--code-foreground:oklch(92% 0 none);--code-background:var(--color-surface-sunken);--code-token-constant:oklch(80% .13 60);--code-token-string:oklch(80% .14 145);--code-token-comment:oklch(58% 0 none);--code-token-keyword:oklch(74% .16 330);--code-token-parameter:oklch(86% .08 90);--code-token-function:oklch(78% .12 240);--code-token-string-expression:oklch(80% .14 145);--code-token-punctuation:oklch(70% 0 none);--code-token-link:oklch(78% .12 240)}}@layer base{html,body{background:var(--color-background);color:var(--color-text)}html{font-family:var(--font-sans);text-rendering:optimizelegibility;font-size:100%;line-height:1.5}body{min-block-size:100dvh}a{color:var(--color-accent)}}@layer components{.app{min-block-size:100dvh}.control{justify-content:center;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.control--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.control--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.control--quiet{border-color:var(--color-border);background:0 0}.control--current{border-color:var(--color-accent);background:var(--color-accent-soft)}.control[data-disabled]{opacity:.4;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.control:hover:not([data-disabled]){border-color:var(--color-border-strong);background:var(--color-surface-hover)}.control--primary:hover:not([data-disabled]){border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.control--danger:hover:not([data-disabled]){border-color:var(--color-danger);background:color-mix(in oklch, var(--color-danger) 12%, transparent)}}@media (prefers-reduced-motion:no-preference){.control{transition:transform var(--duration-press) var(--ease-out), background-color var(--duration-press) var(--ease-out), border-color var(--duration-press) var(--ease-out)}.control:active:not([data-disabled]){transform:scale(var(--press-scale))}}.join,.notice{min-block-size:100dvh;padding:var(--space-5);place-items:center;display:grid}.join__card{gap:var(--space-5);inline-size:min(100%,24rem);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.join__eyebrow,.stage__eyebrow{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem}.join__title{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.join__form{gap:var(--space-4);display:grid}.join__error{color:var(--color-danger);margin:0;font-size:.875rem}.join__submit{padding-block:var(--space-3)}.field{gap:var(--space-2);display:grid}.field__label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.field__input{padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);font-size:.9375rem}.field__input:focus-visible{border-color:var(--color-accent)}.notice{text-align:center;align-content:center}.notice__title{margin:0;font-size:1.5rem;font-weight:700}.notice__detail{margin-block:var(--space-2) var(--space-4);color:var(--color-text-muted)}.player{grid-template-rows:auto 1fr;min-block-size:100dvh;display:grid}.topbar{align-items:center;gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-4);border-block-end:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;font-size:.875rem;display:flex}.topbar__show{font-weight:700}.topbar__step{color:var(--color-text-muted);font-family:var(--font-mono)}.topbar__me{margin-inline-start:auto}.badge{padding-block:.125rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.badge--live{border-color:var(--color-success);color:var(--color-success)}.stage{align-content:start;gap:var(--space-5);inline-size:min(100%,64rem);padding:var(--space-5);margin-inline:auto;display:grid;position:relative}.stage__body{gap:var(--space-4);display:grid}.stage__title{margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.15}.stage__title--marquee{letter-spacing:-.02em;font-size:clamp(2rem,6vw,3.5rem)}.stage__title--reveal{color:var(--color-accent)}.stage__subtitle{color:var(--color-text-muted);margin:0;font-size:clamp(1rem,2vw,1.25rem)}.stage__note{color:var(--color-text-muted);margin:0}.stage__code{inset:var(--space-4);z-index:2;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);align-content:start;display:grid;position:absolute}.phase{padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);border-inline-start-width:3px;margin:0;font-size:.9375rem}.phase--answering{border-inline-start-color:var(--color-accent);color:var(--color-text)}.phase--locked{border-inline-start-color:var(--color-text-faint)}.phase--revealed{border-inline-start-color:var(--color-success);color:var(--color-text);font-weight:600}.screen{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-video);aspect-ratio:16/9;position:relative;overflow:hidden}.screen--live{border-color:var(--color-live)}.screen__video{object-fit:contain;block-size:100%;inline-size:100%}.screen__unblock{background:color-mix(in oklch, var(--color-video) 70%, transparent);color:var(--color-text);cursor:pointer;border:0;font-size:1.125rem;font-weight:600;position:absolute;inset:0}.choices{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.choices__item{display:grid}.choice{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-align:start;grid-template-columns:auto 1fr;font-size:1rem;display:grid}.choice--open{cursor:pointer}.choice[data-disabled]{cursor:default}.choice__letter{aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);inline-size:2rem;color:var(--color-text-muted);font-family:var(--font-mono);place-items:center;font-size:.875rem;font-weight:600;display:grid}.choice__pickers{gap:var(--space-1);flex-wrap:wrap;grid-column:1/-1;display:flex}.choice--picked{border-color:var(--color-accent);background:var(--color-accent-soft)}.choice--picked .choice__letter{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.choices--revealed .choice{opacity:.5}.choices--revealed .choice--correct{border-color:var(--color-success);background:color-mix(in oklch, var(--color-success) 12%, var(--color-surface));opacity:1}.choices--revealed .choice--correct .choice__letter{border-color:var(--color-success);background:var(--color-success);color:var(--color-background)}.choices--revealed .choice--wrong{border-color:var(--color-danger);opacity:1}@media (hover:hover) and (pointer:fine){.choice--open:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.choice--open.choice--picked:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}}@media (prefers-reduced-motion:no-preference){.choice{transition:transform var(--duration-press) var(--ease-out), border-color var(--duration-press) var(--ease-out), background-color var(--duration-press) var(--ease-out), opacity var(--duration-drawer) var(--ease-out)}.choice--open:active{transform:scale(var(--press-scale))}}.pill{padding-block:.125rem;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.pill--me{border-color:var(--color-accent);color:var(--color-accent)}.links{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.links__link{font-family:var(--font-mono);font-size:.875rem}.scoreboard{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.scoreboard__row{align-items:center;gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:2rem 1fr auto;font-size:1rem;display:grid}.scoreboard__row--leader{border-color:var(--color-accent)}.scoreboard__row--me .scoreboard__name{color:var(--color-accent)}.scoreboard__rank{color:var(--color-text-faint);font-family:var(--font-mono)}.scoreboard__name{font-weight:600}.scoreboard__score{font-family:var(--font-mono);font-size:1.125rem;font-weight:600}@media (prefers-reduced-motion:no-preference){.scoreboard__row{animation:rise-in .32s var(--ease-out) both;animation-delay:calc(var(--row-index) * 70ms)}}@keyframes rise-in{0%{opacity:0;translate:0 .5rem}}.code-reveal{gap:var(--space-3);display:grid}.code-reveal__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.code-reveal__title{margin:0;font-size:1.125rem;font-weight:600}.code-reveal__link{font-family:var(--font-mono);font-size:.8125rem}.code-reveal__viewport{max-block-size:calc(var(--visible-lines) * 1lh + 2 * var(--space-4));padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--code-background);color:var(--code-foreground);font-family:var(--font-mono);font-size:clamp(.8rem,1.5vw,1rem);line-height:1.6;overflow:hidden}.code-reveal__code{font:inherit;transform-origin:0 0;transform:scale(var(--code-scale)) translateY(calc(var(--code-offset) * -1lh));margin:0}.code-reveal__lines{font:inherit;display:grid}.code-reveal__line{padding-inline:var(--space-2);border-radius:var(--radius-sm);white-space:pre;grid-template-columns:3ch 1fr;gap:2ch;display:grid}.code-reveal__line--dimmed{opacity:.32}.code-reveal__line--highlighted{background:var(--color-accent-soft);box-shadow:inset 2px 0 0 var(--color-accent)}.code-reveal__number{color:var(--code-token-comment);text-align:end;-webkit-user-select:none;user-select:none}.code-reveal__caption{color:var(--color-text);margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:600}@media (prefers-reduced-motion:no-preference){.code-reveal__code{transition:transform .7s var(--ease-in-out)}.code-reveal__line{animation:line-in .32s var(--ease-out) both;animation-delay:calc(min(var(--line-index), 40) * 24ms);transition:opacity var(--duration-drawer) var(--ease-out), background-color var(--duration-drawer) var(--ease-out), box-shadow var(--duration-drawer) var(--ease-out)}.code-reveal__caption{animation:rise-in .32s var(--ease-out) both}}@keyframes line-in{0%{opacity:0;translate:-.5rem}}.toast{z-index:10;align-items:center;gap:var(--space-3);padding-block:var(--space-2);padding-inline:var(--space-4) var(--space-2);border:1px solid var(--color-border-strong);border-inline-start:3px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-surface-raised);font-size:.875rem;display:flex;position:fixed;inset-block-end:var(--space-4);inset-inline:50% auto;translate:-50%}.toast__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;font-size:1.125rem}.host{gap:var(--space-4);padding:var(--space-4);display:grid}.host__main{align-content:start;gap:var(--space-3);display:grid}.host__main .stage{inline-size:100%;padding:0}.host__outline,.host__controls{align-content:start;gap:var(--space-3);display:grid}@media (width>=72rem){.host{grid-template-columns:16rem minmax(0,1fr) 24rem;align-items:start}.host__outline,.host__controls{max-block-size:calc(100dvh - 2 * var(--space-4));position:sticky;inset-block-start:var(--space-4);overflow:auto}}.panel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.panel__title{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:500}.panel__status{color:var(--color-text-muted);margin:0;font-size:.875rem}.invite{gap:var(--space-2);display:grid}.invite__code{color:var(--color-text);font-family:var(--font-mono);letter-spacing:.08em;font-size:1.75rem;font-weight:600}.invite__link{color:var(--color-text-muted);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.8125rem}.outline{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.outline__item .control{border-radius:var(--radius-sm);inline-size:100%;color:var(--color-text-muted);text-align:start;background:0 0;border-color:#0000;justify-content:start;font-weight:500}.outline__item .control--current{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text)}.toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar__label{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.8125rem}.clip-row,.code-row{gap:var(--space-2);border-block-end:1px solid var(--color-border-subtle);padding-block-end:var(--space-2);display:grid}.clip-row--active .clip-row__label{color:var(--color-live)}.clip-row__when{color:var(--color-text-faint);font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem}.clip-row__label,.code-row__title{font-size:.9375rem;font-weight:600}.clip-row__controls,.code-row__frames{gap:var(--space-2);flex-wrap:wrap;display:flex}.players{border-collapse:collapse;inline-size:100%;font-size:.875rem}.players th,.players td{padding-block:var(--space-2);padding-inline:var(--space-1);border-block-end:1px solid var(--color-border-subtle);text-align:start}.players th{color:var(--color-text-faint);font-weight:500}.players__row--offline{color:var(--color-text-muted)}.players__video{font-family:var(--font-mono);font-size:.75rem}.players__video--warn{color:var(--color-danger)}.players__offline{font-size:.75rem}.players__hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.dot{aspect-ratio:1;inline-size:.5rem;background:var(--color-border-strong);border-radius:50%;margin-inline-end:var(--space-2);display:inline-block}.dot--on{background:var(--color-success)}}@layer utilities;