@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@700;800;900&display=swap";:root{color:#19142c;font-synthesis:none;--purple:#5a2ccf;--purple-dark:#32106b;--purple-deep:#21084e;--yellow:#ffc928;--ink:#19142c;--muted:#6f6a80;--line:#e4e0ed;--red:#e43b55;--blue:#2474dc;--gold:#f2a915;--green:#1c9b68;background:#f6f5fb;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,h3,p{margin-top:0}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px #16093038}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #16093033}.button svg{width:19px}.button-purple{background:var(--purple);color:#fff}.button-yellow{background:var(--yellow);color:#251048}.button-white{color:#32106b;background:#fff}.button-small{min-height:40px;box-shadow:none;padding:0 14px}.icon-button{background:0 0;border:0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:#eeeaf7}.brand{align-items:center;gap:9px;display:inline-flex}.brand b{letter-spacing:.1em;color:#ffb900;border-left:2px solid;padding-left:9px;font-family:Nunito,sans-serif;font-size:18px}.brand-light b{color:#ffc928}.public-header{z-index:3;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,5vw,76px);display:flex;position:relative}.public-header nav{color:#fff;align-items:center;gap:34px;font-weight:700;display:flex}.public-header nav a:hover{color:#ffe077}.nav-join{border:1px solid #ffffff80;border-radius:10px;padding:11px 17px}.nav-teacher{opacity:.68;font-size:13px;font-weight:600}.nav-teacher:hover{opacity:1}.mobile-menu{color:#fff;display:none}.home-page{background:#fff;overflow:hidden}.home-page>.public-header,.hero{background:var(--purple-dark)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(330px,460px);align-items:center;gap:9vw;min-height:640px;padding:62px clamp(24px,8vw,138px) 92px;display:grid;position:relative}.hero-copy{z-index:1;color:#fff;position:relative}.eyebrow,.overline{text-transform:uppercase;letter-spacing:.13em;color:#bca7f4;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.hero h1{letter-spacing:-.045em;max-width:780px;margin:19px 0 24px;font-family:Nunito,sans-serif;font-size:clamp(44px,5.4vw,78px);line-height:.98}.hero h1 em{color:#ffcd32;font-style:normal}.hero-copy>p{color:#ded3f6;max-width:620px;font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:27px;margin-top:32px;display:flex}.text-link{align-items:center;gap:2px;font-weight:800;display:flex}.text-link svg{width:20px}.join-card{z-index:1;text-align:center;background:#fff;border-radius:22px;padding:36px;position:relative;box-shadow:0 18px #12043559}.join-card-icon,.join-symbol{width:60px;height:60px;color:var(--purple);background:#eee8ff;border-radius:18px;place-items:center;margin:0 auto 19px;display:grid}.join-card-icon svg,.join-symbol svg{width:31px;height:31px}.join-card h2{margin-bottom:8px;font:900 28px Nunito}.join-card p{color:var(--muted);margin-bottom:25px;line-height:1.5}.join-card label,.player-join-card label{text-align:left;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.join-card input,.player-join-card input,.details-card input,.details-card textarea,.question-editor input{border:2px solid var(--line);background:#faf9fd;border-radius:10px;outline:0;width:100%;padding:13px 14px}.join-card input:focus,.player-join-card input:focus,.details-card input:focus,.details-card textarea:focus,.question-editor input:focus{border-color:#8057e6;box-shadow:0 0 0 4px #eee8ff}.pin-input{letter-spacing:.16em;text-align:center;font:900 29px Nunito!important}.join-card .button{width:100%;margin-top:12px}.join-card small{color:#8c8797;margin-top:18px;display:block}.hero-shape{z-index:2;opacity:.12;pointer-events:none;position:absolute}.shape-one{border:21px solid #ffcf31;width:140px;height:140px;top:120px;right:48%;transform:rotate(25deg)}.shape-two{background:#f05867;border-radius:50%;width:100px;height:100px;top:570px;left:2%}.shape-three{border:18px solid #38bf9a;border-radius:50%;width:90px;height:90px;top:470px;right:2%}.how-section{padding:88px clamp(24px,8vw,138px) 105px}.section-heading{text-align:center}.section-heading span{color:var(--purple);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.section-heading h2{margin:10px 0 44px;font:900 clamp(30px,4vw,44px) Nunito}.steps{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1150px;margin:auto;display:grid}.steps article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:31px;position:relative}.steps article>b{color:#e9e6ef;font:900 38px Nunito;position:absolute;top:18px;right:22px}.step-icon,.stat-icon{border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.step-icon.purple,.stat-icon{color:#6b39dc;background:#eee7ff}.step-icon.blue,.blue-bg{color:#2374d7!important;background:#e0efff!important}.step-icon.coral{color:#df4053;background:#ffe7e9}.yellow-bg{color:#bd7900!important;background:#fff1c4!important}.steps h3{margin:20px 0 8px;font:800 20px Nunito}.steps p{color:var(--muted);margin:0;line-height:1.6}.workspace{grid-template-columns:245px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{color:#fff;z-index:10;background:#28105b;flex-direction:column;width:245px;height:100dvh;padding:23px 18px;display:flex;position:fixed}.sidebar .brand{margin-bottom:24px;padding:3px 8px}.private-pill{color:#cfc1ef;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:28px;padding:9px 12px;font-size:12px;font-weight:700}.private-pill span,.live-pill>span{background:#49d79e;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #49d79e1f}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a,.sidebar-home{color:#d9cef2;border-radius:9px;align-items:center;gap:12px;padding:12px;font-weight:700;display:flex}.sidebar nav a svg,.sidebar-home svg{width:20px}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#6d3bd7}.sidebar-home{margin-top:auto}.workspace-main{grid-column:2;min-width:0}.workspace-header{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;height:72px;padding:0 35px;display:flex;position:sticky;top:0}.workspace-title{margin-left:auto;font-weight:800}.workspace-title span{color:var(--muted);margin-left:8px;font-weight:500}.avatar{color:#32106b;background:#ffcb30;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:17px;font-weight:900;display:grid}.side-toggle{display:none}.content-wrap{max-width:1240px;margin:auto;padding:47px 42px 80px}.page-intro{justify-content:space-between;align-items:center;gap:30px;margin-bottom:31px;display:flex}.page-intro .overline{color:#7652cc}.page-intro h1{letter-spacing:-.025em;margin:5px 0;font:900 38px Nunito}.page-intro p{color:var(--muted);margin:0}.resume-panel{color:#fff;background:#2d1263;border-radius:16px;margin-bottom:28px;padding:20px 22px}.resume-panel h2{align-items:center;gap:9px;margin-bottom:14px;font:800 17px Nunito;display:flex}.resume-panel h2 svg{color:#ffcd32;width:19px}.resume-row{background:#ffffff12;border-radius:11px;align-items:center;gap:18px;margin-bottom:9px;padding:12px 16px;display:flex}.resume-row:last-child{margin-bottom:0}.resume-row>div:first-child{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.resume-row strong{font-size:14px}.resume-row span{color:#cbbfe6;font-size:12px}.resume-status{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.resume-status.live{color:#6be8ac}.resume-status.live span{background:#49d79e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #49d79e2e}.resume-status.away{color:#ffcf6e}.stats-row{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:44px;display:grid}.stats-row>div{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:15px;padding:18px;display:flex}.stats-row p{color:var(--muted);margin:0;font-size:13px}.stats-row strong{color:var(--ink);margin-top:1px;font:800 21px Nunito;display:block}.list-heading{justify-content:space-between;display:flex}.list-heading h2{margin-bottom:4px;font:800 25px Nunito}.list-heading p{color:var(--muted);font-size:14px}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:190px minmax(0,1fr);min-height:215px;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden}.quiz-card:hover{transform:translateY(-3px);box-shadow:0 13px 35px #301a5b1a}.quiz-cover{color:#fff;background:var(--accent);padding:19px;position:relative;overflow:hidden}.quiz-cover:before,.quiz-cover:after{content:"";border:15px solid #ffffff24;width:80px;height:80px;position:absolute;top:-24px;right:-22px;transform:rotate(25deg)}.quiz-cover:after{border-radius:50%;top:auto;bottom:-35px;left:-25px}.cover-1{filter:hue-rotate(40deg)}.cover-2{filter:hue-rotate(90deg)}.quiz-cover>svg{z-index:1;position:relative}.quiz-cover>span{z-index:1;margin-top:9px;font-size:12px;font-weight:700;display:block;position:relative}.quiz-cover>b{font:900 34px Nunito;position:absolute;bottom:19px;left:19px}.quiz-cover b small{font:700 11px DM Sans;display:block}.quiz-card-body{flex-direction:column;justify-content:space-between;min-width:0;padding:20px;display:flex}.subject-tag{text-transform:uppercase;letter-spacing:.08em;color:#6d3bd7;font-size:11px;font-weight:800}.quiz-card h3{margin:6px 0;font:800 20px Nunito}.quiz-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.quiz-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.quiz-card-actions{align-items:center;gap:2px;display:flex}.quiz-card-actions .icon-button{width:34px;height:34px}.quiz-card-actions .icon-button svg{width:16px}.quiz-card-actions .icon-button.danger{color:#cf3550}.quiz-card-actions .icon-button.danger:hover{background:#ffe8ec}.quiz-meta>span{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.quiz-meta svg{width:16px}.empty-card{text-align:center;color:var(--muted);background:#fff;border:1px dashed #ccc5db;border-radius:16px;padding:50px}.creator-heading{margin-bottom:24px}.details-card,.question-editor,.report-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:25px}.details-card{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:24px;display:grid}.details-card label,.question-editor>label{font-size:13px;font-weight:800}.details-card input,.details-card textarea,.question-editor>label>input{margin-top:8px;display:block}.details-card textarea{resize:vertical;height:75px}.details-card .wide{grid-column:1/-1}.question-stack{flex-direction:column;gap:20px;display:flex}.question-editor-head{border-bottom:1px solid var(--line);align-items:center;margin:-25px -25px 24px;padding:15px 20px;display:flex}.question-editor-head>span{font:800 17px Nunito}.question-editor-head label{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:13px;display:flex}.question-editor-head select{border:1px solid var(--line);border-radius:7px;padding:6px}.danger{color:#cf3550}.question-prompt{font-weight:700;margin-bottom:18px!important;font-size:20px!important}.answers-editor{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:19px;display:grid}.answer-edit{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:44px minmax(0,1fr) 42px;display:grid;overflow:hidden}.answer-edit>span{color:#fff;place-items:center;display:grid}.answer-edit>span svg{width:20px}.answer-edit input{box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important}.correct{color:#aaa;background:#eeeaf5;border:0;border-radius:50%;align-self:center;place-items:center;width:28px;height:28px;display:grid}.correct svg{width:17px}.correct.active{color:#138258;background:#dff7ec}.answer-0>span,.answer-0.host-answer,.answer-button.answer-0{background:var(--red)}.answer-1>span,.answer-1.host-answer,.answer-button.answer-1{background:var(--blue)}.answer-2>span,.answer-2.host-answer,.answer-button.answer-2{background:var(--gold)}.answer-3>span,.answer-3.host-answer,.answer-button.answer-3{background:var(--green)}.optional{color:#9791a4;font-weight:500}.add-question{color:#6542b5;background:0 0;border:2px dashed #cfc8de;border-radius:14px;width:100%;margin-top:20px;padding:18px;font-weight:800}.add-question:hover{background:#f0ebfb}.error-banner{color:#a72038;background:#ffe8ec;border-radius:10px;margin-bottom:18px;padding:13px 16px}.player-shell,.host-shell{background:var(--purple-dark);color:#fff;min-height:100dvh}.player-shell>.brand{position:absolute;top:24px;left:32px}.join-screen,.status-screen{background:radial-gradient(circle at 15% 15%,#6137b8,transparent 29%),radial-gradient(circle at 90% 80%,#7b2f92,transparent 28%),var(--purple-deep);place-items:center;padding:90px 20px 30px;display:grid}.player-join-card,.status-card{color:var(--ink);text-align:center;background:#fff;border-radius:20px;width:min(440px,100%);padding:34px;box-shadow:0 14px #0f032a61}.player-join-card h1,.status-card h1{margin-bottom:8px;font:900 31px Nunito}.player-join-card>p,.status-card p{color:var(--muted);line-height:1.5}.player-join-card label{margin-top:18px}.player-join-card input:not(.pin-input){font-size:17px}.player-join-card .button{width:100%;margin-top:22px}.game-top{background:#1e0846cc;border-bottom:1px solid #ffffff24;align-items:center;height:70px;padding:0 25px;display:flex}.game-title{margin:auto;font-weight:800}.score-chip{color:#32106b;background:#fff;border-radius:8px;padding:8px 13px;font-weight:900;animation:.4s score-pulse}.waiting{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 70px);padding:30px;display:flex}.pulse-avatar{color:#341263;background:#ffcc2e;border:7px solid #ffffff24;border-radius:50%;place-items:center;width:96px;height:96px;font:900 42px Nunito;animation:2s infinite pulse;display:grid;box-shadow:0 0 0 14px #ffffff0f}.waiting h1{margin:35px 0 7px;font:900 48px Nunito}.waiting p{color:#cfc2eb}.nickname-chip{background:#ffffff24;border:1px solid #ffffff2e;border-radius:30px;align-items:center;gap:7px;padding:10px 19px;font-weight:800;display:flex}.nickname-chip svg{color:#58e0a7;width:18px}.player-game{background:#f5f4f9;flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.player-game .game-top,.player-game .mobile-progress{flex:none}.player-game .game-top{color:#fff}.mobile-progress{background:#dcd8e7;height:7px}.mobile-progress span{background:#ffca2c;height:100%;transition:width .2s linear;display:block}.player-question{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1000px;min-height:0;margin:auto;padding:clamp(14px,3vh,35px) 24px;display:flex}.question-count{color:#6c657a;flex:none;align-items:center;font-weight:700;display:flex}.question-count strong{color:#fff;background:#372066;border-radius:50%;place-items:center;width:54px;height:54px;margin-left:auto;font:900 22px Nunito;display:grid}.player-question h1{text-align:center;color:var(--ink);flex:none;max-width:850px;margin:clamp(10px,2.4vh,30px) auto clamp(12px,2.6vh,39px);font:900 clamp(22px,4.4vh,43px) Nunito}.answer-grid,.host-answer-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.answer-grid{flex:1;grid-auto-rows:minmax(0,1fr);min-height:0}.answer-button{color:#fff;text-align:left;border:0;border-radius:13px;grid-template-columns:clamp(32px,5vh,55px) 1fr 30px;align-items:center;gap:clamp(8px,1.8vh,15px);min-height:0;padding:clamp(10px,2.4vh,20px);transition:transform .12s,filter .12s;display:grid;box-shadow:inset 0 -6px #00000029}.answer-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.answer-button>svg{fill:#ffffff1f;width:36px;height:36px}.answer-button span{font-size:18px;font-weight:800}.answer-button b{font:900 22px Nunito}.answer-button.selected{outline:5px solid #28124f;transform:scale(.98)}.answer-button:disabled:not(.selected){filter:saturate(.45);opacity:.62}.locked-message{color:#4e4267;background:#e9e5f3;border-radius:30px;align-items:center;gap:7px;width:max-content;max-width:100%;margin:20px auto 0;padding:10px 16px;font-weight:700;display:flex}.result-screen{flex-direction:column;display:flex}.correct-result{background:#16855c}.wrong-result{background:#bd2f47}.result-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.host-banner{color:#8a5a00;background:#fff1c4;align-items:center;gap:10px;padding:9px 20px;font-size:13px;font-weight:800;display:flex}.host-banner .waiting-dots{gap:5px;display:inline-flex}.host-banner .waiting-dots i{background:#bd7900;border-radius:50%;width:6px;height:6px;animation:1s infinite dot}.host-banner .waiting-dots i:nth-child(2){animation-delay:.15s}.host-banner .waiting-dots i:nth-child(3){animation-delay:.3s}.result-icon{background:#fff;border-radius:50%;place-items:center;width:110px;height:110px;animation:.45s cubic-bezier(.34,1.56,.64,1) result-pop;display:grid}.correct-result .result-icon{color:#16855c}.wrong-result .result-icon{color:#bd2f47}.result-icon svg{stroke-width:4px;width:60px;height:60px}.result-content h1{margin:23px 0 3px;font:900 53px Nunito}.result-content p{font-size:21px}.streak-pill{background:#ffffff2e;border-radius:30px;padding:10px 16px;font-weight:800}.personal-rank{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 70px);display:flex}.personal-rank>svg{color:#ffcf32;width:74px;height:74px}.personal-rank span{margin-top:18px;font-size:20px}.personal-rank strong{font:900 90px/1 Nunito;animation:.5s cubic-bezier(.34,1.56,.64,1) result-pop}.personal-rank p{font-size:22px}.personal-rank small{color:#cfc1e9}.question-checklist{flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px;margin-top:22px;display:flex}.checklist-dot{color:#fff;background:#ffffff1f;border:2px solid #ffffff2e;border-radius:50%;place-items:center;width:30px;height:30px;font:800 12px Nunito;display:grid}.checklist-dot.is-correct{background:#1c9b68;border-color:#1c9b68}.checklist-dot.is-wrong{background:#e43b55;border-color:#e43b55}.checklist-dot.is-pending{opacity:.5}.host-header{border-bottom:1px solid #ffffff24;align-items:center;gap:30px;height:72px;padding:0 34px;display:flex}.host-header>span:nth-last-child(2){margin:auto;font-weight:800}.live-pill{background:#ffffff1a;border-radius:30px;padding:8px 13px;font-size:13px;font-weight:700}.exit-link{color:#d7caef;align-items:center;gap:7px;font-weight:700;display:flex}.exit-link svg{width:18px}.lobby-host{background:radial-gradient(circle at 80% 10%,#6331a0,transparent 32%),var(--purple-dark);grid-template-rows:auto auto 1fr auto;display:grid}.lobby-layout{grid-template-columns:1fr 220px;gap:20px;padding:32px max(34px,7vw) 25px;display:grid}.pin-panel{color:var(--ink);background:#fff;border-radius:15px;grid-template-columns:1fr auto;align-items:center;padding:19px 26px;display:grid}.pin-panel>span{font-size:17px}.host-pin{letter-spacing:.06em;color:#2b0e62;grid-row:2;font:900 clamp(51px,7vw,84px)/1 Nunito}.host-pin i{color:#7141dc;font-style:normal}.pin-panel button{border:0;border-left:1px solid var(--line);color:#665d76;background:#fff;flex-direction:column;grid-area:1/2/3;align-items:center;gap:9px;padding:30px;font-weight:700;display:flex}.qr-panel{color:var(--ink);background:#fff;border-radius:15px;flex-direction:column;align-items:center;gap:6px;padding:13px;font-size:12px;font-weight:700;display:flex}.players-lobby{padding:23px max(34px,7vw)}.players-head{text-align:center}.players-head h1{justify-content:center;align-items:center;gap:9px;margin-bottom:3px;font:900 31px Nunito;display:flex}.players-head p{color:#cfc4e6}.player-cloud{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:28px;display:flex}.player-bubble{color:#2e2440;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:9px 10px 9px 9px;font-weight:800;animation:.3s ease-out pop;display:flex}.player-bubble>span,.leader-avatar{color:#5e32c8;background:#e6ddff;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.player-bubble button{color:#a099ac;background:0 0;border:0;place-items:center;padding:3px;display:grid}.player-bubble button svg{width:16px}.empty-lobby{text-align:center;color:#cec0e9}.waiting-dots{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.waiting-dots i{background:#ffca2c;border-radius:50%;width:9px;height:9px;animation:1s infinite dot}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}.host-footer{background:#170635a6;justify-content:space-between;align-items:center;gap:25px;min-height:78px;padding:12px 34px;display:flex}.host-footer>span{color:#d5caea}.question-host{color:var(--ink);background:#f4f2f8;grid-template-rows:auto 1fr auto;display:grid}.host-question-top{background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 40px;font-weight:900;display:grid}.host-question-top>div:last-child{text-align:right}.host-question-top span{color:var(--muted);font-weight:500}.host-timer{color:#fff;background:#32106b;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:66px;height:66px;font:900 26px Nunito;display:flex}.host-timer small{font:700 9px DM Sans}.host-question-content{flex-direction:column;padding:35px 5vw;display:flex}.host-question-content h1{text-align:center;max-width:1000px;margin:auto auto 40px;font:900 clamp(31px,4vw,50px) Nunito}.host-answer{color:#fff;border-radius:12px;grid-template-columns:62px 1fr 40px;align-items:center;gap:17px;min-height:115px;padding:20px;display:grid;box-shadow:inset 0 -5px #00000029}.host-answer svg{width:39px;height:39px}.host-answer span{font-size:20px;font-weight:800}.host-answer b{font:900 24px Nunito}.question-host .host-footer,.reveal-host .host-footer{color:#fff}.quiet-button{color:#d4c8e9;background:0 0;border:0}.answer-progress{background:#ffffff26;border-radius:10px;flex:1;max-width:400px;height:8px;overflow:hidden}.answer-progress span{background:#4bd49e;height:100%;display:block}.reveal-host{grid-template-rows:auto 1fr auto;display:grid}.reveal-content{text-align:center;flex-direction:column;align-items:center;padding:35px 30px;display:flex}.reveal-label{color:#147d57;background:#dff8ec;border-radius:30px;align-items:center;gap:6px;padding:8px 15px;font-weight:800;display:flex}.reveal-content h1{margin:17px 0 8px;font:900 clamp(36px,5vw,60px) Nunito}.reveal-content>p{color:#d6caec}.distribution{justify-content:center;align-items:flex-end;gap:18px;height:245px;margin-top:auto;display:flex}.bar{opacity:.55;flex-direction:column;align-items:center;width:90px;display:flex}.bar.is-correct{opacity:1}.bar strong{font:900 22px Nunito}.bar>span{background:#fff;border-radius:8px 8px 0 0;width:100%;min-height:8px;display:block}.bar.answer-0>span{background:var(--red)}.bar.answer-1>span{background:var(--blue)}.bar.answer-2>span{background:var(--gold)}.bar.answer-3>span{background:var(--green)}.bar small{margin-top:6px;font:900 17px Nunito}.leaderboard-host{background:#32106b;grid-template-rows:auto 1fr auto;display:grid}.leaderboard{width:min(760px,100% - 40px);margin:auto;padding:35px 0}.leaderboard-title{justify-content:center;align-items:center;gap:18px;margin-bottom:24px;display:flex}.leaderboard-title>svg{color:#ffcc2e;width:55px;height:55px}.leaderboard-title span{color:#c9bce5}.leaderboard-title h1{margin:0;font:900 42px Nunito}.leader-list{flex-direction:column;gap:9px;display:flex}.leader{color:var(--ink);background:#fff;border-radius:11px;grid-template-columns:35px 44px 1fr auto;align-items:center;gap:12px;padding:10px 17px;animation:.4s ease-out both leader-in;display:grid}.leader>b{color:#7e768b;font:900 20px Nunito}.leader>strong{font-size:18px}.leader>em{font:900 20px Nunito}.leader.first{border:3px solid #ffcc2e;transform:scale(1.025)}.podium-screen{background:radial-gradient(circle at 50% 60%,#6533b1,#0000 40%),#251057;overflow:hidden}.podium-content{text-align:center;min-height:calc(100dvh - 70px);padding:32px 20px;position:relative}.confetti{opacity:.9;pointer-events:none;z-index:0;border-radius:2px;width:9px;height:15px;animation:3s linear infinite confetti-fall;position:absolute;top:-24px}.podium-place{animation:.5s ease-out both leader-in}.podium-trophy{color:#ffcc2e;width:55px;height:55px}.podium-content>.overline{justify-content:center}.podium-content>h1{margin:4px 0 36px;font:900 clamp(34px,5vw,53px) Nunito}.podium{justify-content:center;align-items:flex-end;gap:9px;height:360px;display:flex}.podium-place{flex-direction:column;align-items:center;width:min(210px,28vw);display:flex}.podium-avatar{color:#562bbd;background:#fff;border:6px solid #fff3;border-radius:50%;place-items:center;width:76px;height:76px;font:900 30px Nunito;display:grid}.podium-place strong{margin-top:8px;font:900 19px Nunito}.podium-place em{color:#d3c6e9;font-style:normal}.podium-place>div{background:#7b50d5;border-radius:12px 12px 0 0;place-items:center;width:100%;height:145px;margin-top:12px;font:900 56px Nunito;display:grid}.podium-place.place-1>div{color:#35205e;background:#ffbd1e;height:210px}.podium-place.place-1 .podium-avatar{color:#9b6200;width:93px;height:93px}.podium-place.place-2>div{height:105px}.podium-place.empty{opacity:.4}.podium-actions{justify-content:center;gap:15px;margin-top:24px;display:flex}.player-finish{margin-top:25px}.report-card{padding:0;overflow:hidden}.report-card-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:21px 25px;display:flex}.report-card-head h2{margin:0;font:800 21px Nunito}.report-card-head span{color:var(--muted)}.report-row{border-bottom:1px solid #efecf4;grid-template-columns:28px 42px minmax(120px,1fr) minmax(100px,1.5fr) 50px 100px;align-items:center;gap:12px;padding:13px 22px;display:grid}.report-row-link{color:inherit;border-bottom:1px solid #efecf4;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:15px 22px;transition:background .15s;display:grid}.report-row-link:hover{background:#faf9fd}.report-row-link:last-child{border-bottom:0}.report-row-link>span:nth-child(2){color:var(--muted);font-size:12px}.report-row-link>em{color:#6d3bd7;white-space:nowrap;font-style:normal;font-weight:800}.page-intro-actions{align-items:center;gap:10px;display:flex}.report-row>em{text-align:right;font-style:normal;font-weight:800}.accuracy{background:#ece9f2;border-radius:10px;height:7px;overflow:hidden}.accuracy i{background:#23a875;height:100%;display:block}.loader-orbit{border:5px solid #eee9f7;border-top-color:#6534ce;border-radius:50%;width:60px;height:60px;margin:0 auto 23px;animation:.8s linear infinite spin}.loader-orbit span{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.04)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}}@keyframes dot{50%{transform:translateY(-6px)}}@keyframes result-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-40px)rotate(0)}to{opacity:0;transform:translateY(440px)rotate(360deg)}}@keyframes leader-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes score-pulse{0%{transform:scale(1)}50%{transform:scale(1.16)}to{transform:scale(1)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.join-card{width:min(480px,100%);margin:auto}.steps{grid-template-columns:1fr}.workspace{display:block}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none}.workspace-main{grid-column:auto}.side-toggle{display:grid}.content-wrap{padding:35px 24px}.quiz-grid,.lobby-layout{grid-template-columns:1fr}.qr-panel{display:none}.host-answer-grid{grid-template-columns:1fr}.host-answer{min-height:82px}.host-question-content h1{margin-bottom:24px}.workspace-header{padding:0 20px}.host-pin{font-size:60px}}@media (width<=600px){.public-header{height:65px;padding:0 18px}.mobile-menu{display:grid}.public-header nav{color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:5px;padding:12px;display:none;position:absolute;top:61px;right:17px;box-shadow:0 15px 35px #0003}.public-header nav.nav-open{display:flex}.public-header nav a{padding:10px 15px}.hero{min-height:0;padding:43px 19px 72px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;gap:17px}.join-card{padding:27px 21px}.how-section{padding:65px 19px}.page-intro{flex-direction:column;align-items:flex-start}.stats-row,.quiz-card{grid-template-columns:1fr}.quiz-cover{min-height:135px}.quiz-cover>b{left:auto;right:19px}.details-card{grid-template-columns:1fr}.details-card .wide{grid-column:auto}.answers-editor{grid-template-columns:1fr}.answer-grid{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}.answer-button{min-height:0}.player-question{padding:14px}.game-title{display:none}.game-top{padding:0 13px}.game-top .brand img{width:104px}.host-header{padding:0 15px}.host-header>span:nth-last-child(2){display:none}.lobby-layout{padding:22px 15px}.pin-panel{text-align:center;grid-template-columns:1fr}.host-pin{font-size:49px}.pin-panel button{border:0;border-top:1px solid var(--line);flex-direction:row;grid-area:auto;justify-content:center;margin-top:14px;padding:12px}.players-lobby{padding:20px 15px}.host-footer{padding:12px 15px}.host-question-top{padding:0 14px}.host-question-top>div:last-child span{display:none}.host-answer-grid{gap:8px}.host-answer{grid-template-columns:40px 1fr 25px;min-height:70px;padding:13px}.host-answer svg{width:27px}.host-answer span{font-size:16px}.bar{width:56px}.podium{height:310px}.answer-grid{grid-auto-rows:minmax(0,1fr)}.answer-button b{font-size:16px}.podium-avatar{width:58px;height:58px}.podium-place.place-1 .podium-avatar{width:68px;height:68px}.podium-place>div{height:115px}.podium-place.place-1>div{height:170px}.podium-place.place-2>div{height:85px}.podium-place strong{font-size:14px}.podium-place em{font-size:11px}.report-row{grid-template-columns:25px 36px 1fr 65px}.report-row .accuracy,.report-row>span:not(.leader-avatar){display:none}.report-row>em{font-size:12px}.workspace-title{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline-offset:3px;outline:3px solid #ffca2c}.brand{height:38px;overflow:hidden}.brand img{object-fit:cover;object-position:50% 44%;clip-path:none;width:130px;height:28px;transform:scale(1.55)}.button:active:not(:disabled){transform:scale(.96)}.sidebar-bottom{flex-direction:column;gap:4px;margin-top:auto;display:flex}.sidebar-bottom .sidebar-home{margin-top:0}.sidebar-bottom button{color:#d9cef2;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-weight:700;display:flex}.sidebar-bottom button:hover{color:#fff;background:#ffffff17}.sidebar-bottom svg{width:20px}.login-page{background:radial-gradient(circle at 15% 20%,#6338b9,#0000 27%),radial-gradient(circle at 92% 85%,#7a2d91,#0000 28%),#21084e;place-items:center;min-height:100dvh;padding:90px 20px 35px;display:grid;position:relative}.login-brand{position:absolute;top:25px;left:32px}.login-panel{width:min(440px,100%);color:var(--ink);text-align:center;background:#fff;border-radius:22px;padding:36px;box-shadow:0 16px #0b022161}.login-panel .overline{color:#7248cf;justify-content:center}.login-icon{color:#6033cd;background:#eee7ff;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 18px;display:grid}.login-icon svg{width:30px;height:30px}.login-panel h1{margin:7px 0;font:900 34px Nunito}.login-panel>p{color:var(--muted);margin-bottom:27px}.login-panel form{text-align:left}.login-panel label{margin:15px 0 7px;font-size:13px;font-weight:800;display:block}.login-panel input,.prompt-fields input,.prompt-fields select{border:2px solid var(--line);background:#faf9fd;border-radius:10px;outline:0;width:100%;min-height:48px;padding:10px 13px}.login-panel input:focus,.prompt-fields input:focus,.prompt-fields select:focus,.json-importer textarea:focus{border-color:#8057e6;box-shadow:0 0 0 4px #eee8ff}.password-field{position:relative}.password-field input{padding-right:49px}.password-field button{color:#777083;background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:4px;right:4px}.password-field button svg{width:20px}.form-error{color:#b32640;min-height:31px;padding-top:7px;font-size:13px}.login-panel .button{width:100%}.login-back{color:#685f78;margin-top:23px;font-size:13px;font-weight:700;display:inline-block}.ai-import-card{color:#fff;background:#2d1263;border-radius:20px;margin-bottom:25px;padding:27px;box-shadow:0 10px 30px #28125521}.assist-heading{align-items:center;gap:16px;display:flex}.assist-icon{color:#341061;background:#ffcd32;border-radius:15px;flex:none;place-items:center;width:54px;height:54px;display:grid}.assist-heading h2{margin:3px 0;font:900 26px Nunito}.assist-heading p{color:#cfc3e8;margin:0}.assist-flow{color:#d6cbea;align-items:center;gap:12px;margin:25px 0;font-size:13px;font-weight:700;display:flex}.assist-flow span{align-items:center;gap:7px;display:flex}.assist-flow b{color:#fff;background:#7848de;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.assist-flow i{background:#fff3;flex:1;height:1px}.assist-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.prompt-builder,.json-importer{color:var(--ink);background:#fff;border-radius:14px;padding:20px}.prompt-builder h3,.json-importer h3{align-items:center;gap:8px;margin-bottom:17px;font:800 18px Nunito;display:flex}.prompt-builder h3 svg,.json-importer h3 svg{color:#6e3cd6;width:20px}.prompt-fields{grid-template-columns:2fr .7fr 1fr 1fr;gap:10px;display:grid}.prompt-fields label,.json-importer label{font-size:12px;font-weight:800}.prompt-fields input,.prompt-fields select{border-width:1px;min-height:42px;margin-top:6px;display:block}.prompt-preview{white-space:pre-wrap;color:#4f465d;background:#f5f2fa;border:1px solid #e7e2ef;border-radius:10px;height:205px;margin:14px 0;padding:13px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.json-importer textarea{resize:vertical;border:1px solid var(--line);color:#e9e1f6;background:#171222;border-radius:10px;outline:0;width:100%;height:270px;margin-top:6px;padding:14px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.json-importer textarea[aria-invalid=true]{border-color:#da415b}.import-feedback{color:#6d6579;min-height:39px;padding:8px 0;font-size:12px}.import-feedback.error{color:#ba2942}.ai-import-card+.details-card{scroll-margin-top:90px}@media (width<=1000px){.assist-grid{grid-template-columns:1fr}.prompt-fields{grid-template-columns:1fr 1fr}}@media (width<=600px){.login-brand{left:18px}.login-panel{padding:28px 20px}.ai-import-card{padding:19px}.assist-heading,.assist-flow{align-items:flex-start}.assist-flow i{display:none}.assist-flow span{text-align:center;flex-direction:column;flex:1}.prompt-fields{grid-template-columns:1fr}.prompt-builder,.json-importer{padding:15px}}.lobby-host,.question-host{height:100dvh;min-height:0;overflow:hidden}.lobby-host{grid-template-rows:72px auto minmax(0,1fr) 78px}.lobby-layout{grid-template-columns:minmax(0,1fr) clamp(230px,17vw,290px);gap:clamp(14px,1.5vw,24px);width:100%;min-width:0;padding:clamp(18px,2.8vh,30px) clamp(20px,4vw,68px) clamp(14px,2vh,22px)}.pin-panel{grid-template-columns:minmax(0,1fr) clamp(150px,12vw,190px);gap:20px;min-width:0;padding:clamp(17px,2vw,25px) clamp(20px,2.2vw,34px)}.pin-details{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.pin-details>span{font-size:clamp(14px,1.2vw,18px)}.host-pin{white-space:nowrap;grid-row:auto;margin:4px 0 7px;font-size:clamp(48px,6vw,86px)}.direct-join-link{color:#5e32c8;border-radius:7px;align-items:center;gap:8px;max-width:100%;min-height:32px;font-size:clamp(12px,1vw,15px);font-weight:800;display:flex}.direct-join-link:hover{text-decoration:underline}.direct-join-link svg{flex:none;width:17px;height:17px}.direct-join-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pin-panel>button{border-left:1px solid var(--line);background:#fff;border-radius:0;grid-area:auto;justify-content:center;align-self:stretch;padding:20px;line-height:1.25}.pin-panel>button svg{width:28px;height:28px}.qr-panel{justify-content:center;gap:8px;min-width:0;padding:clamp(14px,1.4vw,20px);transition:transform .16s,box-shadow .16s}.qr-panel:hover{transform:translateY(-2px);box-shadow:0 10px 25px #14053133}.qr-panel svg{max-width:100%;display:block;width:min(224px,14.5vw)!important;height:auto!important}.qr-panel span{font-size:13px}.players-lobby{scrollbar-color:#ffffff59 transparent;min-width:0;min-height:0;padding:clamp(12px,2vh,22px) clamp(20px,4vw,68px);overflow:auto}.player-cloud{margin-top:clamp(14px,2.4vh,26px)}.question-host{grid-template-rows:76px minmax(0,1fr) 78px}.host-question-content{grid-template-rows:minmax(0,1fr) auto;align-items:center;min-width:0;min-height:0;padding:clamp(15px,2.7vh,30px) 5vw;display:grid;overflow:hidden}.host-question-content h1{letter-spacing:-.015em;text-wrap:balance;align-self:center;max-width:min(1240px,92vw);margin:0 auto clamp(15px,2.5vh,28px);font-size:clamp(27px,4.8vh,52px);line-height:1.12}.host-question-content .host-answer-grid{align-self:end;width:100%;min-width:0}.host-answer{grid-template-columns:clamp(38px,3.8vw,62px) minmax(0,1fr) 40px;gap:clamp(10px,1.2vw,17px);height:clamp(78px,13.5vh,122px);min-height:0;padding:clamp(12px,1.8vh,20px)}.host-answer span{font-size:clamp(16px,1.45vw,21px);line-height:1.25}.countdown-screen{background:radial-gradient(circle at 18% 20%,#6033b3,transparent 30%),radial-gradient(circle at 85% 80%,#74308f,transparent 30%),var(--purple-deep);grid-template-rows:70px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.countdown-content{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.countdown-content>span{color:#d5c8ee;letter-spacing:.04em;font-weight:800}.countdown-content h1{margin:8px 0 16px;font:900 clamp(38px,6vh,68px) Nunito}.countdown-number{color:#32105f;background:#ffca28;border:clamp(8px,1.3vh,14px) solid #ffffff2e;border-radius:50%;place-items:center;width:clamp(150px,25vh,250px);height:clamp(150px,25vh,250px);font:900 clamp(78px,15vh,150px)/1 Nunito;animation:.38s ease-out countdown-pop;display:grid;box-shadow:0 0 0 18px #ffffff12,0 22px #0f032a52}.countdown-content p{color:#d5c8ee;margin:34px 0 0;font-size:clamp(14px,1.5vw,19px)}@keyframes countdown-pop{0%{opacity:.35;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media (height<=760px) and (width>=901px){.question-host{grid-template-rows:62px minmax(0,1fr) 66px}.host-question-top{height:62px}.host-timer{width:54px;height:54px;font-size:22px}.question-host .host-footer{min-height:66px}.host-question-content{padding-top:12px;padding-bottom:12px}.host-question-content h1{margin-bottom:12px;font-size:clamp(25px,4.4vh,38px)}.host-answer{height:clamp(66px,12.5vh,88px)}.lobby-host{grid-template-rows:62px auto minmax(0,1fr) 66px}.lobby-host .host-header{height:62px}.lobby-host .host-footer{min-height:66px}.lobby-layout{padding-top:14px;padding-bottom:12px}.qr-panel svg{width:min(190px,13vw)!important}.host-pin{font-size:clamp(45px,5.5vw,70px)}.players-lobby{padding-top:10px;padding-bottom:10px}}@media (width<=900px){.lobby-host{grid-template-rows:72px auto minmax(140px,1fr) auto;height:auto;min-height:100dvh;overflow:auto}.lobby-layout{grid-template-columns:minmax(0,1fr) clamp(190px,28vw,240px)}.qr-panel{display:flex}.qr-panel svg{width:min(190px,23vw)!important}.pin-panel{grid-template-columns:minmax(0,1fr) 125px}.host-pin{font-size:clamp(44px,7vw,62px)}.question-host{grid-template-rows:70px minmax(0,1fr) 72px}.host-question-top{height:70px}.host-question-content .host-answer-grid{grid-template-columns:1fr 1fr}.host-answer{height:clamp(72px,12.5vh,100px)}}@media (width<=680px){.lobby-layout{grid-template-columns:1fr;padding-inline:15px}.pin-panel{text-align:center;grid-template-columns:1fr}.pin-details{align-items:center}.pin-panel>button{border-left:0;border-top:1px solid var(--line);flex-direction:row;padding:12px}.qr-panel{justify-self:center;width:min(310px,100%)}.qr-panel svg{width:min(224px,70vw)!important}.question-host{grid-template-rows:70px auto 72px;height:auto;min-height:100dvh;overflow:auto}.host-question-content{overflow:visible}.host-question-content .host-answer-grid{grid-template-columns:1fr}.host-answer{height:auto;min-height:74px}}