:root{color-scheme:light dark;--brand-500: #5b4be8;--brand-600: #4a3ad4;--brand-700: #3a2cb0;--brand-300: #9c92f2;--accent-400: #ffc94a;--accent-500: #f5b120;--answer-a: #e2503c;--answer-b: #2b74d4;--answer-c: #e0921c;--answer-d: #1d9370;--answer-e: #7c4dd6;--answer-f: #c93b86;--ok-500: #17795c;--ok-100: #d8f2e8;--bad-500: #b3311f;--bad-100: #fbe2de;--warn-500: #9a6708;--bg: #f4f2fd;--bg-elev: #ffffff;--bg-sunken: #eae6fb;--ink: #16123a;--ink-soft: #4a4570;--ink-faint: #736ea0;--line: #ded8f5;--overlay: rgba(22, 18, 58, .55);--step--1: clamp(.82rem, .79rem + .15vw, .9rem);--step-0: clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);--step-3: clamp(1.7rem, 1.35rem + 1.8vw, 2.6rem);--step-4: clamp(2.1rem, 1.5rem + 3vw, 3.6rem);--step-5: clamp(2.6rem, 1.6rem + 5vw, 5.5rem);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--shadow-1: 0 1px 2px rgba(22, 18, 58, .08), 0 2px 8px rgba(22, 18, 58, .06);--shadow-2: 0 4px 12px rgba(22, 18, 58, .1), 0 12px 32px rgba(22, 18, 58, .12);--tap: 48px;--dur-fast: .12s;--dur: .22s;--dur-slow: .42s;--ease: cubic-bezier(.2, .8, .2, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}@media(prefers-color-scheme:dark){:root{--bg: #100d26;--bg-elev: #1b1740;--bg-sunken: #0a0819;--ink: #f2f0ff;--ink-soft: #c2bce8;--ink-faint: #8f88bd;--line: #2e2860;--overlay: rgba(4, 3, 12, .7);--ok-100: #10352a;--bad-100: #3d1712;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-2: 0 4px 12px rgba(0, 0, 0, .45), 0 12px 32px rgba(0, 0, 0, .4)}}:root[data-theme=light]{color-scheme:light;--bg: #f4f2fd;--bg-elev: #ffffff;--bg-sunken: #eae6fb;--ink: #16123a;--ink-soft: #4a4570;--ink-faint: #736ea0;--line: #ded8f5;--ok-100: #d8f2e8;--bad-100: #fbe2de}:root[data-theme=dark]{color-scheme:dark;--bg: #100d26;--bg-elev: #1b1740;--bg-sunken: #0a0819;--ink: #f2f0ff;--ink-soft: #c2bce8;--ink-faint: #8f88bd;--line: #2e2860;--ok-100: #10352a;--bad-100: #3d1712}:root[data-contrast=high]{--line: currentColor;--ink-soft: var(--ink);--ink-faint: var(--ink);--shadow-1: none;--shadow-2: none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter var,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-wrap:break-word}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent-400);outline-offset:3px;border-radius:var(--radius-sm)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.app-root{min-height:100%;min-height:100dvh;display:flex;flex-direction:column}.boot{margin:auto;color:var(--ink-faint)}.screen{flex:1;display:flex;flex-direction:column;padding:calc(var(--safe-t) + var(--space-4)) calc(var(--safe-r) + var(--space-4)) calc(var(--safe-b) + var(--space-4)) calc(var(--safe-l) + var(--space-4));gap:var(--space-4);animation:screen-in var(--dur) var(--ease)}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.screen--centred{align-items:center;justify-content:center;text-align:center}.stack{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.stack--tight{gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row--between{justify-content:space-between}.limit{width:100%;max-width:30rem;margin-inline:auto}.limit--wide{max-width:68rem}.grow{flex:1}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:var(--step--1)}.centre{text-align:center}.title{font-size:var(--step-3);font-weight:800;letter-spacing:-.02em;line-height:1.1}.subtitle{font-size:var(--step-1);font-weight:600;color:var(--ink-soft)}.display{font-size:var(--step-5);font-weight:900;letter-spacing:-.03em;line-height:1}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--step-2);font-weight:900;letter-spacing:-.03em}.wordmark svg{width:1.4em;height:1.4em}.btn{min-height:var(--tap);padding:var(--space-3) var(--space-5);border:2px solid transparent;border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--ink);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);box-shadow:var(--shadow-1)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--brand-500);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-600)}.btn--accent{background:var(--accent-400);color:#2a1d00}.btn--ghost{background:transparent;border-color:var(--line);box-shadow:none}.btn--danger{background:var(--bad-500);color:#fff}.btn--big{font-size:var(--step-1);min-height:60px;padding:var(--space-4) var(--space-6);width:100%}.btn--huge{font-size:var(--step-2);min-height:84px;border-radius:var(--radius-lg);width:100%}.btn--icon{min-width:var(--tap);padding:var(--space-2);border-radius:var(--radius)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.card--flush{padding:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.field label{font-weight:700;font-size:var(--step--1);color:var(--ink-soft)}.input{min-height:56px;padding:var(--space-3) var(--space-4);border:2px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);width:100%;transition:border-color var(--dur-fast) var(--ease)}.input:focus{border-color:var(--brand-500)}.row>.input,.row>.field{flex:1 1 10rem;width:auto;min-width:0}.input[aria-invalid=true]{border-color:var(--bad-500)}.input--pin{font-size:var(--step-4);font-weight:800;text-align:center;letter-spacing:.35em;text-indent:.35em;font-variant-numeric:tabular-nums;min-height:76px}.hint{font-size:var(--step--1);color:var(--ink-faint)}.hint--error{color:var(--bad-500);font-weight:600}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-sunken);font-size:var(--step--1);font-weight:700}.pin-panel{background:var(--brand-500);color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.pin-panel .label{text-transform:uppercase;letter-spacing:.16em;font-size:var(--step--1);font-weight:800;opacity:.85}.pin-value{font-size:var(--step-5);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.08em;line-height:1.05}.answers{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media(min-width:34rem){.answers--pairs{grid-template-columns:1fr 1fr}}.answer{--answer-colour: var(--brand-500);display:flex;align-items:center;gap:var(--space-4);min-height:78px;padding:var(--space-4);border:3px solid transparent;border-radius:var(--radius-lg);background:var(--answer-colour);color:#fff;font-size:var(--step-1);font-weight:700;text-align:left;cursor:pointer;width:100%;transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease),opacity var(--dur) var(--ease)}.answer:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.answer:active:not(:disabled){transform:scale(.985)}.answer[data-key=a]{--answer-colour: var(--answer-a)}.answer[data-key=b]{--answer-colour: var(--answer-b)}.answer[data-key=c]{--answer-colour: var(--answer-c)}.answer[data-key=d]{--answer-colour: var(--answer-d)}.answer[data-key=e]{--answer-colour: var(--answer-e)}.answer[data-key=f]{--answer-colour: var(--answer-f)}.answer__glyph{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;background:#ffffff38;border-radius:var(--radius)}.answer__glyph svg{width:26px;height:26px;fill:#fff}.answer__letter{font-weight:900;opacity:.85;font-size:var(--step-0);min-width:1.2em}.answer__text{flex:1}.answer[aria-pressed=true],.answer[data-selected=true]{border-color:var(--ink);box-shadow:0 0 0 4px var(--bg),0 0 0 7px var(--ink)}.answer[data-outcome=correct]{outline:4px solid var(--ok-500);outline-offset:2px}.answer[data-outcome=wrong]{opacity:.45;filter:grayscale(.5)}.answer:disabled{cursor:default}.answer__mark{font-weight:900;font-size:var(--step-1)}.timer{display:flex;align-items:center;gap:var(--space-3)}.timer__dial{position:relative;width:64px;height:64px;flex:0 0 auto}.timer__dial svg{transform:rotate(-90deg);width:100%;height:100%}.timer__track{fill:none;stroke:var(--line);stroke-width:8}.timer__progress{fill:none;stroke:var(--brand-500);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s var(--ease)}.timer--urgent .timer__progress{stroke:var(--bad-500)}.timer__value{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-variant-numeric:tabular-nums;font-size:var(--step-1)}.progress-track{height:10px;border-radius:var(--radius-pill);background:var(--bg-sunken);overflow:hidden}.progress-fill{height:100%;background:var(--brand-500);border-radius:inherit;transition:width var(--dur) var(--ease)}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--space-3)}.player-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--line);animation:pop-in var(--dur) var(--ease);min-width:0}.player-card[data-offline=true]{opacity:.55}.player-card__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}.avatar{flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-pill);display:grid;place-items:center;font-weight:900;color:#fff;font-size:var(--step--1)}.avatar--lg{width:56px;height:56px;font-size:var(--step-1)}.board{display:flex;flex-direction:column;gap:var(--space-2)}.board__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--line);transition:transform var(--dur-slow) var(--ease)}.board__row[data-you=true]{border-color:var(--brand-500);border-width:2px}.board__rank{font-weight:900;font-variant-numeric:tabular-nums;min-width:2ch}.board__name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__score{font-weight:900;font-variant-numeric:tabular-nums}.board__move{font-size:var(--step--1);font-weight:800;min-width:3.5ch;text-align:right}.board__move[data-dir=up]{color:var(--ok-500)}.board__move[data-dir=down]{color:var(--bad-500)}.verdict{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);text-align:center}.verdict[data-kind=correct]{background:var(--ok-100);border:3px solid var(--ok-500)}.verdict[data-kind=wrong]{background:var(--bad-100);border:3px solid var(--bad-500)}.verdict[data-kind=none]{background:var(--bg-sunken);border:3px dashed var(--line)}.verdict__icon{width:72px;height:72px}.verdict__label{font-size:var(--step-2);font-weight:900;letter-spacing:-.02em}.verdict__points{font-size:var(--step-3);font-weight:900;font-variant-numeric:tabular-nums}.dist{display:flex;flex-direction:column;gap:var(--space-3)}.dist__row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--space-3)}.dist__bar{height:34px;border-radius:var(--radius-sm);background:var(--bg-sunken);overflow:hidden}.dist__fill{height:100%;background:var(--answer-colour, var(--brand-500));border-radius:inherit;transition:width var(--dur-slow) var(--ease);min-width:3px}.dist__row[data-key=a]{--answer-colour: var(--answer-a)}.dist__row[data-key=b]{--answer-colour: var(--answer-b)}.dist__row[data-key=c]{--answer-colour: var(--answer-c)}.dist__row[data-key=d]{--answer-colour: var(--answer-d)}.dist__row[data-key=e]{--answer-colour: var(--answer-e)}.dist__row[data-key=f]{--answer-colour: var(--answer-f)}.dist__count{font-weight:800;font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-3);max-width:40rem;margin-inline:auto;width:100%}.podium__place{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1 0;min-width:0;max-width:13rem}.podium__place[data-rank="1"]{order:2}.podium__place[data-rank="2"]{order:1}.podium__place[data-rank="3"]{order:3}.podium__block{width:100%;border-radius:var(--radius) var(--radius) 0 0;background:var(--brand-500);color:#fff;display:grid;place-items:center;font-size:var(--step-3);font-weight:900}.podium__place[data-rank="1"] .podium__block{height:9rem;background:var(--accent-400);color:#2a1d00}.podium__place[data-rank="2"] .podium__block{height:6.5rem}.podium__place[data-rank="3"] .podium__block{height:5rem;background:var(--brand-300);color:#1a1244}.conn{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--safe-t) + var(--space-2));z-index:60;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--ink);color:var(--bg);font-size:var(--step--1);font-weight:700;box-shadow:var(--shadow-2)}.conn[data-status=connected]{display:none}.conn[data-status=failed]{background:var(--bad-500);color:#fff}.spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + var(--space-4));z-index:70;display:flex;flex-direction:column;gap:var(--space-2);width:min(28rem,calc(100vw - 2rem))}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--ink);color:var(--bg);font-weight:600;box-shadow:var(--shadow-2);animation:toast-in var(--dur) var(--ease)}.toast[data-kind=error]{background:var(--bad-500);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.modal-host{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:var(--overlay);padding:var(--space-4)}.modal{background:var(--bg-elev);border-radius:var(--radius-lg);padding:var(--space-5);width:min(26rem,100%);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-2)}.host-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stat{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--line);min-width:7rem}.stat__value{font-size:var(--step-2);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1}.stat__label{font-size:var(--step--1);color:var(--ink-faint);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.quiz-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-3)}.quiz-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius);background:var(--bg-elev);border:2px solid var(--line);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.quiz-card:hover{border-color:var(--brand-300);transform:translateY(-2px)}.quiz-card[aria-pressed=true]{border-color:var(--brand-500);background:var(--bg-sunken)}.quiz-card__title{font-weight:800;font-size:var(--step-1)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3)}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);cursor:pointer}.switch input{width:1.25rem;height:1.25rem;accent-color:var(--brand-500)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.review-panel{width:min(640px,100%);margin:var(--space-4) auto 0;text-align:start;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.review-panel>summary{cursor:pointer;padding:var(--space-3) var(--space-4);font-weight:700;color:var(--ink-soft);border-radius:var(--radius)}.review-panel>summary:hover{color:var(--ink)}.review-panel>summary:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}.review{margin:0;padding:0 var(--space-4) var(--space-4);list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.review__item{padding-top:var(--space-4);border-top:1px solid var(--line)}.review__item:first-child{border-top:none;padding-top:0}.review__question{margin:0 0 var(--space-2);font-weight:700;color:var(--ink)}.review__line{margin:0 0 var(--space-1);display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--step--1)}.review__label{flex:0 0 auto;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.72em;align-self:center}.review__line--wrong{color:var(--bad-500)}.review__line--right{color:var(--ok-500)}.review__why{margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);background:var(--bg-sunken);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:var(--step--1)}.badge--full{background:var(--warn-500);color:#fff}.badge--pro{background:var(--accent-500);color:var(--ink)}.plan-list{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--space-1);color:var(--ink-soft)}.plan-options{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.plan-option{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);color:var(--ink);text-decoration:none;text-align:center;align-items:center;justify-content:center}.plan-option:hover{border-color:var(--brand-500)}.plan-option:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}.plan-option--disabled{opacity:.5;pointer-events:none}.clerk-mount{display:flex;justify-content:center;width:100%}.category-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-column:1 / -1}.category-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);min-height:132px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);color:var(--ink);cursor:pointer;text-align:center;transition:border-color .12s ease,transform .12s ease}.category-tile:hover{border-color:var(--brand-500);transform:translateY(-2px)}.category-tile:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}.category-tile svg{width:34px;height:34px;color:var(--brand-500)}.category-tile--all{background:var(--bg-sunken);border-style:dashed}.category-tile--all svg{color:var(--ink-faint)}.category-tile__label{font-weight:700;line-height:1.2}.category-tile__count{font-size:var(--step--1);color:var(--ink-faint)}.category-bar{grid-column:1 / -1;margin-bottom:var(--space-2)}@media(prefers-reduced-motion:reduce){.category-tile:hover{transform:none}}.home-actions{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media(min-width:34rem){.home-actions{grid-template-columns:repeat(2,1fr)}}@media(min-width:54rem){.home-actions{grid-template-columns:repeat(3,1fr)}}.home-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-5);min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elev);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.home-action:hover{border-color:var(--brand-500);transform:translateY(-2px)}.home-action:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}.home-action svg{width:26px;height:26px;color:var(--brand-500);margin-bottom:var(--space-1)}.home-action--primary{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.home-action--primary svg{color:#fff}.home-action--primary .home-action__hint{color:#ffffffd9}.home-action--primary:hover{border-color:#fff}.home-action__label{font-weight:700;font-size:var(--step-1);line-height:1.2}.home-action__hint{font-size:var(--step--1);color:var(--ink-faint);line-height:1.35}.home-secondary{border-top:1px solid var(--line);padding-top:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.home-action:hover{transform:none}}.home-topics{margin-top:var(--space-2)}.topic-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:34rem){.topic-row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding:3px;margin:-3px;scrollbar-width:none}.topic-row::-webkit-scrollbar{display:none}.topic-chip{scroll-snap-align:start;flex:0 0 auto}}.topic-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--ink);font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.topic-chip:hover{border-color:var(--brand-500);transform:translateY(-1px)}.topic-chip:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}.topic-chip svg{width:20px;height:20px;color:var(--brand-500)}.badge--go{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.score-value{font-size:var(--step-5);font-weight:800;line-height:1}.browse-search{grid-column:1 / -1;gap:var(--space-2);margin-bottom:var(--space-3)}.browse-search .input{flex:1 1 auto;min-width:0}.page-nav{gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}a.wordmark{text-decoration:none;color:inherit;border-radius:var(--radius-sm)}a.wordmark:hover{opacity:.85}a.wordmark:focus-visible{outline:3px solid var(--brand-500);outline-offset:3px}.page-nav__back{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--space-2);color:var(--ink-soft);font-weight:600;text-decoration:none;border-radius:var(--radius-sm)}.page-nav__back:hover{color:var(--ink)}.page-nav__back:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}.stage{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,3vw,3rem);background:var(--bg);color:var(--ink);text-align:center}.stage__title{font-size:clamp(2rem,6vw,6rem);font-weight:800;line-height:1.05;margin:0}.stage__label{font-size:clamp(.9rem,1.6vw,1.8rem);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:0 0 .5em}.stage__lobby{display:grid;gap:clamp(1rem,3vh,3rem);width:100%;max-width:1600px}.stage__brand{display:grid;justify-items:center;gap:.5rem}.stage__join{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1rem,4vw,5rem)}@media(max-width:60rem){.stage__join{grid-template-columns:1fr}}.stage__qr svg{width:clamp(180px,26vw,420px);height:auto;border-radius:12px}.stage__url{font-size:clamp(.9rem,1.4vw,1.6rem);color:var(--ink-soft);margin:.6em 0 0;word-break:break-all}.stage__pin-value{font-size:clamp(2.5rem,8vw,9rem);font-weight:800;line-height:1;letter-spacing:.04em;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.stage__count{font-size:clamp(1.2rem,2.6vw,3rem);color:var(--ink-soft);margin:0}.stage__question{display:grid;gap:clamp(.75rem,2vh,2rem);width:100%;max-width:1800px}.stage__meta{display:flex;justify-content:space-between;font-size:clamp(.9rem,1.6vw,1.8rem);color:var(--ink-faint)}.stage__prompt{font-size:clamp(1.6rem,4.2vw,4.5rem);font-weight:700;line-height:1.15;margin:0}.stage__options{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1.5vw,1.5rem)}@media(max-width:50rem){.stage__options{grid-template-columns:1fr}}.stage__option{position:relative;display:flex;align-items:center;gap:clamp(.5rem,1.2vw,1.2rem);padding:clamp(.6rem,1.6vw,1.6rem);border-radius:var(--radius-lg);background:var(--bg-elev);border:2px solid var(--line);font-size:clamp(1rem,2.4vw,2.6rem);text-align:left;overflow:hidden}.stage__option-glyph svg,.stage__option-glyph{width:clamp(20px,2.4vw,44px);height:clamp(20px,2.4vw,44px);flex:0 0 auto}.stage__option-letter{font-weight:800;opacity:.5;flex:0 0 auto}.stage__option-text{flex:1 1 auto}.stage__bar{position:absolute;inset:0 auto 0 0;background:color-mix(in oklab,var(--brand-500) 22%,transparent);z-index:0;transition:width .6s var(--ease)}.stage__option>*{position:relative;z-index:1}.stage__option-count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink-soft)}.stage__option[data-outcome=correct]{border-color:var(--ok-500);background:color-mix(in oklab,var(--ok-500) 18%,var(--bg-elev))}.stage__option[data-outcome=wrong]{opacity:.55}.stage__explanation{font-size:clamp(1rem,2vw,2rem);color:var(--ink-soft);margin:0}.stage__board,.stage__podium{display:grid;gap:clamp(1rem,3vh,2.5rem);width:100%;max-width:1400px}.stage__ranks{list-style:none;margin:0;padding:0;display:grid;gap:clamp(.35rem,1vh,.9rem)}.stage__rank{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.5rem,2vw,2rem);padding:clamp(.4rem,1.2vh,1.1rem) clamp(.75rem,2vw,2rem);border-radius:var(--radius-lg);background:var(--bg-elev);font-size:clamp(1.1rem,2.6vw,2.8rem)}.stage__rank-place{font-weight:800;color:var(--ink-faint);min-width:2ch;text-align:right}.stage__rank-name{text-align:left}.stage__rank-score{font-weight:800;font-variant-numeric:tabular-nums}.stage__steps{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:clamp(.5rem,2vw,2rem)}.stage__step{display:grid;gap:.25em;padding:clamp(.75rem,2vh,2rem) clamp(.5rem,1.5vw,1.5rem);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-elev);font-size:clamp(.9rem,2vw,2.2rem)}.stage__step--1{background:color-mix(in oklab,var(--accent-500) 30%,var(--bg-elev));min-height:clamp(8rem,26vh,22rem)}.stage__step--2{min-height:clamp(6rem,20vh,17rem)}.stage__step--3{min-height:clamp(5rem,16vh,13rem)}.stage__step-place{font-size:clamp(2rem,6vw,6rem);font-weight:800;line-height:1}.stage__step-name{font-weight:700}.stage__step-score{color:var(--ink-soft);font-variant-numeric:tabular-nums}.stage__buzzer{display:grid;place-items:center;width:100%;min-height:70vh}.stage__buzz-call{font-size:clamp(3rem,16vw,16rem);font-weight:900;letter-spacing:.02em;margin:0;color:var(--accent-500)}.stage__buzz-name{font-size:clamp(2.5rem,10vw,10rem);font-weight:800;margin:0}.stage__waiting{display:grid;place-items:center}.director__wrap{width:100%;display:grid;gap:var(--space-2);justify-items:start}.director{display:grid;gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken)}.director__group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.director__group--wide .input{flex:1 1 8rem;min-width:0}.director__label{font-size:var(--step--1);font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;min-width:7rem}.buzz-panel{display:grid;place-items:center;gap:var(--space-4);min-height:60vh;text-align:center}.buzz-button{width:min(70vw,22rem);aspect-ratio:1;border-radius:50%;border:none;background:var(--answer-a);color:#fff;font-size:clamp(2rem,12vw,4.5rem);font-weight:900;letter-spacing:.05em;cursor:pointer;box-shadow:0 10px color-mix(in oklab,var(--answer-a) 60%,#000);transition:transform 80ms ease,box-shadow 80ms ease}.buzz-button:active{transform:translateY(8px);box-shadow:0 2px color-mix(in oklab,var(--answer-a) 60%,#000)}.buzz-button:focus-visible{outline:4px solid var(--ink);outline-offset:4px}.buzz-panel__title{font-size:var(--step-1);color:var(--ink-soft);margin:0}.buzz-panel__name{font-size:var(--step-4);font-weight:800;margin:0}.buzz-panel[data-outcome=won] .buzz-panel__name{color:var(--ok-500)}.capacity-notice{border:1px solid var(--line);border-left:4px solid var(--accent-500);border-radius:var(--radius);background:var(--bg-elev);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-1)}.capacity-notice__fact{margin:0;font-weight:600}.capacity-notice__offer{margin:0;color:var(--ink-soft);font-size:var(--step--1)}.capacity-notice__offer a{color:var(--brand-300);font-weight:600}.plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:40rem){.plan-columns{grid-template-columns:1fr}}.plan-column{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);display:grid;gap:var(--space-2);align-content:start}.plan-column--active{border-color:var(--brand-500);background:color-mix(in oklab,var(--brand-500) 6%,var(--bg-elev))}.plan-column__cap{font-size:var(--step-3);font-weight:800;margin:0;line-height:1}.certificates{display:none}@media print{.page-nav,.host-bar button,button,.banner{display:none!important}body{background:#fff!important;color:#000!important}body[data-printing=certificates] #app{display:none!important}body[data-printing=certificates] .certificates{display:block}.certificate{page-break-after:always;height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.8rem;padding:3rem;color:#111}.certificate__rule{width:40%;border-top:2px solid #111}.certificate__event{font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;margin:0}.certificate__award{font-size:2.6rem;font-weight:800;margin:.4rem 0 0}.certificate__presented{font-style:italic;color:#444;margin:0}.certificate__name{font-size:3.4rem;font-weight:800;margin:0;border-bottom:2px solid #111;padding:0 2rem .5rem}.certificate__detail{color:#444;margin:.6rem 0 0}.certificate__brand{font-weight:700;letter-spacing:.08em;color:#666;margin-top:1rem}}.badge--live{background:var(--accent-500);color:#1a1400;border-color:var(--accent-500);font-weight:800}.buzz-panel--with-question{min-height:0;padding:var(--space-4) 0}.buzz-panel--with-question .buzz-button{width:min(52vw,15rem)}.buzz-question .question-text{font-size:var(--step-2);margin:0}.stage__buzz-banner{border-radius:var(--radius-lg);padding:clamp(.5rem,1.5vh,1.25rem);background:color-mix(in oklab,var(--accent-500) 18%,var(--bg-elev));border:2px solid var(--accent-500)}.stage__buzz-banner .stage__buzz-call{font-size:clamp(1.6rem,5vw,4.5rem);margin:0}.stage__buzz-call--winner{color:var(--ink)}.buzz-won-banner{border-radius:var(--radius);padding:var(--space-2) var(--space-3);background:color-mix(in oklab,var(--accent-500) 22%,var(--bg-elev));border:2px solid var(--accent-500);font-weight:800;text-align:center}.rounds-panel{display:grid;gap:var(--space-2)}.rounds-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.rounds-row .input{flex:1 1 8rem;min-width:0}.stage__round{display:grid;gap:clamp(.5rem,2vh,1.5rem);text-align:center}.stage__round-name{font-size:clamp(2.5rem,9vw,9rem);font-weight:800;margin:0;line-height:1.05}.stage__round-desc{font-size:clamp(1.1rem,2.6vw,2.6rem);color:var(--ink-soft);margin:0}.board__row[data-eliminated=true]{opacity:.55}.out-chip{display:inline-block;margin-left:.45em;padding:.05em .5em;border-radius:999px;background:color-mix(in srgb,#e5484d 22%,transparent);color:#ff9a9e;font-size:.62em;font-weight:800;letter-spacing:.08em;vertical-align:middle}.elim-stake{color:#ff9a9e;font-weight:700}.elim-mark{width:4.5rem;height:4.5rem;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,#e5484d 25%,transparent);color:#ff9a9e;font-size:2.2rem;font-weight:800}.stage__elim{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center;min-height:100%}.stage__elim-title{font-size:clamp(3rem,9vw,7rem);font-weight:900;letter-spacing:.06em;color:#ff9a9e}.stage__elim-names{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;justify-content:center;max-width:70vw}.stage__elim-name{font-size:clamp(1.4rem,3.5vw,2.6rem);font-weight:700;opacity:.9}.stage__stake{color:#ff9a9e;font-weight:700;font-size:clamp(1.1rem,2.2vw,1.8rem)}.label--tiebreak{color:#ffd166;font-weight:800;letter-spacing:.14em}.tie-row{border:1px solid color-mix(in srgb,#ffd166 35%,transparent)}.stage__tiebreak{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;text-align:center;min-height:100%}.stage__tb-question{font-size:clamp(2.4rem,7vw,5.5rem);font-weight:900}.stage__tb-names{font-size:clamp(1.3rem,3vw,2.2rem);font-weight:700;opacity:.9}.stage__tb-options{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;justify-content:center}.stage__tb-option{padding:.35em 1em;border-radius:.6em;background:color-mix(in srgb,#ffd166 14%,transparent);font-size:clamp(1.4rem,3.2vw,2.4rem);font-weight:800}.stage__tb-verdict{font-size:clamp(2.6rem,8vw,6rem);font-weight:900;color:#ffd166}.rapid-stake{color:#ffd166;font-weight:700}.rapid-tally{gap:.5rem;justify-content:center}.rapid-chip{padding:.15em .7em;border-radius:999px;background:color-mix(in srgb,#ffffff 10%,transparent);font-weight:800;font-size:.95rem}.rapid-chip--ok{background:color-mix(in srgb,#30a46c 25%,transparent)}.rapid-chip--miss{background:color-mix(in srgb,#e5484d 20%,transparent)}.rapid-row{padding:.55rem .9rem}.rapid-clock{font-variant-numeric:tabular-nums}.stage__rapid-rows{display:flex;flex-direction:column;gap:.5rem;min-width:min(60vw,40rem)}.stage__rapid-row{display:flex;justify-content:space-between;gap:2rem;padding:.4em 1em;border-radius:.6em;background:color-mix(in srgb,#ffffff 8%,transparent);font-size:clamp(1.1rem,2.4vw,1.9rem);font-weight:700}.stage__rapid-score{font-variant-numeric:tabular-nums}.app-root{position:relative;isolation:isolate}.app-root:before,.app-root:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}:root{--ground-colour: .5;--ground-grain: .035}@media(prefers-color-scheme:dark){:root{--ground-colour: 1;--ground-grain: .055}}:root[data-theme=dark]{--ground-colour: 1;--ground-grain: .055}:root[data-theme=light]{--ground-colour: .5;--ground-grain: .035}.app-root[data-route="/play"],.app-root[data-route="/join"]{--ground-colour: .28;--ground-grain: .02}.app-root:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;opacity:var(--ground-grain)}.app-root:before{background:radial-gradient(120% 85% at 50% -10%,color-mix(in oklab,var(--brand-500) 42%,transparent),transparent 62%),radial-gradient(70% 60% at 88% 96%,color-mix(in oklab,var(--accent-500) 14%,transparent),transparent 70%),radial-gradient(100% 100% at 50% 45%,transparent 30%,color-mix(in oklab,#000 50%,transparent) 100%),radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--ink) 16%,transparent) 1px,transparent 0);background-size:100% 100%,100% 100%,100% 100%,28px 28px;opacity:var(--ground-colour)}:root[data-theme=light] .app-root:before{background:radial-gradient(120% 85% at 50% -10%,color-mix(in oklab,var(--brand-500) 22%,transparent),transparent 62%),radial-gradient(70% 60% at 88% 96%,color-mix(in oklab,var(--accent-500) 12%,transparent),transparent 70%),radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--ink) 10%,transparent) 1px,transparent 0);background-size:100% 100%,100% 100%,28px 28px}:root[data-contrast=high] .app-root:before,:root[data-contrast=high] .app-root:after{display:none}.fx-canvas{position:fixed;inset:0;z-index:90;pointer-events:none}.card,.pin-panel,.stat,.quiz-card,.player-card,.verdict{position:relative}.card:before,.pin-panel:before,.stat:before,.quiz-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);pointer-events:none}.pin-panel{overflow:hidden;background:linear-gradient(145deg,var(--brand-500) 0%,var(--brand-700) 100%);box-shadow:var(--shadow-2),inset 0 1px #ffffff4d}.pin-value{text-shadow:0 2px 20px rgba(0,0,0,.32)}.answer{position:relative;overflow:hidden;background-image:linear-gradient(158deg,#ffffff29,#0000001a);box-shadow:var(--shadow-1),inset 0 1px #ffffff38}.answer:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.18) 50%,transparent 68%);transform:translate(120%);animation:sheen .9s ease-out backwards}.answer:nth-child(1):after{animation-delay:40ms}.answer:nth-child(2):after{animation-delay:.11s}.answer:nth-child(3):after{animation-delay:.18s}.answer:nth-child(4):after{animation-delay:.25s}.answer:nth-child(5):after{animation-delay:.32s}.answer:nth-child(6):after{animation-delay:.39s}@keyframes sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}.answer[data-outcome=correct]{animation:correct-halo 1.6s ease-out infinite}@keyframes correct-halo{0%{box-shadow:0 0 #17795c8c,var(--shadow-1)}to{box-shadow:0 0 0 16px #17795c00,var(--shadow-1)}}.answer[data-outcome=wrong]{transition:opacity var(--dur-slow) var(--ease),filter var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);transform:scale(.985)}.verdict{overflow:hidden;animation:verdict-in var(--dur-slow) cubic-bezier(.2,.9,.25,1.12) backwards}@keyframes verdict-in{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:none}}.verdict[data-kind=correct]{box-shadow:0 0 48px -10px #17795c99}.verdict[data-kind=correct]:after{content:"";position:absolute;inset:-60%;z-index:0;pointer-events:none;opacity:.16;background:repeating-conic-gradient(from 0deg,var(--ok-500) 0deg 9deg,transparent 9deg 18deg);animation:rays 24s linear infinite}.verdict>*{position:relative;z-index:1}@keyframes rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.streak{display:inline-flex;align-items:center;gap:var(--space-2);align-self:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:linear-gradient(120deg,var(--accent-400),var(--answer-a));color:#2a1d00;font-weight:900;font-size:var(--step-0);box-shadow:var(--shadow-1),inset 0 1px #fff6;animation:verdict-in var(--dur) var(--ease)}.streak__flame{width:1.1em;height:1.1em;flex:0 0 auto}.timer__dial{transform-origin:center}.timer--urgent .timer__dial{animation:urgent 1s ease-in-out infinite}@keyframes urgent{0%{transform:scale(1)}50%{transform:scale(1.09)}to{transform:scale(1)}}.timer--urgent .timer__value{color:var(--bad-500)}.board__row{position:relative;overflow:hidden;box-shadow:var(--shadow-1)}.board__row[data-you=true]{background:linear-gradient(100deg,color-mix(in srgb,var(--brand-500) 14%,var(--bg-elev)),var(--bg-elev))}.board__row[data-rank="1"] .board__rank{color:var(--accent-500)}.board__row[data-rank="2"] .board__rank{color:var(--ink-soft)}.board__row[data-rank="3"] .board__rank{color:var(--answer-c)}.board__score{font-feature-settings:"tnum" 1}.podium__block{position:relative;overflow:hidden;box-shadow:var(--shadow-2),inset 0 2px #ffffff59}.podium__place[data-rank="1"] .podium__block:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 34%,rgba(255,255,255,.5) 50%,transparent 66%);transform:translate(120%);animation:sheen 2.6s ease-in-out .8s infinite}.btn--primary,.btn--accent,.btn--danger{background-image:linear-gradient(160deg,#fff3,#00000014);box-shadow:var(--shadow-1),inset 0 1px #ffffff4d}.btn--primary:active:not(:disabled),.btn--accent:active:not(:disabled),.btn--danger:active:not(:disabled){box-shadow:inset 0 2px 6px #00000038}.player-card{overflow:hidden;box-shadow:var(--shadow-1);animation:none}.player-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:var(--radius) var(--radius) 0 0;background:var(--answer-colour, var(--brand-500))}.player-card:nth-child(6n+1){--answer-colour: var(--answer-a)}.player-card:nth-child(6n+2){--answer-colour: var(--answer-b)}.player-card:nth-child(6n+3){--answer-colour: var(--answer-c)}.player-card:nth-child(6n+4){--answer-colour: var(--answer-d)}.player-card:nth-child(6n+5){--answer-colour: var(--answer-e)}.player-card:nth-child(6n+6){--answer-colour: var(--answer-f)}@media(min-height:34rem)and (min-width:48rem){.stage--host{justify-content:center;gap:var(--space-5);overflow-y:auto}.stage--host .answer{min-height:clamp(78px,11vh,132px);font-size:clamp(var(--step-1),2.2vh,var(--step-2))}.stage--host .answer__glyph{width:clamp(44px,5.2vh,62px);height:clamp(44px,5.2vh,62px)}.stage--host .answer__glyph svg{width:clamp(26px,3vh,36px);height:clamp(26px,3vh,36px)}.stage--host .answer__letter{font-size:clamp(var(--step-0),2vh,var(--step-1))}.stage--host>.title{font-size:clamp(var(--step-2),4.4vh,var(--step-4))}.stage--host .dist__bar{height:clamp(26px,3.4vh,44px)}}.modal--wide{width:min(64rem,100%);max-height:min(90vh,60rem);overflow:auto}.import__panes{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start;min-height:0}@media(min-width:52rem){.import__panes{grid-template-columns:1fr 1fr}}.import__input{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--step--1);line-height:1.6;white-space:pre;overflow-wrap:normal;overflow-x:auto;resize:vertical;min-height:18rem}.import__preview{display:flex;flex-direction:column;gap:var(--space-3);max-height:32rem;overflow-y:auto;padding-right:var(--space-2)}.import__card{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);background:var(--bg-elev);display:flex;flex-direction:column;gap:var(--space-2)}.import__card>.row{gap:var(--space-2);flex-wrap:nowrap;align-items:flex-start}.import__card>.row>strong{min-width:0;overflow-wrap:anywhere}.import__card>.row>.badge{flex:0 0 auto;white-space:nowrap}.import__answers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--step--1)}.import__answers li{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.import__answers li[data-correct=true]{background:var(--ok-100);color:var(--ink);font-weight:700}.import__letter{font-weight:800;color:var(--ink-faint);min-width:1.25em}.import__correct{margin-left:auto;font-size:var(--step--1);font-weight:800;color:var(--ok-500);text-transform:uppercase;letter-spacing:.06em}.import__typed{font-size:var(--step--1);margin:0}.import__problem{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius);border-left:4px solid var(--warn-500);background:var(--bg-sunken);font-size:var(--step--1)}.import__problem[data-kind=error]{border-left-color:var(--bad-500)}.import__help{font-size:var(--step--1)}.import__help summary{cursor:pointer;padding:var(--space-2) 0;font-weight:700;min-height:var(--tap);display:flex;align-items:center}.import__rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);color:var(--ink-soft)}.import__code{display:inline-block;min-width:2.5em;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--bg-sunken);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--ink);text-align:center}.q-media{display:block;max-width:100%;max-height:34vh;width:auto;margin-inline:auto;border-radius:var(--radius);background:var(--bg-sunken);aspect-ratio:auto;object-fit:contain;box-shadow:var(--shadow-1)}.stage--host .q-media{max-height:clamp(6rem,26vh,18rem)}.q-media--option{max-height:5.5rem;margin-inline:0;border-radius:var(--radius-sm);flex:0 0 auto;box-shadow:none}.stage--host .q-media--option{max-height:clamp(4rem,9vh,7rem)}.answer--media{align-items:center}.q-media__failed{margin:0;padding:var(--space-3);border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);font-size:var(--step--1);text-align:center}.media-field{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--line);border-radius:var(--radius)}.media-field__preview{display:block;max-height:9rem;max-width:100%;width:auto;margin-inline:auto;border-radius:var(--radius-sm);object-fit:contain}.media-field__row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.media-field__usage{font-size:var(--step--1);color:var(--ink-faint);margin-left:auto}.q-media--audio{width:min(100%,34rem);height:3rem;max-height:none;box-shadow:none}.q-media--video{max-height:clamp(8rem,32vh,22rem);background:#000}.q-media__embed{width:100%;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.q-media__embed iframe{height:clamp(8rem,30vh,20rem);width:auto;aspect-ratio:16 / 9;max-width:100%;border:0;border-radius:var(--radius);background:#000}.q-media__elsewhere{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--bg-sunken);border:1px dashed var(--line);color:var(--ink-soft);text-align:center}.media-field__player{width:100%;height:2.75rem}.score,.maths{margin:0;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;width:100%}.score__surface{width:100%;max-height:clamp(8rem,30vh,20rem);overflow:auto;background:#fdfdfb;border-radius:var(--radius);padding:var(--space-3);box-shadow:var(--shadow-1)}.stage--host .score__surface{max-height:clamp(10rem,38vh,26rem)}.score--compact .score__surface{max-height:clamp(6rem,22vh,12rem);padding:var(--space-2)}.score__status{margin:0;color:var(--ink-faint);font-size:var(--step--1)}.score__caption,.maths__caption{margin:0;color:var(--ink-soft);font-size:var(--step--1);text-align:center;max-width:40rem}.maths__surface{font-size:var(--step-2);color:var(--ink);overflow-x:auto;overflow-y:hidden;max-width:100%;padding:var(--space-2) 0}.stage--host .maths__surface{font-size:var(--step-3)}.maths--compact .maths__surface{font-size:var(--step-1);padding:0}.maths__source{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--step--1);color:var(--ink-soft);word-break:break-word}.q-media__deferred{width:100%}.score__controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}