@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{--deck-clearance:5rem;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--compact{padding-block:var(--space-1);padding-inline:var(--space-3);font-size:.8125rem}.icon{flex:none;block-size:1rem;inline-size:1rem}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);block-size:2rem;inline-size:2rem;color:var(--color-text);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.icon-button--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.icon-button--quiet{color:var(--color-text-muted);background:0 0;border-color:#0000}.icon-button[data-disabled]{color:var(--color-text-faint);opacity:.6;cursor:not-allowed;background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.icon-button:hover:not([data-disabled]){border-color:var(--color-border-strong);background:var(--color-surface-hover);color:var(--color-text)}.icon-button--primary:hover:not([data-disabled]){border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-on-accent)}}@media (prefers-reduced-motion:no-preference){.icon-button{transition:transform var(--duration-press) var(--ease-out), background-color var(--duration-press) var(--ease-out), border-color var(--duration-press) var(--ease-out), color var(--duration-press) var(--ease-out)}.icon-button:active:not([data-disabled]){transform:scale(var(--press-scale))}}.control[data-disabled]{opacity:.4;cursor:not-allowed}.control--primary[data-disabled]{border-color:var(--color-border);color:var(--color-text-muted);opacity:1;background:0 0}@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)}.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}}.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);inline-size:fit-content;margin-inline:auto;font-size:.875rem;display:flex;position:fixed;inset-block-end:var(--space-4);inset-inline:0}.toast__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;font-size:1.125rem}.host{gap:var(--space-3);padding:var(--space-3);grid-template-areas:"account""outline""main""controls";padding-block-end:var(--deck-clearance);display:grid}.host__main{align-content:start;gap:var(--space-3);grid-area:main;display:grid}.host__main .stage{--stage-reserved:calc(var(--deck-clearance) + 2 * var(--space-3));padding:0}.app:has(.deck) .toast{inset-block-end:var(--deck-clearance)}.host__outline,.host__controls{align-content:start;gap:var(--space-3);display:grid}.host__outline{grid-area:outline}.host__controls{grid-area:controls}@media (width>=72rem){.host{grid-template:"outline main account""outline main controls"1fr/15rem minmax(0,1fr) 20rem;align-items:start}.host--outline-collapsed{grid-template-columns:auto minmax(0,1fr) 20rem}.host__outline,.host__controls{max-block-size:calc(100dvh - var(--space-3) - var(--deck-clearance));position:sticky;inset-block-start:var(--space-3);overflow:auto}}.panel{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block:calc(-1 * var(--space-1));display:flex}.rail{align-items:center;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;display:flex}.rail__steps{flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rail__step{border-radius:var(--radius-sm);block-size:1.75rem;inline-size:2rem;color:var(--color-text-faint);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0000;padding:0;font-size:.75rem}.rail__step--current{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}@media (hover:hover) and (pointer:fine){.rail__step:hover:not(.rail__step--current){background:var(--color-surface-hover);color:var(--color-text)}}@media (width>=72rem){.rail,.rail__steps{flex-flow:column}}.account{grid-area:account;justify-self:end}.avatar{border:1px solid var(--color-border-strong);background:var(--color-surface-raised);block-size:2.25rem;inline-size:2.25rem;color:var(--color-text);cursor:pointer;anchor-name:--host-account;border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden}.avatar__image{object-fit:cover;block-size:100%;inline-size:100%}.avatar__initials{font-family:var(--font-mono);font-size:.75rem;font-weight:600}@media (hover:hover) and (pointer:fine){.avatar:hover{border-color:var(--color-text-faint)}}.menu{inline-size:min(20rem, calc(100dvw - 2 * var(--space-3)));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);margin:0;padding:0;position:fixed;inset:auto;inset-block-start:calc(var(--space-3) + 2.75rem);inset-inline-end:var(--space-3)}@supports (position-area:block-end){.menu{position-anchor:--host-account;position-area:block-end span-inline-start;position-try-fallbacks:flip-block;margin-block-start:var(--space-2);inset:auto}}.menu__name{padding-block:var(--space-3);padding-inline:var(--space-4);border-block-end:1px solid var(--color-border-subtle);margin:0;font-size:.875rem;font-weight:600}.menu__section{gap:var(--space-2);padding-block:var(--space-3);padding-inline:var(--space-4);display:grid}.menu__section--actions{padding-block:var(--space-2);padding-inline:var(--space-2);border-block-start:1px solid var(--color-border-subtle);gap:0}.menu__item{align-items:center;gap:var(--space-2);inline-size:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:start;cursor:pointer;background:0 0;border:0;font-size:.875rem;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.menu__item:hover{background:var(--color-surface-hover);color:var(--color-text)}}.menu__confirm{gap:var(--space-2);padding:var(--space-2);font-size:.875rem;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.5rem;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}.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)}.stage{--stage-reserved:6rem;inline-size:min(100%, calc((100dvh - var(--stage-reserved)) * 16 / 9));padding:var(--space-4);margin-inline:auto;container:stage/inline-size}.slide{--u:1cqi;aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-sunken);color:var(--color-text);font-size:calc(1.6 * var(--u));display:grid;position:relative;overflow:hidden}.slide__frame{gap:calc(2.5 * var(--u));min-block-size:0;padding-block:calc(3.5 * var(--u)) calc(2.5 * var(--u));padding-inline:calc(5 * var(--u));grid-template-rows:auto minmax(0,1fr) auto;display:grid}.slide__top{justify-content:space-between;align-items:center;gap:calc(2 * var(--u));min-block-size:calc(3.2 * var(--u));display:flex}.slide__kicker{align-items:center;gap:calc(1.2 * var(--u));color:var(--color-accent);font-family:var(--font-mono);font-size:calc(1.35 * var(--u));letter-spacing:.14em;text-transform:uppercase;font-weight:600;display:flex}.slide__kicker:before{content:"";inline-size:calc(.9 * var(--u));aspect-ratio:1;background:var(--color-accent)}.slide__status{padding-block:calc(.5 * var(--u));padding-inline:calc(1.2 * var(--u));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:calc(1.15 * var(--u));letter-spacing:.1em;text-transform:uppercase;font-weight:600}.slide__status--open{border-color:var(--color-accent);color:var(--color-accent)}.slide__status--good{border-color:var(--color-success);color:var(--color-success)}.slide__status--bad{border-color:var(--color-danger);color:var(--color-danger)}.slide__status--quiet{border-color:var(--color-border);color:var(--color-text-faint)}.slide__body{align-content:center;gap:calc(3 * var(--u));min-block-size:0;display:grid}.slide__foot{align-items:center;gap:calc(2.5 * var(--u));border-block-start:1px solid var(--color-border-subtle);color:var(--color-text-faint);font-family:var(--font-mono);font-size:calc(1.1 * var(--u));letter-spacing:.1em;text-transform:uppercase;grid-template-columns:minmax(0,max-content) minmax(0,1fr) auto;padding-block-start:calc(1.6 * var(--u));display:grid}.slide__show{max-inline-size:calc(36 * var(--u));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slide__progress{gap:calc(.4 * var(--u));display:flex}.slide__segment{block-size:calc(.45 * var(--u));background:var(--color-border);flex:1}.slide__segment--done{background:var(--color-text-faint)}.slide__segment--current{background:var(--color-accent)}.slide__count{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.slide__headline{max-inline-size:34ch;font-size:calc(4 * var(--u));letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.12}.slide__headline--answer{color:var(--color-accent)}.slide__note{color:var(--color-text-muted);font-size:calc(1.6 * var(--u));margin:0}.slide__links{gap:calc(2.5 * var(--u));font-family:var(--font-mono);font-size:calc(1.3 * var(--u));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.slide__hero{justify-items:start;gap:calc(2.8 * var(--u));display:grid}.slide__title{max-inline-size:16ch;font-size:calc(8 * var(--u));letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:800;line-height:.98}.slide__rule{inline-size:calc(10 * var(--u));block-size:calc(.6 * var(--u));background:var(--color-accent)}.slide__subtitle{max-inline-size:42ch;color:var(--color-text-muted);font-size:calc(2.4 * var(--u));text-wrap:balance;margin:0;line-height:1.3}.tiles{--tile-columns:2;grid-template-columns:repeat(var(--tile-columns), minmax(0, 1fr));gap:calc(1.6 * var(--u));grid-auto-rows:1fr;margin:0;padding:0;list-style:none;display:grid}.tiles:has(>:only-child){--tile-columns:1}:is(.tiles:has(>:nth-child(3):last-child),.tiles:has(>:nth-child(5))){--tile-columns:3}.tiles:has(>:nth-child(7)){--tile-columns:4}.tiles__item{display:grid}.tile{align-items:center;gap:calc(1 * var(--u)) calc(1.8 * var(--u));min-block-size:calc(8 * var(--u));padding-block:calc(1.6 * var(--u));padding-inline:calc(1.8 * var(--u)) calc(2.4 * var(--u));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:calc(2.2 * var(--u));text-align:start;grid-template-columns:auto minmax(0,1fr);font-weight:600;line-height:1.2;display:grid}.tile[data-disabled]{cursor:default}.tile--open{cursor:pointer}.tile__letter{inline-size:calc(4.2 * var(--u));aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:calc(1.8 * var(--u));place-items:center;font-weight:700;display:grid}.tile__text{text-wrap:balance}.tile__pickers{gap:calc(.6 * var(--u));flex-wrap:wrap;grid-column:1/-1;display:flex}.tile__picker{padding-block:calc(.2 * var(--u));padding-inline:calc(.8 * var(--u));border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:calc(1.1 * var(--u));font-weight:500}.tile__picker--me{border-color:var(--color-accent);color:var(--color-accent)}.tile--picked{border-color:var(--color-accent);background:var(--color-accent-soft)}.tile--picked .tile__letter{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.tiles--locked .tile:not(.tile--picked){color:var(--color-text-muted)}.tiles--revealed .tile{opacity:.4}.tiles--revealed .tile--correct{border-color:var(--color-success);background:color-mix(in oklch, var(--color-success) 14%, var(--color-surface));opacity:1}.tiles--revealed .tile--correct .tile__letter{border-color:var(--color-success);background:var(--color-success);color:var(--color-background)}.tiles--revealed .tile--wrong{border-color:var(--color-danger);background:var(--color-surface);opacity:1}.tiles--revealed .tile--wrong .tile__letter{border-color:var(--color-danger);color:var(--color-danger);background:0 0}@media (hover:hover) and (pointer:fine){.tile--open:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.tile--open.tile--picked:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}}.cliplist{gap:calc(1 * var(--u));margin:0;padding:0;list-style:none;display:grid}.cliplist:has(>:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.cliplist__row{grid-template-columns:calc(4.5 * var(--u)) minmax(0, 1fr);padding-block:calc(1.3 * var(--u));padding-inline:calc(1.8 * var(--u));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;display:grid}.cliplist__index{color:var(--color-accent);font-family:var(--font-mono);font-size:calc(1.5 * var(--u));font-weight:600}.cliplist__label{font-size:calc(2.1 * var(--u));text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ranking{gap:calc(.9 * var(--u)) calc(2 * var(--u));grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.ranking:has(>:nth-child(6)){--ranking-rows:3;grid-auto-flow:column;grid-template-rows:repeat(var(--ranking-rows), auto);grid-template-columns:repeat(2,minmax(0,1fr))}.ranking:has(>:nth-child(7)){--ranking-rows:4}.ranking:has(>:nth-child(9)){--ranking-rows:5}.ranking:has(>:nth-child(11)){--ranking-rows:6}.ranking__row{grid-template-columns:calc(4.5 * var(--u)) minmax(0, 1fr) auto;align-items:center;gap:calc(1.6 * var(--u));padding-block:calc(.9 * var(--u));padding-inline:calc(1.8 * var(--u)) calc(2.2 * var(--u));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:calc(2 * var(--u));line-height:1.2;display:grid}.ranking__row--leader{border-color:var(--color-accent);background:var(--color-accent-soft)}.ranking__rank{color:var(--color-text-faint);font-family:var(--font-mono);font-size:calc(1.5 * var(--u));font-weight:600}.ranking__row--leader .ranking__rank{color:var(--color-accent)}.ranking__name{align-items:center;gap:calc(1.2 * var(--u));white-space:nowrap;font-weight:700;display:flex;overflow:hidden}.ranking__row--me .ranking__name{color:var(--color-accent)}.ranking__badge{padding-block:calc(.3 * var(--u));padding-inline:calc(.8 * var(--u));border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-mono);font-size:calc(1 * var(--u));letter-spacing:.12em;text-transform:uppercase;font-weight:700}.ranking__score{font-family:var(--font-mono);font-size:calc(2.4 * var(--u));font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.slide--code .slide__body{align-content:stretch}.code-reveal{gap:calc(1.6 * var(--u));grid-template-rows:auto minmax(0,1fr) auto;min-block-size:0;display:grid}.code-reveal__header{justify-content:space-between;align-items:baseline;gap:calc(2 * var(--u));flex-wrap:wrap;display:flex}.code-reveal__title{font-size:calc(2.6 * var(--u));letter-spacing:-.01em;margin:0;font-weight:700}.code-reveal__link{font-family:var(--font-mono);font-size:calc(1.2 * var(--u))}.code-reveal__viewport{min-block-size:0;max-block-size:calc(var(--visible-lines) * 1lh + 4 * var(--u));padding-block:calc(2 * var(--u));padding-inline:calc(1.5 * var(--u));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--code-foreground);font-family:var(--font-mono);font-size:calc(1.35 * var(--u));line-height:1.5;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:calc(.8 * var(--u));white-space:pre;border-inline-start:2px solid #0000;grid-template-columns:3ch 1fr;gap:2ch;display:grid}.code-reveal__line--dimmed{opacity:.32}.code-reveal__line--highlighted{border-inline-start-color:var(--color-accent);background:var(--color-accent-soft)}.code-reveal__number{color:var(--code-token-comment);text-align:end;-webkit-user-select:none;user-select:none}.code-reveal__caption{font-size:calc(2 * var(--u));margin:0;font-weight:600}.slide__video{z-index:2;background:var(--color-video);visibility:hidden;display:grid;position:absolute;inset:0}.slide--playing .slide__video{visibility:visible}.slide__media{object-fit:contain;block-size:100%;inline-size:100%}.slide__now{gap:calc(.3 * var(--u));max-inline-size:60%;padding-block:calc(1 * var(--u));padding-inline:calc(1.6 * var(--u)) calc(2.2 * var(--u));border-inline-start:calc(.5 * var(--u)) solid var(--color-accent);background:color-mix(in oklch, var(--color-video) 82%, transparent);font-size:calc(1.9 * var(--u));font-weight:700;display:grid;position:absolute;inset-block-end:calc(3 * var(--u));inset-inline-start:calc(3 * var(--u))}.slide__now-kicker{color:var(--color-accent);font-family:var(--font-mono);font-size:calc(1.05 * var(--u));letter-spacing:.14em;text-transform:uppercase}.slide__video--live .slide__now-kicker{color:var(--color-live)}.slide__unblock{z-index:3;background:color-mix(in oklch, var(--color-video) 70%, transparent);color:var(--color-text);font-size:calc(2.4 * var(--u));cursor:pointer;border:0;font-weight:700;position:absolute;inset:0}@container stage (inline-size<40rem){.slide{--u:2.4cqi;aspect-ratio:auto;min-block-size:calc(100dvh - var(--stage-reserved))}.slide__frame{padding-inline:calc(3 * var(--u))}.slide__show{display:none}.slide__foot{grid-template-columns:minmax(0,1fr) auto}.tiles,.cliplist,.ranking{--tile-columns:1;grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.slide__title{font-size:calc(6 * var(--u))}}@media (prefers-reduced-motion:no-preference){.slide__frame{animation:slide-in .28s var(--ease-out) both}.tiles__item,.cliplist__row,.ranking__row{animation:rise-in .32s var(--ease-out) both;animation-delay:calc(.12s + var(--row-index,0) * 60ms)}.tiles__item:nth-child(2),.cliplist__row:nth-child(2){--row-index:1}.tiles__item:nth-child(3),.cliplist__row:nth-child(3){--row-index:2}.tiles__item:nth-child(n+4),.cliplist__row:nth-child(n+4){--row-index:3}.tile{transition:transform var(--duration-press) var(--ease-out), border-color var(--duration-drawer) var(--ease-out), background-color var(--duration-drawer) var(--ease-out), color var(--duration-drawer) var(--ease-out), opacity var(--duration-drawer) var(--ease-out)}.tile--open:active{transform:scale(var(--press-scale))}.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), border-color var(--duration-drawer) var(--ease-out)}.code-reveal__caption{animation:rise-in .32s var(--ease-out) both}}@keyframes slide-in{0%{opacity:0}}@keyframes line-in{0%{opacity:0;translate:-.5rem}}.deck{z-index:5;align-items:center;gap:var(--space-2);max-inline-size:calc(100dvw - 2 * var(--space-3));padding-block:var(--space-1);padding-inline:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);inline-size:fit-content;margin-inline:auto;display:flex;position:fixed;inset-block-end:var(--space-3);inset-inline:0;overflow-x:auto}.deck__group{border-inline-end:1px solid var(--color-border);flex:none;align-items:center;gap:2px;padding-inline-end:var(--space-2);display:flex}.deck__step{inline-size:11rem;padding-inline:var(--space-2);line-height:1.25;display:grid}.deck__count,.deck__frames{color:var(--color-text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.6875rem}.deck__title,.deck__clip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck__title{font-size:.8125rem;font-weight:600}.deck__clip{inline-size:8rem;padding-inline:var(--space-2);color:var(--color-text-muted);font-size:.75rem}.deck__frames{text-align:center;min-inline-size:4ch}.deck__action{white-space:nowrap;justify-content:center;inline-size:9.5rem}}@layer utilities;