: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;--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}.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__wait{gap:var(--space-xs);padding-block:var(--space-2xl);display:grid}.play__wait p{color:var(--color-muted)}.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)}.status__line{color:var(--color-ink-2)}.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-lg);width:100%;max-width:32rem;padding:var(--space-md);margin-inline:auto;display:grid}.host__bar{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.host__title{min-width:0}.host__quiz{overflow-wrap:break-word;font-weight:500}.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-sm);padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);display:grid}.host__now h1{font-size:var(--text-display)}.host__pos{color:var(--color-muted)}.host__prompt{font-size:var(--text-lg)}.host__facts{gap:var(--space-md);margin:var(--space-xs) 0 0;padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.host__facts dt{font-size:var(--text-sm);color:var(--color-muted)}.host__facts dd{font:300 var(--text-2xl)/1.1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.host__facts .timer__figure{font-size:var(--text-2xl)}.host__hint{font-size:var(--text-sm);color:var(--color-ink-2)}.host__actions{z-index:var(--z-sticky);gap:var(--space-sm);padding-block:var(--space-sm);background:var(--color-paper);display:grid;position:sticky;bottom:0}.host__done{color:var(--color-muted)}.host__end{padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.confirm{gap:var(--space-sm);display:grid}.confirm__q{font-weight:500}.confirm__row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.lobby,.stage{width:100%;max-width:var(--container);padding:var(--space-xl) var(--gutter);margin-inline:auto}.lobby{gap:var(--space-xl);display:grid}.lobby__join{gap:var(--space-md);align-content:start;display:grid}.lobby__join h1{font-size:var(--text-3xl);max-width:24ch}.lobby__how{font-size:var(--text-lg);color:var(--color-ink-2)}.lobby__code{font:300 var(--text-6xl)/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.lobby__gap{width:.35em;display:inline-block}.lobby__rules{gap:var(--space-2xs);color:var(--color-muted);margin:0;padding:0;list-style:none;display:grid}.lobby__qr{aspect-ratio:1;width:240px;padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);place-items:center;display:grid}.qr{width:100%;height:auto;display:block}.lobby__qr-empty{font-size:var(--text-sm);color:var(--color-muted);text-align:center}.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)}.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__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__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)}@media (width>=40rem){.stage__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=60rem){.lobby{grid-template-columns:minmax(0,1fr) auto;align-items:start}.lobby__players{grid-column:1/-1}.lobby__join h1{font-size:var(--text-4xl)}.lobby__code{font-size:var(--text-7xl)}.lobby__how{font-size:var(--text-xl)}.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)}}@media (width>=75rem){.stage__options--n4{grid-template-columns:repeat(4,minmax(0,1fr))}.stage__prompt{font-size:var(--text-5xl)}}.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)}.spec__frame .host__actions{position:static}@media (prefers-reduced-motion:reduce){.btn,.answer,.timer__fill,.opt__bar>span{transition:none}.btn:active,.answer:active:not(:disabled){transform:none}}.library__who{justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);overflow-wrap:anywhere;display:flex}.quizzes{gap:var(--space-sm);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);justify-items:start;display:grid}.quizzes__title{overflow-wrap:anywhere;font-weight:500}.quizzes__meta{font-size:var(--text-sm);color:var(--color-muted)}.host-foot{width:100%;max-width:32rem;padding:0 var(--space-md) var(--space-lg);font-size:var(--text-sm);color:var(--color-muted);overflow-wrap:anywhere;margin-inline:auto}