:root{color-scheme:dark;--bg:#282f38;--surface:#333c47;--raised:#3b4551;--deep:#222a33;--ink:#f5f3eb;--muted:#b1b8c2;--line:#4a5461;--amber:#ffb554;--coral:#ff8276;--mint:#a6d4b2;--lilac:#bdb1e0;--red:#bb4c57;--blue:#426fbc;--gold:#ba8728;--green:#3f8b71}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{transition:background .15s,transform .15s,border-color .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}svg{display:block}.app-bar{max-width:1440px;margin:auto;min-height:94px;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:13px;background:var(--amber);display:grid;place-items:center;color:var(--deep)}.brand-mark svg{width:32px;height:32px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.brand strong{font-size:17px;letter-spacing:-.025em}.brand strong span{font-weight:500;color:var(--muted)}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:.16em;margin-top:2px;color:var(--muted)}.bar-actions{display:flex;align-items:center;gap:12px}.live-badge{font-size:10px;font-weight:750;letter-spacing:.13em;display:flex;align-items:center;gap:8px}.live-badge i,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted)}.icon-button svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}.quiet-button{background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--muted);padding:7px 14px;font-size:12px}.quiet-button span{padding-left:8px}main{max-width:1280px;margin:auto;padding:48px 40px 56px}.page-intro{margin:0 0 34px}.eyebrow{display:block;color:var(--amber);font-size:10px;font-weight:750;letter-spacing:.14em}.page-intro h1{font-size:clamp(40px,5vw,68px);font-weight:700;margin:18px 0 18px;letter-spacing:-.055em}.page-intro h1 span{color:var(--coral)}.page-intro>p{color:var(--muted);font-size:16px;line-height:1.6}.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.surface{background:var(--surface);border:1px solid var(--line);border-radius:24px}.join-card{padding:32px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.small-tag{color:var(--muted);font-size:9px;letter-spacing:.1em}.join-card h2{font-size:30px;margin-top:23px}.join-card>.muted{margin-top:10px}.muted{color:var(--muted)}form{margin-top:25px}label{display:block;margin:18px 0 9px;font-size:12px;font-weight:600;color:var(--muted)}input{display:block;min-width:0;width:100%;padding:15px 18px;border-radius:12px;border:1px solid var(--line);color:var(--ink);background:var(--deep);outline:none}input::placeholder{color:#7f8997}input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #ffb55415}.pin-input{font-size:28px;font-weight:750;letter-spacing:.16em;font-variant-numeric:tabular-nums;height:70px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;font-weight:700;border-radius:12px;padding:15px 22px;border:1px solid transparent;line-height:1.3}.primary-button{background:var(--amber);color:#2c2b27}.primary-button:hover:not(:disabled){background:#ffc677}.primary-button:disabled{opacity:.55}.secondary-button{background:var(--deep);color:var(--ink);border-color:var(--line)}.secondary-button:hover:not(:disabled){border-color:var(--amber)}.full-width{width:100%;margin-top:24px}.form-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:20px}.setup-side{display:grid;grid-template-rows:auto 1fr;gap:24px}.host-card{padding:30px}.host-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.host-card-title h2{font-size:28px}.graph-art{width:126px;height:104px;flex-shrink:0;stroke:var(--line);fill:var(--surface);stroke-width:2}.graph-art circle{stroke:var(--amber);fill:var(--amber)}.graph-art circle:nth-of-type(2){fill:var(--coral);stroke:var(--coral)}.graph-art circle:nth-of-type(3){fill:var(--mint);stroke:var(--mint)}.host-card .secondary-button{margin-top:22px}.host-card p{font-size:14px;line-height:1.6}.lesson-card{padding:0 20px}.lesson-card ol{padding:0;margin:18px 0 0;list-style:none;display:flex;justify-content:space-between;gap:15px}.lesson-card li>span{font-size:10px;color:var(--coral);font-weight:700}.lesson-card li>div{font-size:13px;font-weight:650;margin-top:4px}.lesson-card small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px;max-width:120px}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin-top:26px}.back-link:hover{color:var(--amber)}.site-footer{max-width:1280px;margin:0 auto;padding:24px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.06em;color:var(--muted)}.hidden{display:none!important}.error{border:1px solid #a75a5a;color:#ffd4cf;background:#663c3c44;border-radius:12px;padding:14px 18px;margin-top:20px;font-size:14px}.session-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.segment-control{display:flex;background:var(--deep);padding:5px;border-radius:40px;gap:5px}.segment-control button{background:transparent;border:0;color:var(--muted);padding:10px 17px;border-radius:30px;font-size:12px;font-weight:650}.segment-control button.active{color:var(--deep);background:var(--ink)}.segment-control button span{font-size:10px;opacity:.6;margin-right:8px}.session-meta{font-size:11px;display:flex;gap:8px;align-items:center;color:var(--muted)}.meta-dot{color:var(--amber);font-size:18px}.lobby-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:32px;align-items:stretch}.qr-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.qr-panel .eyebrow{align-self:flex-start}.qr-frame{background:#fff;border-radius:18px;padding:18px;width:100%;max-width:520px;aspect-ratio:1;display:grid;place-items:center}.qr-frame img{width:100%;height:100%;object-fit:contain}.qr-caption{font-size:12px;color:var(--muted);text-align:center}.lobby-details{min-width:0;display:flex;flex-direction:column;gap:16px}.address-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 22px}.address-card small{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.address-card a{font-size:clamp(12px,1.45vw,19px);font-weight:650;overflow-wrap:anywhere}.pin-card{background:var(--amber);color:var(--deep);padding:22px 24px;border-radius:16px}.pin-card small{font-size:10px;font-weight:700;letter-spacing:.12em;display:block}.code{font-size:clamp(44px,6.5vw,88px);font-weight:750;line-height:1.2;letter-spacing:.08em;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:3px}.material-title{font-size:clamp(28px,4vw,44px);line-height:1.1;font-weight:700;margin-top:12px;letter-spacing:-.04em}.lobby-heading{display:flex;align-items:center;gap:10px;padding:6px 0}.people-count{display:flex;align-items:center;gap:6px;background:var(--deep);border:1px solid var(--line);border-radius:30px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}.people-count svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:1.7}.lobby-heading h2{font-size:15px;font-weight:600;letter-spacing:0}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:16px 8px;align-content:start;max-height:310px;overflow:auto;padding:8px 0}.player{text-align:center;min-width:0}.avatar{width:48px;height:58px;display:block;margin:0 auto 5px}.player-name{display:inline-block;max-width:100%;font-size:10px;font-weight:600;background:var(--deep);border:1px solid var(--line);border-radius:20px;padding:3px 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.empty-players{flex:1;min-height:110px;border:1px dashed var(--line);border-radius:16px;display:grid;place-content:center;text-align:center;padding:20px;color:var(--muted);font-size:13px}.empty-players small{font-size:11px;display:block;margin-top:6px;color:#929da9}.lobby-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:12px}.waiting-line{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.waiting-dots{display:inline-flex;gap:4px}.waiting-dots i{width:4px;height:4px;border-radius:100%;background:var(--mint);animation:pulse 1.8s infinite}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,70%,100%{opacity:.3}35%{opacity:1}}.waiting-card{max-width:560px;margin:36px auto 60px;text-align:center;padding:44px 30px}.waiting-card .avatar{width:100px;height:120px;margin-bottom:20px}.waiting-card h1{font-size:36px;margin:16px 0}.waiting-card p{color:var(--muted);margin:12px 0 22px}.code-pill{display:inline-flex;align-items:center;gap:12px;background:var(--deep);border-radius:30px;padding:7px 16px;font-size:12px;color:var(--muted)}.code-pill strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.1em}.question-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.question-counter{background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:12px;color:var(--muted)}.question-counter strong{color:var(--ink)}.step-progress{display:flex;gap:6px;max-width:190px;width:30%}.step-progress i{height:4px;flex:1;background:var(--line);border-radius:3px}.step-progress i.done{background:var(--amber)}.question-title{font-size:clamp(26px,3.8vw,48px);line-height:1.18;max-width:1050px;margin:18px 0 32px;letter-spacing:-.035em}.answers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.answer-option{--answer-color:var(--red);background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;gap:18px;align-items:center;padding:22px;min-height:110px;color:var(--ink);font-size:clamp(16px,1.8vw,22px);line-height:1.4;position:relative;overflow:hidden}.answer-option[data-index="1"]{--answer-color:var(--blue)}.answer-option[data-index="2"]{--answer-color:var(--gold)}.answer-option[data-index="3"]{--answer-color:var(--green)}.answer-icon{flex-shrink:0;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--answer-color);color:#fff}.answer-icon svg{width:21px;height:21px;fill:currentColor}.answer-option.correct{border-color:var(--mint);background:#a6d4b20c}.answer-label{flex:1}.correct-mark{font-size:12px;color:var(--mint);white-space:nowrap}.question-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 0}.response-counter{color:var(--muted);font-size:14px}.response-counter strong{color:var(--ink);font-size:24px;letter-spacing:-.03em;margin-right:3px}.phone-question{max-width:650px;margin:auto}.phone-question .question-title{font-size:27px;text-align:center;margin:24px 0 12px}.phone-hint{color:var(--muted);text-align:center;font-size:13px;margin-bottom:26px}.phone-answers .answer-option{background:var(--answer-color);border-color:#ffffff12;min-height:180px;flex-direction:column;justify-content:center;gap:10px;box-shadow:inset 0 -4px 0 #0000001c}.phone-answers .answer-icon{background:none;width:60px;height:60px}.phone-answers .answer-icon svg{width:44px;height:44px}.answer-letter{font-size:12px;font-weight:650;opacity:.7;color:white}.phone-answers .answer-option:hover:not(:disabled){filter:brightness(1.1)}.phone-answers .answer-option:disabled{opacity:.38}.phone-answers .answer-option.selected{opacity:1;border:3px solid var(--ink)}.answer-check{position:absolute;right:12px;top:8px;font-weight:700;color:white}.accepted{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mint);font-size:13px;margin-top:24px}.result-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px}.results-panel{padding:24px}.results-panel h2,.leaderboard h2{font-size:20px;margin-bottom:22px}.vote-row{margin-top:20px}.vote-label{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:8px;color:var(--muted)}.vote-label strong{color:var(--ink);font-size:14px}.vote-row.correct .vote-label{color:var(--mint)}.vote-track{background:var(--deep);border-radius:6px;height:10px;overflow:hidden}.vote-track span{display:block;height:100%;background:var(--coral);border-radius:6px;min-width:2px}.vote-row.correct .vote-track span{background:var(--mint)}.leaderboard{padding:24px}.leader-list{list-style:none;padding:0;margin:0}.leader-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.leader-list li:last-child{border-bottom:0}.rank{color:var(--muted);font-size:12px;min-width:18px}.leader-list .avatar{width:32px;height:38px;margin:0}.leader-name{flex:1;font-size:13px;font-weight:600;overflow-wrap:anywhere;min-width:0}.leader-score{font-size:20px;font-weight:750;color:var(--amber);white-space:nowrap}.leader-score small{font-size:9px;color:var(--muted);font-weight:400}.answer-reveal{display:flex;gap:12px;align-items:center;padding:18px 22px;background:#a6d4b20c;border:1px solid #a6d4b24d;border-radius:14px;font-size:15px;margin:20px 0}.answer-reveal .tick{width:28px;height:28px;display:grid;place-items:center;background:var(--mint);color:var(--deep);border-radius:50%;font-weight:750;flex-shrink:0}.answer-reveal small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.finish-title{text-align:center;font-size:clamp(32px,5vw,58px);margin:18px 0}.finish-sub{text-align:center;color:var(--muted);margin-bottom:30px}.podium{display:flex;gap:16px;align-items:flex-end;justify-content:center;margin:36px auto;max-width:680px}.podium-place{flex:1;min-width:0;text-align:center;max-width:210px}.podium-place .avatar{width:70px;height:80px}.podium-place strong{display:block;margin:8px 0 0;font-size:15px;overflow-wrap:anywhere}.podium-place small{color:var(--muted);font-size:12px}.podium-block{margin-top:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 4px 4px;height:80px;font-size:30px;color:var(--lilac);font-weight:700}.podium-place.first .podium-block{height:120px;background:var(--amber);color:var(--deep);border:0}.podium-place.third .podium-block{height:60px;color:var(--coral)}.finish-board{max-width:750px;margin:auto}.phone-result{text-align:center;max-width:560px;margin:30px auto;padding:38px 28px}.phone-result .result-symbol{width:74px;height:74px;border-radius:50%;background:var(--mint);color:var(--deep);font-size:34px;display:grid;place-items:center;margin:auto auto 22px}.phone-result h2{font-size:32px;margin:18px 0}.phone-result p{color:var(--muted);font-size:14px}.phone-result .answer-reveal{text-align:left}.own-score{font-size:54px;color:var(--amber);font-weight:750;line-height:1.2;margin:25px 0 5px}.own-score small{font-size:18px;color:var(--muted);font-weight:400}.phone-mode main{padding-top:28px}.phone-mode .site-footer{font-size:8px}.session-mode main{max-width:1440px;padding-top:30px}.lesson-link{color:var(--amber);text-decoration:underline;text-underline-offset:4px}.projection-mode .app-bar{border-color:transparent}.projection-mode .site-footer{display:none}@media(min-width:1000px){#setup{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:20px 54px;align-items:start;padding-top:30px}.page-intro{position:sticky;top:30px}.setup-layout{grid-template-columns:minmax(0,1fr);gap:20px}.setup-side{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.lesson-card{display:none}.host-card{padding:24px 30px}.host-card-title{margin:14px 0}.host-card-title h2{font-size:23px}.host-card-title h2 br{display:none}.host-card .graph-art{width:90px;height:70px}.host-card .muted{display:none}.host-card .secondary-button{margin-top:0;width:100%}.back-link{grid-column:1;margin-top:-110px;align-self:end}.join-card{padding:30px}.join-card h2{margin-top:20px}}
@media(min-width:1400px){main{padding-top:56px}.lobby-grid{gap:44px}.qr-panel{padding:28px}.pin-card{padding:22px 30px}.players{gap:20px 10px}.avatar{width:58px;height:70px}.player-name{font-size:11px}.lobby-heading h2{font-size:18px}.question-title{max-width:1150px}}
@media(max-width:800px){.app-bar{padding:18px 24px}.brand strong{font-size:14px}.brand small{font-size:7px}.brand-mark{width:39px;height:39px}.bar-actions{gap:8px}main{padding:32px 24px 40px}.setup-layout{gap:18px}.join-card,.host-card{padding:24px}.host-card-title{display:block}.graph-art{display:none}.lesson-card{padding:0 6px}.lesson-card ol{flex-direction:column;gap:12px}.lesson-card li{display:flex;align-items:center;gap:12px}.lesson-card li>div{margin:0}.lesson-card small{max-width:none}.lobby-grid{gap:20px;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.lobby-controls{flex-wrap:wrap}.lobby-controls .primary-button{width:100%}.pin-card{padding:18px}.code{font-size:48px}.session-meta{font-size:10px}.qr-panel{padding:15px}.qr-frame{padding:12px;border-radius:12px}.qr-caption{font-size:11px}.address-card{padding:15px}.result-layout{grid-template-columns:1fr}.step-progress{max-width:120px}.site-footer{padding:22px 24px}.session-toolbar{flex-wrap:wrap}.question-title{font-size:32px}.answer-option{padding:18px;font-size:17px}.answer-icon{width:34px;height:34px}.answer-icon svg{width:18px;height:18px}}
@media(max-width:560px){.app-bar{padding:16px;min-height:78px;gap:8px}.brand{gap:9px}.brand strong{font-size:12px}.brand small{font-size:6px;letter-spacing:.1em}.brand-mark{width:35px;height:35px;border-radius:11px}.brand-mark svg{width:27px;height:27px}.live-badge{font-size:8px;letter-spacing:.06em;gap:5px}.icon-button{display:none}.quiet-button{font-size:10px;padding:6px 9px}.quiet-button span{display:none}.bar-actions{gap:6px}main,.session-mode main{padding:26px 16px 38px}.page-intro{margin-bottom:26px}.page-intro .eyebrow{font-size:9px}.page-intro h1{font-size:42px;margin:17px 0}.page-intro>p{font-size:14px}.setup-layout{grid-template-columns:1fr;gap:18px}.join-card,.host-card{padding:24px;border-radius:20px}.join-card h2{font-size:28px}.join-card>.muted{font-size:13px}.host-card-title h2{font-size:25px}.host-card-title{display:flex}.graph-art{display:block;width:100px;height:84px}.host-card .muted{font-size:13px}.lesson-card{display:none}.form-note{font-size:10px}.site-footer{padding:20px 16px;font-size:8px;letter-spacing:0}.session-toolbar{margin-bottom:18px}.segment-control{width:100%}.segment-control button{flex:1;padding:10px 12px;font-size:11px}.session-meta{font-size:11px}.lobby-grid{grid-template-columns:minmax(0,1fr)}.qr-panel{padding:18px;gap:14px}.qr-frame{max-width:330px}.qr-panel .eyebrow{font-size:10px}.qr-caption{font-size:12px}.code{font-size:62px}.address-card a{font-size:14px}.pin-card{padding:20px 24px}.lobby-heading{padding-top:10px}.players{max-height:240px;grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}.lobby-controls{gap:18px}.lobby-controls .primary-button{width:100%}.question-top{margin-bottom:22px}.question-counter{font-size:11px;padding:7px 11px}.question-title{font-size:28px;margin-top:14px}.answers{gap:10px}.answer-option{flex-direction:column;align-items:flex-start;gap:14px;padding:15px;min-height:145px;font-size:15px}.answer-icon{width:32px;height:32px}.question-footer{align-items:stretch;flex-direction:column;gap:20px}.question-footer .primary-button{width:100%}.question-footer .response-counter{text-align:center}.phone-question .question-title{font-size:26px;margin-top:28px}.phone-hint{font-size:12px;margin-bottom:22px}.phone-answers .answer-option{min-height:170px;align-items:center}.phone-answers .answer-icon{width:54px;height:54px}.phone-answers .answer-icon svg{width:40px;height:40px}.phone-question .question-counter{background:transparent}.accepted{font-size:12px}.waiting-card{padding:34px 22px;margin:18px 0 30px;border-radius:22px}.waiting-card h1{font-size:32px}.waiting-card p{font-size:14px}.phone-result{padding:30px 22px;margin:20px 0}.phone-result h2{font-size:28px}.correct-mark{font-size:10px}.results-panel,.leaderboard{padding:20px}.result-layout{gap:16px}.vote-label{font-size:11px}.podium{gap:9px}.podium-place strong{font-size:12px}.podium-place .avatar{width:54px;height:66px}.podium-place small{font-size:10px}.podium-block{font-size:25px}.finish-title{font-size:34px}.finish-sub{font-size:13px}.leader-name{font-size:12px}.leader-score{font-size:18px}.leader-score small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:1000px){#setup{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 64px;align-items:start}.page-intro{position:static;margin-bottom:0;grid-column:1;grid-row:1}.page-intro h1{font-size:clamp(44px,4.6vw,60px)}.setup-layout{display:contents}.join-card{grid-column:2;grid-row:1 / span 2;align-self:stretch}.setup-side{grid-column:1;grid-row:2;display:block}.host-card{padding:22px 24px}.host-card-title{margin:15px 0 20px}.host-card-title h2 br{display:block}.host-card .secondary-button{width:auto}.back-link{grid-column:1 / -1;grid-row:3;margin-top:0}.avatar{width:54px;height:64px}.player-name{font-size:11px}}
@media(min-width:801px){.session-mode .app-bar{min-height:80px;padding-top:16px;padding-bottom:16px}.session-mode main{padding-top:24px;padding-bottom:30px}.session-mode .site-footer{display:none}.session-toolbar{margin-bottom:20px}.qr-frame{max-width:min(520px,calc(100dvh - 330px))}.players{max-height:230px}.lobby-controls{padding-top:14px}}
.direct-join #setup{display:block;max-width:560px;margin:auto;padding-top:0}.direct-join .page-intro,.direct-join .setup-side{display:none}.direct-join .setup-layout{display:block}.direct-join .back-link{margin-top:22px}
.brand-mark svg path{fill:none}
#language{background:var(--deep);color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:8px 10px;font:inherit;font-size:12px}.flow-stages{display:flex;gap:10px;padding:0 0 22px;flex-wrap:wrap}.flow-stages span{color:var(--muted);padding:9px 17px;border-radius:30px;background:var(--deep);font-size:12px}.flow-stages .active{background:var(--ink);color:var(--deep);font-weight:700}.topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.topic-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:20px;min-height:200px;padding:24px;text-align:left;display:flex;flex-direction:column;gap:18px}.topic-card strong{font-size:22px;line-height:1.2}.topic-card small{margin-top:auto;color:var(--muted)}.topic-number{color:var(--amber);font-size:24px}.topic-card.reviewed{border-color:var(--mint);background:#a6d4b21a}.topic-card.reviewed .topic-number,.topic-card.reviewed small{color:var(--mint)}.study-status{display:flex;align-items:center;gap:20px;padding:20px 24px}.study-status>span{font-size:28px;color:var(--mint)}.study-status p{color:var(--muted);font-size:12px;margin-top:4px}.explorer-frame{display:block;width:100%;border:1px solid var(--line);border-radius:20px;height:75vh;background:var(--bg)}.study-frame{height:70vh}.topic-top{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:20px}.map-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:24px}.map-heading h1{font-size:34px;margin-bottom:10px}.map-heading p{font-size:13px}.topic-count{display:block;color:var(--mint);font-size:12px}.countdown{background:var(--amber);color:var(--deep);border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:23px;font-weight:750;font-variant-numeric:tabular-nums}.countdown.urgent{background:var(--coral)}#setup .setup-layout{display:grid;grid-template-columns:1fr 1fr}#setup .join-card,#setup .host-card{grid-column:auto;grid-row:auto}.brand{cursor:default}@media(min-width:1000px){#setup{display:block;max-width:1000px;margin:auto}.page-intro{margin-bottom:32px}.page-intro h1{font-size:52px}.back-link{display:none}}@media(max-width:600px){#setup .setup-layout,.topic-cards{grid-template-columns:1fr}.topic-card{min-height:145px;padding:22px;gap:12px}.topic-card strong{font-size:22px}.topic-top{flex-wrap:wrap}.map-heading{display:block}.map-heading h1{font-size:29px}.map-heading button{margin-top:16px}.explorer-frame{height:75vh;border-radius:15px}.flow-stages{gap:5px}.flow-stages span{font-size:10px;padding:8px 10px}.live-badge{display:none}.countdown{width:48px;height:48px;font-size:19px}.topic-number{font-size:20px}}