:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--text-4xl:2.488rem;--text-5xl:2.986rem;--text-6xl:3.583rem;--text-7xl:5.16rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(48% .12 150);--color-error-soft:oklch(93% .04 27);--color-success-soft:oklch(93% .04 150);--container:1440px;--container-app:80rem;--container-narrow:44rem;--container-stage:120rem;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(95% .02 300);--color-paper-2:oklch(92% .03 300);--color-paper-3:oklch(89% .035 300);--color-ink:oklch(18% .02 300);--color-ink-2:oklch(28% .03 300);--color-muted:oklch(46% .05 300);--qr-ink:oklch(0% 0 0);--qr-bg:oklch(100% 0 0);--color-rule:oklch(84% .04 300);--color-rule-2:oklch(70% .08 295);--color-accent:oklch(50% .25 290);--color-accent-deep:oklch(43% .22 290);--color-accent-soft:oklch(86% .08 295);--color-accent-ink:oklch(97% .01 300);--color-focus:oklch(50% .25 290);--font-display:"Onest", ui-sans-serif, system-ui, sans-serif;--font-body:"Onest", ui-sans-serif, system-ui, sans-serif;--radius-card:16px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(18% .02 300/.06);--tracking-display:-.02em;--display-weight:500}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-paper:oklch(14% .02 290);--color-paper-2:oklch(17.5% .025 290);--color-paper-3:oklch(21% .03 290);--color-ink:oklch(92% .04 300);--color-ink-2:oklch(80% .05 300);--color-muted:oklch(68% .06 300);--color-rule:oklch(28% .04 290);--color-rule-2:oklch(44% .07 292);--color-accent:oklch(55% .25 290);--color-accent-deep:oklch(48% .24 290);--color-accent-soft:oklch(36% .09 293);--color-accent-ink:oklch(98% .01 300);--color-focus:oklch(68% .2 290);--color-error:oklch(72% .16 27);--color-success:oklch(74% .14 150);--color-error-soft:oklch(24% .05 27);--color-success-soft:oklch(24% .05 150);--shadow-card:0 0 0 1px oklch(28% .04 290)}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 25%, transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border-radius:var(--radius-pill);color:var(--color-ink);font:500 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;border:0;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn[aria-busy=true]{cursor:progress}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover:not(:disabled){background:var(--color-accent-deep)}.btn--quiet{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.btn--quiet:hover:not(:disabled){background:var(--color-paper-2)}.btn--danger{box-shadow:inset 0 0 0 1.5px var(--color-error);color:var(--color-error)}.btn--danger:hover:not(:disabled){background:var(--color-error-soft)}.btn--text{min-height:44px;padding:0 var(--space-xs);color:var(--color-muted);text-underline-offset:.2em;text-decoration:underline}.btn--text:hover{color:var(--color-ink)}.btn--block{width:100%}.field{gap:var(--space-2xs);display:grid}.field label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}.input{width:100%;min-height:48px;padding:0 var(--space-md);border:1.5px solid var(--color-muted);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-md);outline-offset:2px;outline:2px solid #0000}.input:focus-visible{outline-color:var(--color-focus)}.input[aria-invalid=true]{border-color:var(--color-error)}.input::placeholder{color:var(--color-muted)}.input--code{font-size:var(--text-2xl);text-align:center;letter-spacing:.12em;font-weight:300}.help{min-height:1lh;font-size:var(--text-sm);color:var(--color-muted)}.help--error{color:var(--color-error)}strong{font-weight:500}.notice{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-error-soft);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-error)}.mark{align-items:center;gap:var(--space-xs);flex-shrink:0;display:inline-flex}.mark__shape{width:28px;height:28px;fill:var(--color-accent)}.mark__letter{font:500 var(--text-md)/1 var(--font-display);color:var(--color-muted)}.timer{align-items:baseline;gap:var(--space-2xs) var(--space-xs);grid-template-columns:auto auto minmax(0,1fr);display:grid}.timer__figure{font:300 var(--text-3xl)/1 var(--font-display)}.timer__unit{font-size:var(--text-sm);color:var(--color-muted)}.timer__track{border-radius:var(--radius-pill);background:var(--color-accent-soft);align-self:center;height:6px;overflow:hidden}.timer__fill{background:var(--color-accent);transform-origin:0;height:100%;transition:transform 1s linear;display:block}.timer--l .timer__figure{font-size:var(--text-6xl)}.timer--l{min-width:14rem}.qimage{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--color-paper-3);place-items:center;width:100%;margin:0;display:grid;overflow:hidden}.qimage>img{object-fit:contain;width:100%;height:100%}.qimage__error{padding:var(--space-lg);color:var(--color-ink);text-align:center}.panel{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink)}.panel--stack{gap:var(--space-md);justify-items:start;display:grid}#root{container-type:inline-size}.skip{left:var(--space-md);top:var(--space-xs);z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);position:absolute;transform:translateY(-300%)}.skip:focus-visible{transform:none}.shell__bar{border-bottom:var(--rule-hair) solid var(--color-rule)}.shell__in{align-items:center;gap:0 var(--space-md);max-width:var(--container-app);padding:var(--space-2xs) var(--gutter);flex-wrap:wrap;min-height:56px;margin-inline:auto;display:flex}.shell__brand{font:500 var(--text-lg)/1 var(--font-display);letter-spacing:var(--tracking-display);padding-block:var(--space-sm);text-decoration:none}.shell__nav{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:flex}.shell__link{min-height:44px;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-ink-2);transition:background-color var(--dur-micro) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.shell__link:hover{background:var(--color-paper-2)}.shell__link[aria-current=page]{background:var(--color-accent-soft);color:var(--color-ink)}.shell__user{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);margin-inline-start:auto;display:flex}.shell__name{overflow-wrap:anywhere;display:none}.page{gap:var(--space-lg);width:100%;padding:var(--space-md) var(--gutter) var(--space-2xl);align-content:start;margin-inline:auto;display:grid}.page--wide{max-width:var(--container-app)}.page--narrow{max-width:var(--container-narrow)}.page__head{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.page__head h1{max-width:none;font-size:var(--text-2xl)}.page__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.back{min-height:44px;color:var(--color-muted);justify-self:start;align-items:center;display:inline-flex}.back:hover{color:var(--color-ink)}.page .panel h1{font-size:var(--text-2xl)}.quizzes{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));margin:0;padding:0;list-style:none;display:grid}.quizzes li{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);align-content:start;justify-items:start;display:grid}.quizzes__title{overflow-wrap:anywhere;font-weight:500}.quizzes__meta{font-size:var(--text-sm);color:var(--color-muted)}.phone{gap:var(--space-md);width:100%;max-width:30rem;padding:var(--space-lg) var(--space-md);align-content:start;margin-inline:auto;display:grid}.phone h1{font-size:var(--text-2xl)}.join{gap:var(--space-sm)}.join__lead{color:var(--color-muted)}.join__form{gap:var(--space-md);margin-top:var(--space-sm);display:grid}.play__bar{justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);display:flex}.play__name{color:var(--color-ink);overflow-wrap:anywhere;text-align:end;font-weight:500}.play__prompt{font-size:var(--text-xl)}.play__body{gap:var(--space-md);display:grid}.answers{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.answer{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);min-height:104px;padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-rule);font:500 var(--text-lg)/1.2 var(--font-body);text-align:start;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:0;flex-direction:column;display:flex;position:relative}.answer:hover:not(:disabled){background:var(--color-paper-3)}.answer:active:not(:disabled){transform:scale(.98)}.answer:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.answer:disabled{cursor:default}.answer__text{overflow-wrap:break-word;min-width:0}.answer__tag{top:var(--space-sm);right:var(--space-sm);font-size:var(--text-sm);font-weight:500;position:absolute}.answer.is-chosen{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.answer.is-chosen .mark__shape{fill:var(--color-accent-ink)}.answer.is-chosen .mark__letter{color:var(--color-accent-ink)}.answer.is-correct{background:var(--color-success-soft);color:var(--color-ink);box-shadow:inset 0 0 0 3px var(--color-success)}.answer.is-correct .mark__shape{fill:var(--color-success)}.answer.is-correct .mark__letter,.answer.is-correct .answer__tag{color:var(--color-success)}.answer.is-wrong{background:var(--color-error-soft);color:var(--color-ink);box-shadow:inset 0 0 0 3px var(--color-error)}.answer.is-wrong .mark__shape{fill:var(--color-error)}.answer.is-wrong .mark__letter,.answer.is-wrong .answer__tag{color:var(--color-error)}.answer.is-dim:not(.is-wrong){color:var(--color-muted)}.answer.is-dim:not(.is-wrong) .mark__shape{fill:var(--color-rule-2)}.status{min-height:1lh}.status__title{font:500 var(--text-xl)/1.2 var(--font-display);font-variant-numeric:tabular-nums}.status__line{color:var(--color-ink-2)}.status__next{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted)}.status--ok .status__title{color:var(--color-success)}.status--bad .status__title{color:var(--color-error)}.hint{gap:var(--space-xs);justify-items:start;display:grid}.hint__cost{font-size:var(--text-sm);color:var(--color-muted)}.hint__text{padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2)}.host{gap:var(--space-md) var(--space-lg);grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""now""actions""end""players";align-content:start;width:100%;display:grid}.host__bar{justify-content:space-between;align-items:center;gap:var(--space-sm);grid-area:bar;display:flex}.host__title{min-width:0}.host__title h1{max-width:none;font-size:var(--text-xl)}.host__code{font-size:var(--text-sm);color:var(--color-muted)}.conn{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-sm);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);color:var(--color-ink-2);flex-shrink:0}.conn--reconnecting{background:var(--color-accent-soft);color:var(--color-ink);box-shadow:none}.conn--offline{background:var(--color-error-soft);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-error)}.host__now{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);grid-area:now;align-content:start;display:grid}.host__now h2{font-size:var(--text-display)}.host__now .btn{justify-self:start}.host__pos{color:var(--color-muted)}.host__prompt{font-size:var(--text-lg);max-width:none}.qimage--host{max-height:40dvh}.hostopts{gap:var(--space-xs);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.hostopt{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.hostopt__text{overflow-wrap:break-word;min-width:0}.hostopt__n{font:300 var(--text-xl)/1 var(--font-display)}.hostopt.is-correct{background:var(--color-success-soft);box-shadow:inset 0 0 0 2px var(--color-success)}.hostopt.is-correct .mark__shape{fill:var(--color-success)}.hostopt.is-dim{color:var(--color-muted)}.hostopt.is-dim .mark__shape{fill:var(--color-rule-2)}.host__actions{z-index:var(--z-sticky);gap:var(--space-sm);padding-block:var(--space-sm);background:var(--color-paper);box-shadow:0 -1px 0 var(--color-rule);grid-area:actions;display:grid;position:sticky;bottom:0}.host__facts{gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;margin:0;display:flex}.host__facts div{align-items:baseline;gap:var(--space-xs);display:flex}.host__facts dt{font-size:var(--text-sm);color:var(--color-muted)}.host__facts dd{font:300 var(--text-xl)/1.1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.host__facts .timer{min-width:11rem}.host__facts .timer__figure{font-size:var(--text-xl)}.host__hint{font-size:var(--text-sm);color:var(--color-muted)}.host__end{grid-area:end}.host__end:empty{display:none}.confirm{gap:var(--space-sm);display:grid}.confirm__q{font-weight:500}.confirm__row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.host__players{gap:var(--space-sm);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);grid-area:players;align-content:start;display:grid}.host__players h2{font-size:var(--text-xl)}.host__players .roster li,.host__players .board{font-size:var(--text-md)}.joinbox{gap:var(--space-md);align-items:center;display:grid}.joinbox__text{gap:var(--space-sm);align-content:start;min-width:0;display:grid}.joinbox__how{font-size:var(--text-md);color:var(--color-ink-2)}.joinbox__code{font:300 var(--text-4xl)/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.joinbox__gap{width:.35em;display:inline-block}.joinbox__link{font-size:var(--text-sm);color:var(--color-muted);overflow-wrap:anywhere}.joinbox__qr{gap:var(--space-xs);justify-items:start;display:grid}.joinbox__qrbox{aspect-ratio:1;width:200px;padding:var(--space-sm);border-radius:var(--radius-card);background:var(--color-paper-3);place-items:center;display:grid}.joinbox__or{font-size:var(--text-sm);color:var(--color-muted)}.qr{width:100%;height:auto;display:block}.joinbox--stage .joinbox__how{font-size:var(--text-lg)}.joinbox--stage .joinbox__code{font-size:var(--text-6xl)}.joinbox--stage .joinbox__qrbox{width:240px;padding:var(--space-md)}.joinbox--stage .joinbox__or{font-size:var(--text-md)}.lobby,.stage{width:100%;max-width:var(--container-stage);padding:var(--space-xl) var(--gutter);margin-inline:auto}.lobby{gap:var(--space-xl);display:grid}.lobby__join{gap:var(--space-lg);align-content:start;display:grid}.lobby__join h1{font-size:var(--text-3xl);max-width:24ch}.lobby__rules{gap:var(--space-2xs);color:var(--color-muted);margin:0;padding:0;list-style:none;display:grid}.lobby__players{gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.lobby__players h2{font-size:var(--text-2xl)}.lobby__empty{color:var(--color-muted)}.roster{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.roster li{padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);font-size:var(--text-lg);overflow-wrap:anywhere}.stage{gap:var(--space-lg);display:grid}.stage__bar{justify-content:space-between;align-items:center;gap:var(--space-md);font-size:var(--text-lg);flex-wrap:wrap;display:flex}.stage__count{color:var(--color-muted)}.stage__state{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.stage__closed{font-weight:500}.stage__prompt{font-size:var(--text-2xl);max-width:none}.stage__cols,.stage__q{gap:var(--space-lg);align-content:start;min-width:0;display:grid}.stage__body{gap:var(--space-lg);display:grid}.qimage--stage{max-height:58dvh}.stage__notes{gap:var(--space-sm);align-content:start;display:grid}.stage__notes h2{font-size:var(--text-xl)}.stage__notes ul{gap:var(--space-xs);padding-left:var(--space-md);margin:0;display:grid}.stage__ref{color:var(--color-muted)}.stage__board{gap:var(--space-sm);align-content:start;display:grid}.stage__board h2{font-size:var(--text-xl)}.stage__board .board{font-size:var(--text-lg)}.stage__options{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.opt{align-items:center;gap:var(--space-xs) var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);font:500 var(--text-xl)/1.15 var(--font-body);grid-template-columns:auto minmax(0,1fr);display:grid}.opt .mark__shape{width:40px;height:40px}.opt .mark__letter{font-size:var(--text-xl)}.opt__text{overflow-wrap:break-word;min-width:0}.opt__dist{align-items:center;gap:var(--space-sm);grid-column:1/-1;grid-template-columns:3ch minmax(0,1fr);display:grid}.opt__n{font:300 var(--text-xl)/1 var(--font-display)}.opt__bar{border-radius:var(--radius-pill);background:var(--color-paper-3);height:10px;overflow:hidden}.opt__bar>span{background:var(--color-accent);transform-origin:0;height:100%;transition:transform var(--dur-long) var(--ease-out);display:block}.opt.is-correct{background:var(--color-success-soft);box-shadow:inset 0 0 0 3px var(--color-success)}.opt.is-correct .mark__shape{fill:var(--color-success)}.opt.is-correct .opt__bar>span{background:var(--color-success)}.opt.is-dim{color:var(--color-muted)}.opt.is-dim .mark__shape{fill:var(--color-rule-2)}.board{border-collapse:collapse;width:100%;font-size:var(--text-xl)}.board th{padding:var(--space-xs) var(--space-md) var(--space-xs) 0;font-size:var(--text-sm);color:var(--color-muted);text-align:start;white-space:nowrap;font-weight:400}.board th.num,.board__score{text-align:end;padding-right:0}.board td{padding:var(--space-sm) var(--space-md) var(--space-sm) 0;border-top:var(--rule-hair) solid var(--color-rule)}.board__place{width:4ch;color:var(--color-muted);font-weight:300}.board__name{overflow-wrap:anywhere}.board__score{font-weight:300}.board .is-first .board__place,.board .is-first .board__score{color:var(--color-accent);font-weight:500}.stage__empty{color:var(--color-muted)}@container (width>=40rem){.stage__options{grid-template-columns:repeat(2,minmax(0,1fr))}.shell__name{display:inline}.page__head h1{font-size:var(--text-3xl)}.answers{gap:var(--space-md)}.joinbox--host{grid-template-columns:minmax(0,1fr) auto}.joinbox--host .joinbox__code{font-size:var(--text-5xl)}}@container (width>=60rem){.page{padding-top:var(--space-lg)}.join{max-width:28rem;padding-top:var(--space-3xl)}.play{max-width:64rem;padding:var(--space-xl) var(--space-lg)}.play__prompt{font-size:var(--text-3xl);max-width:none}.play__body:not(.play__body--bare){align-items:start;gap:var(--space-lg);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.play__body--bare .answers{gap:var(--space-md)}.answer{min-height:128px;padding:var(--space-lg);font-size:var(--text-xl)}.play .qimage--phone{max-height:52dvh}.play .status__title{font-size:var(--text-2xl);font-variant-numeric:tabular-nums}.host{grid-template:"bar bar""now actions""now end""now players"1fr/minmax(0,1fr) minmax(20rem,24rem)}.host__title h1{font-size:var(--text-2xl)}.host__now{padding:var(--space-xl)}.host__prompt{font-size:var(--text-xl)}.host__actions{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:none;position:static}.hostopts{grid-template-columns:repeat(2,minmax(0,1fr))}.joinbox--host .joinbox__code{font-size:var(--text-6xl)}.lobby{padding-block:var(--space-2xl)}.joinbox--stage{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) auto}.joinbox--stage .joinbox__how{font-size:var(--text-xl)}.joinbox--stage .joinbox__code{font-size:var(--text-7xl)}.lobby__join h1{font-size:var(--text-4xl)}.lobby__rules,.stage__notes{font-size:var(--text-lg)}.stage__bar{font-size:var(--text-xl)}.stage__prompt{font-size:var(--text-4xl)}.stage--reveal .stage__body:has(.stage__notes){grid-template-columns:minmax(0,1fr) 20rem}.opt{font-size:var(--text-2xl)}.board{font-size:var(--text-3xl)}}@container (width>=75rem){.stage:not(.stage--reveal) .stage__options--n4{grid-template-columns:repeat(4,minmax(0,1fr))}.stage--reveal .stage__cols{grid-template-columns:minmax(0,1fr) 26rem;align-items:start}.stage__prompt{font-size:var(--text-5xl)}}@container (width>=100rem){.stage--reveal .stage__options--n4{grid-template-columns:repeat(4,minmax(0,1fr))}.stage__prompt{font-size:var(--text-6xl)}.stage__bar,.lobby__rules{font-size:var(--text-2xl)}.opt{font-size:var(--text-3xl)}.joinbox--stage .joinbox__qrbox{width:320px}}.design{gap:var(--space-2xl);padding-block:var(--space-xl) var(--space-3xl);display:grid}.design__head{gap:var(--space-xs);display:grid}.design__head h1{font-size:var(--text-3xl)}.design__head p{color:var(--color-muted)}.design section{gap:var(--space-lg);display:grid}.design h2{font-size:var(--text-2xl)}.spec-row{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,22.5rem),1fr));align-items:start;display:grid}.spec{gap:var(--space-xs);min-width:0;margin:0;display:grid}.spec figcaption{font-size:var(--text-sm);color:var(--color-muted)}.spec__frame{border-radius:var(--radius-card);min-width:0;box-shadow:inset 0 0 0 1px var(--color-rule);container-type:inline-size}.spec__frame .host__actions{position:static}.spec__frame .host{padding:var(--space-md)}.spec__frame .page{padding-bottom:var(--space-lg)}@media (prefers-reduced-motion:reduce){.btn,.answer,.timer__fill,.opt__bar>span,.shell__link{transition:none}.btn:active,.answer:active:not(:disabled){transform:none}}.play--host-question{flex-direction:column;min-height:100dvh;display:flex}.play--host-question .play__body{flex:1;min-height:50dvh}.play--host-question .answers{grid-auto-rows:1fr}.imp__format{min-width:0;padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card)}.imp__format summary,.play__reveal summary{cursor:pointer;padding-block:var(--space-sm);font-weight:500}.imp__format summary:focus-visible,.play__reveal summary:focus-visible,.stage__notes:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.imp__format-body{gap:var(--space-md);padding-top:var(--space-sm);display:grid}.imp__format-body h2{font-size:var(--text-lg)}.imp__format pre{padding:var(--space-md);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-paper-2);border-radius:var(--radius-card);font:var(--text-sm)/1.55 var(--font-body);margin:0}.imp__format code{font:inherit}.reveal-text{white-space:pre-line;overflow-wrap:anywhere}.reveal-caption{font-size:var(--text-sm);color:var(--color-muted)}.stage__notes{overscroll-behavior:contain;min-width:0;max-height:58dvh;padding:var(--space-sm);overflow-y:auto}.stage__text{font-size:var(--text-xl);line-height:1.5}.stage__ref{font-size:var(--text-lg)}.host__reveal{gap:var(--space-xs);font-size:var(--text-sm);display:grid}.play__reveal{gap:var(--space-xs);padding:var(--space-md);background:var(--color-paper-2);border-radius:var(--radius-card);display:grid}.play__reveal>div{gap:var(--space-sm);display:grid}@container (width>=70rem){.stage--reveal .stage__body:has(.stage__notes){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.lib,.ed,.imp{gap:var(--space-lg);min-width:0;display:grid}.lib__muted{color:var(--color-muted)}.lib__row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.lib__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.lib__card{gap:var(--space-xs);min-width:0;padding:var(--space-md);border-radius:var(--radius-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);align-content:start;display:grid}.lib__cover{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--color-paper-3);margin:0;overflow:hidden}.lib__cover>img{object-fit:contain;width:100%;height:100%}.lib__title{font-size:var(--text-lg);max-width:none;line-height:1.2}.lib__title a{text-decoration:none}.lib__title a:hover{text-decoration:underline}.lib__meta{font-size:var(--text-sm);color:var(--color-muted)}.lib__actions{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.lib__tabs{gap:var(--space-2xs);border-bottom:var(--rule-hair) solid var(--color-rule);flex-wrap:wrap;display:flex}.lib__tab{min-height:44px;padding:var(--space-xs) var(--space-md);color:var(--color-ink-2);font:500 var(--text-md)/1.2 var(--font-body);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000}.lib__tab:hover{background:var(--color-paper-2)}.lib__tab[aria-selected=true]{border-bottom-color:var(--color-accent);color:var(--color-ink)}.lib__tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.lib__badge{padding:0 var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-ink);font-size:var(--text-xs);vertical-align:middle;white-space:nowrap;margin-inline-start:var(--space-xs);font-weight:500}.ed [hidden]{display:none}.ed__ro{border:0;min-width:0;margin:0;padding:0}.ed__ro.is-readonly .ed__mut{display:none}.ed__ro.is-readonly :disabled{opacity:1;color:var(--color-ink);cursor:default}.ed__ro-banner{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-accent-soft);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);justify-items:start;display:grid}.ed__ro-text{max-width:60ch}.ed__bar{align-items:center;gap:var(--space-xs) var(--space-md);z-index:var(--z-sticky);padding-block:var(--space-xs);background:var(--color-paper);flex-wrap:wrap;display:flex;position:sticky;top:0}.ed__status{padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-sm);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);font-weight:500}.ed__status--dirty,.ed__status--saving{background:var(--color-accent-soft);box-shadow:none}.ed__status--saved{color:var(--color-success)}.ed__status--offline,.ed__status--conflict{background:var(--color-error-soft);box-shadow:inset 0 0 0 1.5px var(--color-error)}.ed__note{font-size:var(--text-sm);color:var(--color-ink-2)}.ed__conflict{gap:var(--space-sm);justify-items:start;display:grid}.ed__cols{gap:var(--space-lg);align-items:start;display:grid}.ed__side{gap:var(--space-sm);min-width:0;display:grid}.ed__list{gap:var(--space-2xs);max-height:40dvh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ed__row{align-items:center;gap:var(--space-2xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.ed__list>li:not(.ed__row){display:grid}.ed__item{align-items:center;gap:var(--space-2xs) var(--space-xs);min-height:44px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-card);color:var(--color-ink);font:400 var(--text-md)/1.3 var(--font-body);text-align:start;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;min-width:0;display:flex}.ed__item:hover{background:var(--color-paper-2)}.ed__item[aria-current=true]{background:var(--color-accent-soft);font-weight:500}.ed__item-title{overflow-wrap:anywhere;min-width:0}.ed__badge{padding:0 var(--space-xs);border-radius:var(--radius-pill);font-size:var(--text-xs);box-shadow:inset 0 0 0 1px var(--color-rule-2);color:var(--color-ink-2);white-space:nowrap}.ed__badge--bad{background:var(--color-error-soft);box-shadow:inset 0 0 0 1px var(--color-error);color:var(--color-ink)}.ed__move{gap:var(--space-3xs);display:inline-flex}.ed__icon{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-ink);font-size:var(--text-lg);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.ed__icon:hover:not(:disabled){background:var(--color-paper-2)}.ed__icon:disabled{opacity:.35;cursor:not-allowed}.ed__add{justify-self:start}.ed__pane{min-width:0}.ed__pane h2{max-width:none;font-size:var(--text-xl)}.ed__form{gap:var(--space-md);max-width:44rem;display:grid}.ed__form [data-pane-title]:focus{outline:none}.ed__form [data-pane-title]:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.ed__fs{gap:var(--space-sm);min-width:0;padding:var(--space-md);border-radius:var(--radius-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);border:0;margin:0;display:grid}.ed__fs>legend{padding-inline:var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}.ed__ta{min-height:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);resize:vertical;line-height:1.4}.ed__check{align-items:center;gap:var(--space-xs);cursor:pointer;min-height:44px;display:flex}.ed__check input,.ed__opt input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--color-accent);flex-shrink:0;margin:0}.ed__label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}.ed__opts{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.ed__opt{align-items:center;gap:var(--space-xs);grid-template-columns:auto auto minmax(0,1fr) auto;display:grid}.ed__letter{width:1.5ch;color:var(--color-muted);font-weight:500}.ed__opt-err{grid-column:3/-1}.ed__image{gap:var(--space-xs);justify-items:start;display:grid}.ed__preview{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--color-paper-3);width:100%;max-width:28rem;margin:0;overflow:hidden}.ed__preview>img{object-fit:contain;width:100%;height:100%}.ed__row-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.ed__file{cursor:pointer}.ed__file:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.ed__file[aria-busy=true]{cursor:progress;opacity:.7}.ed__danger{padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}@media (width>=60rem){.ed__cols{gap:var(--space-xl);grid-template-columns:20rem minmax(0,1fr)}.ed__side{top:var(--space-3xl);max-height:calc(100dvh - var(--space-3xl) - var(--space-md));grid-template-rows:minmax(0,1fr) auto auto;position:sticky}.ed__list{max-height:none}.ed__bar{top:0}}.imp__pick{gap:var(--space-md);justify-items:start;display:grid}.imp__pick h2{max-width:none;font-size:var(--text-xl)}.imp__progress{width:100%;max-width:28rem;height:10px;accent-color:var(--color-accent)}.imp__top{gap:var(--space-sm);max-width:44rem;display:grid}.imp__sum{font-weight:500}.imp__warn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2)}.imp__warn summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.imp__warn ul{margin:0 0 var(--space-xs);padding-left:var(--space-md);gap:var(--space-2xs);display:grid}.imp__list{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.imp__item{gap:var(--space-sm);min-width:0;padding:var(--space-md);border-radius:var(--radius-card);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2);display:grid}.imp__item.is-bad{box-shadow:inset 0 0 0 2px var(--color-error)}.imp__item.is-off{background:var(--color-paper-2);box-shadow:none}.imp__head{align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;display:flex}.imp__src{min-width:0;font-size:var(--text-sm);color:var(--color-muted);overflow-wrap:anywhere;flex:8rem}.imp__body{gap:var(--space-md);min-width:0;display:grid}.imp__thumb{max-width:22rem}.imp__fields{gap:var(--space-sm);min-width:0;display:grid}.imp__notes{gap:var(--space-2xs);padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);font-size:var(--text-sm);margin:0;display:grid}.imp__notes--bad{background:var(--color-error-soft);box-shadow:inset 0 0 0 1px var(--color-error)}.imp__foot{justify-content:space-between;gap:var(--space-sm);z-index:var(--z-sticky);padding-block:var(--space-sm);background:var(--color-paper);flex-wrap:wrap;display:flex;position:sticky;bottom:0}@media (width>=60rem){.imp__body{grid-template-columns:20rem minmax(0,1fr);align-items:start}.imp__thumb{max-width:none}}@media (prefers-reduced-motion:reduce){.ed__item,.ed__icon{transition:none}}:root{--font-code:ui-monospace, "SF Mono", Menlo, Consolas, monospace}.tok{gap:var(--space-xl);min-width:0;display:grid}.tok__section{gap:var(--space-md);min-width:0;display:grid}.tok__section>h2{max-width:none;font-size:var(--text-xl);text-wrap:balance}.tok__muted{color:var(--color-muted)}.tok__form{gap:var(--space-sm);align-items:end;display:grid}.tok__form>.btn{justify-self:start}.tok__fresh{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-accent-soft);display:grid}.tok__warn{font-weight:500}.tok__copy{gap:var(--space-2xs);min-width:0;display:grid}.tok__copy-head{align-items:center;gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap;display:flex}.tok__label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}.tok__status{font-size:var(--text-sm);color:var(--color-muted)}.tok__code{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule);font:400 var(--text-sm)/1.5 var(--font-code);white-space:pre-wrap;overflow-wrap:break-word;-webkit-user-select:all;user-select:all;margin:0}.tok__code:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tok__list{margin:0;padding:0;list-style:none;display:grid}.tok__item{align-items:start;gap:var(--space-xs) var(--space-md);padding-block:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.tok__item:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.tok__info{gap:var(--space-2xs);min-width:0;display:grid}.tok__name{max-width:none;font-size:var(--text-lg);overflow-wrap:anywhere}.tok__dates{gap:var(--space-2xs) var(--space-lg);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.tok__dates dt{color:var(--color-muted)}.tok__dates dd{margin:0}.tok__confirm{grid-column:1/-1}@media (width>=40rem){.tok__form{grid-template-columns:minmax(0,1fr) auto}.tok__form>.btn{justify-self:stretch}}