:root{color:#27232d;--purple:#5926a9;--line:#e5e1e8;background:#f5f4f7;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body .eyebrow{color:#625969}body .answer-0{background:#cc2948}body .answer-2{background:#896100}body .answer-3{background:#14764e}:focus-visible{outline-offset:3px;outline:3px solid #1677c8}dialog{border:1px solid var(--line);border-radius:12px;width:360px;max-width:calc(100vw - 24px);padding:20px}dialog::backdrop{background:#17102099}dialog h2{font-size:1.2rem}.reports nav button[aria-pressed=false]{color:var(--purple);box-shadow:inset 0 0 0 1px var(--line);background:#fff}.reports{min-width:0}.reports nav{flex-wrap:wrap;gap:.5rem;display:flex}.reports nav button[aria-pressed=true]{background:var(--purple);color:#fff}.report-table{overflow-x:auto}.reports table{border-collapse:collapse;background:#fff;width:100%}.reports th,.reports td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem}.reports caption{text-align:left;padding:.6rem 0;font-weight:600}.reports dd{margin:0 0 .8rem}.reports dt{font-weight:600}.report-question{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;margin:1rem 0;padding:1rem}.reports h2{overflow-wrap:anywhere}.gameplay-question.game-card{grid-template-rows:44px minmax(74px,.9fr) minmax(0,1.4fr)}.question-copy{flex-direction:column;align-items:center;min-height:0;display:flex;overflow:hidden}.question-copy h1{flex:1;width:100%;min-height:0;overflow:auto}.question-copy img{object-fit:contain;max-width:85%;max-height:13dvh;margin-bottom:.4rem}.gameplay-question .answer small{white-space:normal;overflow-wrap:anywhere;text-align:center;padding-inline:.3rem}.gameplay-question .answer[aria-pressed=true]{outline-offset:-6px;outline:3px solid #fff}.gameplay-question .answer[aria-pressed=false]:disabled{filter:saturate(.7)}.display-question{height:100dvh;overflow:hidden}.display-question .gameplay-question{grid-template-rows:58px minmax(100px,1fr) minmax(0,1.2fr)}.display-question .question-copy img{max-height:23dvh}.display-question .game-top{font-size:1.2rem}.gameplay-stage{text-align:center;height:100dvh;padding:3vh 4vw;position:relative;overflow:hidden}.gameplay-stage h1{font-size:clamp(1.8rem,4vw,3.5rem)}.stage-label{letter-spacing:.12em;font-size:.85rem;font-weight:800}.intro-copy{max-width:85vw;animation:.6s ease-out intro-in}.intro-media{object-fit:contain;max-width:60vw;max-height:30vh}.result-display{width:100%}.result-display h1{max-height:18vh;font-size:clamp(1.5rem,3vw,2.5rem);overflow:auto}.distribution{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.distribution article{border-radius:.7rem;flex-direction:column;gap:.4rem;min-width:0;padding:1rem;display:flex}.distribution article>span{overflow-wrap:anywhere;max-height:12vh;overflow:auto}.distribution b{font-size:2.5rem}.distribution .correct-option{outline-offset:3px;outline:4px solid #fff}.bar-track{background:#0002;border-radius:.4rem;align-items:flex-end;height:24vh;display:flex;overflow:hidden}.bar-track div{background:#fff9;width:100%;transition:height .6s}.result-explanation{max-height:12vh;font-size:clamp(1rem,1.8vw,1.4rem);overflow:auto}.leaderboard-display{width:min(100%,1100px)}.leaderboard{--rank-row:min(7vh,64px);text-align:left;padding:0;list-style:none;position:relative}.leaderboard li{height:calc(var(--rank-row) - 6px);color:#30243c;background:#fff;border-radius:.5rem;grid-template-columns:3rem minmax(0,1fr) 6rem 9rem;align-items:center;gap:.5rem;padding:.3rem 1rem;font-size:clamp(1rem,2.1vw,1.6rem);transition:transform .8s cubic-bezier(.2,.7,.2,1);display:grid;position:absolute;inset:0 0 auto}.leaderboard li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard strong{text-align:right}.rank-direction{font-size:.85em}.rank-up{color:#13714e}.rank-down{color:#b32942}.podium-display{z-index:1;width:100%;position:relative}.podium{justify-content:center;align-items:flex-end;gap:2vw;min-height:40vh;display:flex}.podium-place{width:25%;max-width:300px;animation:.85s both podium-in}.podium-place h2{overflow-wrap:anywhere;margin:.6rem 0;font-size:clamp(1.2rem,2.5vw,2.3rem)}.podium-place>strong{font-size:2rem}.podium-place>div{background:#ffffff30;border-radius:.7rem .7rem 0 0;place-items:center;margin-top:1rem;font-size:5rem;font-weight:900;display:grid}.place-1>div{color:#3b2850;background:#f2c947;height:25vh}.place-2>div{height:18vh}.place-3>div{height:12vh}.place-2{animation-delay:.2s}.place-3{animation-delay:.4s}.podium-avatar{font-size:3rem}.celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration i{width:10px;height:18px;animation:3s ease-in forwards confetti-fall;position:absolute;top:-30px}.personal-game{color:#2c2236;text-align:center;background:#fff;border-radius:.8rem;flex-direction:column;width:min(100%,430px);min-height:0;max-height:100%;padding:1rem;display:flex;overflow:hidden}.personal-game h1{margin-bottom:.5rem;font-size:clamp(1.5rem,7vw,2rem)}.personal-score{color:var(--purple);font-size:clamp(2rem,10vw,3rem);font-weight:900}.personal-score small{font-size:1rem}.personal-game p{margin:.5rem 0}.personal-answer,.personal-explanation{max-height:15dvh;font-size:.9rem;overflow:auto}.personal-rank{font-size:2rem}.personal-correct{border-top:8px solid #218b5f}.awarded{color:#147a4e;font-size:1.6rem;font-weight:800}@keyframes intro-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes podium-in{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{to{opacity:0;transform:translateY(105vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.celebration{display:none}.intro-copy,.podium-place{animation:none}.leaderboard li,.bar-track div{transition:none}}.host-sessions article,.host-player{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem;display:flex}.host-control fieldset label{margin-right:1rem;display:inline-block}.host-control a{color:var(--purple);padding:.8rem;font-weight:700;display:inline-block}.pattern-buttons,.tv-pattern{gap:.5rem;display:flex}.pattern-buttons button{width:25%}.tv-pattern span{border-radius:.6rem;min-width:80px;padding:1rem;font-size:3rem}.player-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:80vw;max-height:35vh;display:flex;overflow:auto}.player-chips span{background:#fff2;border-radius:.5rem;padding:.5rem}.browser-fullscreen{position:fixed;bottom:1rem;left:1rem}.connection-state{font-size:.8rem}.join-card select{padding:.5rem}.join-card:has(select) input{min-height:44px;font-size:1rem}.join-card:has(select) .brand{margin-bottom:.5rem}.game-card button:disabled{opacity:1}.ai-creator{max-width:1100px;margin:auto}.ai-creator details,.ai-review-grid form,.ai-approval{border:1px solid var(--line);background:#fff;border-radius:.6rem;margin-block:1rem;padding:1rem}.ai-creator summary{cursor:pointer;padding:.5rem;font-weight:700}.ai-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:.5rem 0;display:grid}.ai-fields legend{font-weight:700}.ai-fields label{gap:.3rem;min-width:0;display:grid}.ai-fields input:not([type=radio]),.ai-fields select,.ai-fields textarea{width:100%;min-width:0;font:inherit;border:1px solid #ccc;border-radius:.35rem;padding:.65rem}.ai-fields textarea{resize:vertical;min-height:90px}.ai-options{grid-column:1/-1}.ai-fields label:has(textarea){grid-column:1/-1}.ai-options{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.ai-fields p{align-self:center;margin:0;font-size:.85rem}.ai-fields button{align-self:end}.ai-jobs{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:1rem;display:flex}.ai-jobs h2{width:100%;margin-bottom:0}.ai-jobs small{margin-top:.3rem;font-weight:400;display:block}.ai-review-grid{grid-template-columns:220px minmax(0,1fr);gap:1rem;display:grid}.ai-review-grid form{margin-top:0}.ai-review-grid nav{flex-direction:column;gap:.5rem;display:flex}.ai-review-grid nav button{text-align:left;overflow-wrap:anywhere}.ai-actions{flex-wrap:wrap;gap:.5rem;margin-block:1rem;display:flex}.ai-approval>label{margin-block:1rem;display:block}.ai-creator button[aria-pressed=true]{outline-offset:2px;outline:3px solid #c4a8e9}@media (width<=700px){.ai-review-grid,.ai-fields{grid-template-columns:1fr}.ai-creator header{flex-direction:column;align-items:flex-start;gap:.7rem}}.license-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.license-admin{max-width:1200px;margin:auto;padding:1rem}.license-form{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.license-form label{gap:.4rem;display:grid}.license-form input{border:1px solid #ccc;border-radius:.4rem;padding:.6rem}.license-table{overflow-x:auto}.license-table table{border-collapse:collapse;background:#fff;width:100%}.license-table th,.license-table td{text-align:left;border-bottom:1px solid #ddd;padding:.65rem}button:disabled{opacity:.55;cursor:wait}.creator-fields{margin:1rem 0;display:block}.creator-fields fieldset{border:0;gap:.7rem;padding:0;display:grid}.creator-fields label{gap:.3rem;display:grid}.creator-fields input,.creator-fields textarea,.creator-fields select{border:1px solid #cbc6d1;border-radius:.4rem;width:100%;padding:.6rem}.creator-fields input[type=radio]{width:auto}.creator-fields textarea{min-height:80px}.creator-image{object-fit:contain;max-width:100%;max-height:240px;display:block}.creator-columns{grid-template-columns:190px minmax(0,1fr);gap:1rem;display:grid}.admin-layout .creator-rail{color:#292332;border:1px solid var(--line);background:#fff;border-radius:.7rem;padding:.8rem}.creator-rail button,.question-list button{text-align:left;width:100%;margin:.4rem 0;display:block}.creator-rail small{display:block}.creator-rail [aria-pressed=true]{outline:3px solid #bfa0ee}.editor-answers{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.quiz-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.question-preview{border:1px solid var(--line);background:#fff;padding:1rem}.question-preview .answer{color:#fff;padding:1rem;font-size:1rem}@media (width<=700px){.creator-columns{grid-template-columns:1fr}.admin-layout .creator-rail{display:block}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{background:var(--purple);color:#fff;border:0;border-radius:.55rem;padding:.72rem 1rem;font-weight:750}.brand{letter-spacing:.06em;align-items:center;gap:.65rem;font-weight:900;display:flex}.brand-mark{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#6930c3,#994ee9);border-radius:.65rem;place-items:center;width:2rem;display:grid}.admin-layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.admin-layout aside{color:#fff;background:#19151f;padding:1rem}.admin-layout>aside>nav{gap:.2rem;margin-top:2rem;display:grid}.admin-layout>aside>nav a{color:#bbb5c2;border-radius:.5rem;padding:.7rem;font-size:.88rem}.admin-layout>aside>nav .active{color:#fff;background:#2c2535}.admin-layout main{padding:1.4rem 1.6rem}header{justify-content:space-between;align-items:center;display:flex}h1,h2,p{margin-top:0}.eyebrow{color:#78717f;letter-spacing:.08em;margin-bottom:.35rem;font-size:.72rem;font-weight:800}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.25rem 0 .7rem;display:grid}.metrics article,.panel,.empty{border:1px solid var(--line);background:#fff;border-radius:.8rem;padding:1rem}.metrics span{color:#77717e;font-size:.8rem}.metrics strong{margin-top:.35rem;font-size:1.8rem;display:block}.panel{justify-content:space-between;align-items:center;display:flex}.panel h2{margin-bottom:.3rem}.panel p{color:#77717e;margin:0;font-size:.86rem}.countdown{color:var(--purple)}.empty{text-align:center;align-content:center;justify-items:center;min-height:14rem;margin-top:.7rem;display:grid}.empty p{color:#77717e}.player-shell{width:100%;height:100dvh;padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));background:linear-gradient(150deg,#35105f,#6727b8);place-items:center;display:grid;overflow:hidden}.join-card{background:#fff;border-radius:.9rem;width:min(100%,400px);padding:1.2rem;box-shadow:0 .5rem #0000002e}.join-card .brand{justify-content:center;margin-bottom:1.5rem}.join-card h1,.join-card p{text-align:center}.join-card label{gap:.4rem;font-size:.8rem;font-weight:800;display:grid}.join-card input{text-align:center;border:2px solid #cac5ce;border-radius:.55rem;min-height:52px;font-size:1.35rem;font-weight:900}.join-card button{width:100%;min-height:48px;margin-top:.7rem}.display-shell{color:#fff;background:linear-gradient(135deg,#5420a4,#7132ca 60%,#35105f);place-items:center;min-height:100dvh;display:grid}.display-brand{text-align:center}.display-brand .brand{justify-content:center;font-size:2rem}.display-brand .brand-mark{width:3.5rem}.display-brand p{color:#ded4eb;margin-top:1rem}.join-strip{color:#28232d;background:#fff;grid-template-columns:1fr auto 110px;align-items:center;gap:1rem;min-height:116px;padding:.5rem .5rem .5rem 1.5rem;display:grid;position:fixed;inset:1.2rem 1.2rem auto;box-shadow:0 12px 32px #00000038}.join-strip strong,.join-strip span{display:block}.join-strip span{color:#77717e;margin-top:.35rem}.join-strip img{width:106px;height:106px}.display-pin{border-left:1px solid var(--line);text-align:center;padding:0 2rem}.display-pin small,.display-pin b{display:block}.display-pin b{letter-spacing:.08em;font-size:clamp(2.5rem,5vw,4.5rem)}.focus-button{background:#1c0a31c2;position:fixed;bottom:1rem;right:1rem}.qr-focus .display-brand{display:none}.qr-focus .join-strip{grid-template-columns:1fr 1fr;padding:3vw;inset:4vh 4vw}.qr-focus .join-strip>div:first-child{grid-column:1}.qr-focus .display-pin{border:0;grid-column:1}.qr-focus .display-pin b{font-size:9vw}.qr-focus .join-strip img{grid-area:1/2/3;justify-self:center;width:min(72vh,45vw);height:min(72vh,45vw)}.game-card{color:#28232d;background:#fff;border-radius:.8rem;grid-template-rows:44px minmax(74px,auto) minmax(0,1fr);width:min(100%,430px);height:100%;min-height:0;display:grid;overflow:hidden}.game-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 .8rem;font-size:.78rem;font-weight:800;display:flex}.game-card h1{text-align:center;place-items:center;margin:0;padding:.5rem .8rem;font-size:clamp(.95rem,4.3vw,1.25rem);display:grid}.answer-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.45rem;min-height:0;padding:.45rem;display:grid}.answer{border-radius:.55rem;align-content:center;place-items:center;gap:.2rem;min-width:0;min-height:44px;font-size:1.7rem;display:grid;box-shadow:inset 0 -5px #00000024}.answer small{text-overflow:ellipsis;max-width:100%;font-size:.7rem;overflow:hidden}.answer-0{background:#d93955}.answer-1{background:#2e6fc3}.answer-2{background:#c99518}.answer-3{background:#218b5f}.display-question{background:#f4f3f6;min-height:100dvh;padding:1rem}.display-question .game-card{width:100%}.display-question .game-card h1{font-size:2.2rem}.display-question .answer{font-size:2.8rem}.display-question .answer small{font-size:1.2rem}@media (width<=700px){.admin-layout{grid-template-columns:1fr}.admin-layout aside{display:none}.admin-layout main{padding:1rem}.metrics{grid-template-columns:repeat(3,1fr)}.panel{flex-direction:column;align-items:flex-start;gap:1rem}}