:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#101827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(#101827 0%,#132235 54%,#101827 100%);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(1280px,100%);min-height:100vh;margin:0 auto;padding:20px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.brand{color:#f8fbff;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{color:#101827;background:#facc15;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.topbar-actions{align-items:center;gap:10px;display:flex}.room-pill{color:#d6e4f7;background:#172437;border:1px solid #2c3b52;border-radius:8px;padding:8px 10px;font-size:14px}.status-line{color:#ffec99;background:#2a220f;border:1px solid #665012;border-radius:8px;margin-bottom:16px;padding:12px 14px}.home-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:stretch;gap:20px;display:grid}.hero-panel,.setup-panel,.single-panel,.editor-panel,.pack-list,.score-panel,.game-panel,.lobby-panel,.question-stage{background:#121f30eb;border:1px solid #2c3b52;border-radius:8px;box-shadow:0 24px 70px #0000003d}.hero-panel{text-align:center;background:linear-gradient(135deg,#1d4ed8b3,#1018271f),linear-gradient(90deg,#facc152e 0 2px,#0000 2px 96px),linear-gradient(0deg,#facc151f 0 2px,#0000 2px 82px),#12213a;flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:420px;padding:clamp(28px,6vw,64px);display:flex;overflow:hidden}.hero-logo,.hero-panel h1,.single-panel h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(36px,7vw,76px);line-height:.98}.hero-logo{color:#facc15;background:#143c91;border:3px solid #facc15;border-radius:8px;gap:0;width:fit-content;padding:clamp(10px,2vw,18px) clamp(14px,3vw,28px);display:inline-grid;transform:skew(-4deg);box-shadow:10px 10px #071225,inset 0 0 0 2px #ffffff14}.hero-logo-main,.hero-logo-sub{letter-spacing:0;text-transform:none;text-shadow:3px 3px #071225;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-weight:900;line-height:.82;display:block;transform:skew(4deg)}.hero-logo-main{font-size:clamp(96px,16vw,178px)}.hero-logo-main span{text-transform:uppercase}.hero-logo-sub{justify-self:end;margin-top:5px;font-size:clamp(54px,8vw,92px)}.hero-panel p{color:#d9e5f6;max-width:620px;margin:18px 0 0;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:0;display:flex}.setup-panel,.single-panel{padding:24px}.pack-summary{background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;gap:4px;margin-top:12px;padding:12px;display:grid}.pack-summary span{color:#9db1cb;font-size:13px}.setup-panel h2,.score-panel h2,.lobby-panel h2{margin:0 0 18px;font-size:22px}.field-label{color:#adc0d8;gap:8px;font-size:13px;font-weight:700;display:grid}input,select,textarea{color:#f8fbff;background:#0f1a29;border:1px solid #344761;border-radius:8px;outline:none;width:100%;padding:12px 13px}textarea{resize:vertical;min-height:86px}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.primary-button,.secondary-button,.ghost-button,.danger-button,.correct-button,.wrong-button,.text-button,.import-button{border:0;border-radius:8px;min-height:44px;padding:11px 15px;font-weight:800}.primary-button{color:#101827;background:#facc15}.secondary-button{color:#eaf2ff;background:#20324a;border:1px solid #3a4d69}.ghost-button,.text-button{color:#cbdcf2;background:0 0;border:1px solid #2c3b52}.danger-button,.wrong-button{color:#ffe8e8;background:#b4232c}.correct-button{color:#052e1a;background:#4ade80}.small{min-height:36px;padding:8px 12px;font-size:14px}.full{width:100%}.segmented{background:#0d1725;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0;padding:5px;display:grid}.segmented button{color:#b7c8df;background:0 0;border:0;border-radius:7px;min-height:42px;font-weight:800}.segmented button.active{color:#101827;background:#93c5fd}.single-panel{width:min(520px,100%);margin:40px auto}.join-form{gap:16px;margin-top:24px;display:grid}.room-code-input{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.room-code-input input{text-align:center;color:#101827;letter-spacing:0;text-transform:uppercase;caret-color:#143c91;background:#eaf2ff;border-color:#486c9d;min-height:58px;padding:0;font-size:26px;font-weight:900}.room-code-input input:focus{border-color:#facc15;box-shadow:0 0 0 3px #facc152e}.pack-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:18px;display:grid}.pack-list,.editor-panel{padding:16px}.panel-heading,.editor-header,.category-editor-heading,.timer-row,.judge-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.import-button{color:#eaf2ff;background:#142237;border:1px dashed #48607e;place-items:center;margin:12px 0;display:grid}.import-button input{display:none}.pack-card{background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;margin-top:10px;overflow:hidden}.pack-card.active{border-color:#facc15}.pack-card>button{text-align:left;color:#eef5ff;background:0 0;border:0;gap:4px;width:100%;padding:14px;display:grid}.pack-card span,.muted-text{color:#8fa4bf;font-size:13px}.pack-card-actions{border-top:1px solid #26354b;grid-template-columns:1fr 1fr;display:grid}.pack-card-actions button{color:#bdd0e9;background:0 0;border:0;min-height:36px}.empty-state{color:#adc0d8;place-items:center;min-height:240px;display:grid}.pack-editor{gap:18px;display:grid}.round-tabs,.host-tabs{flex-wrap:wrap;gap:8px;display:flex}.round-tabs button,.host-tabs button{color:#cfe0f6;background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;min-height:40px;padding:9px 12px;font-weight:800}.round-tabs button.active,.host-tabs button.active{color:#101827;background:#93c5fd;border-color:#93c5fd}.round-editor,.final-topic-editor-list{gap:14px;display:grid}.editor-header{align-items:end}.editor-header .field-label{flex:1}.category-stack{gap:16px;display:grid}.category-editor{background:#101b2b;border:1px solid #2c3b52;border-radius:8px;padding:14px}.category-editor-heading{align-items:end;margin-bottom:12px}.category-editor-heading .field-label{flex:1}.question-editor{border-top:1px solid #26354b;grid-template-columns:92px minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:10px;padding:12px 0;display:grid}.question-editor .timer-row{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.timer-row label{color:#9db1cb;gap:5px;font-size:12px;font-weight:700;display:grid}.timer-row input{width:110px}.timer-row select{min-width:150px}.final-topic-editor{background:#101b2b;border:1px solid #2c3b52;border-radius:8px;grid-template-columns:180px minmax(0,1fr) minmax(0,.8fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.final-topic-editor button{color:#ffe8e8;background:#8f1d25;border:0;border-radius:8px;min-height:44px}.host-shell{gap:12px;display:grid}.host-tabs{display:none}.room-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.score-panel,.game-panel{padding:16px}.room-code-box{color:#101827;background:#facc15;border-radius:8px;gap:4px;margin-bottom:12px;padding:16px;display:grid}.room-code-box span{font-size:12px;font-weight:800}.room-code-box strong{font-size:42px;line-height:1}.host-mode-control{background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;gap:10px;margin:12px 0 16px;padding:12px;display:grid}.host-mode-heading{color:#adc0d8;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.host-mode-heading b{color:#facc15}.host-mode-segmented{margin:0}.score-list{gap:10px;margin:16px 0;display:grid}.score-list h3{margin:0}.score-row{background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.score-row div:first-child{gap:2px;display:grid}.score-row span{color:#8fa4bf;font-size:12px}.score-row b{color:#facc15;align-self:start;font-size:22px}.score-actions{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.score-actions button{color:#dce8f8;background:#20324a;border:0;border-radius:7px;min-height:32px}.room-status{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.room-status span,.room-status strong{color:#cfe0f6;background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;padding:7px 10px;font-size:13px}.room-status strong{color:#101827;background:#93c5fd}.lobby-panel{padding:24px}.lobby-players{flex-wrap:wrap;gap:8px;display:flex}.lobby-players span{color:#e9f2ff;background:#20324a;border-radius:8px;padding:9px 12px}.lobby-settings{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px;display:grid}.lobby-settings h3{grid-column:1/-1;margin:0;font-size:16px}.lobby-settings div{background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;gap:4px;padding:10px;display:grid}.lobby-settings span{color:#9db1cb;font-size:12px;font-weight:800}.lobby-settings strong{overflow-wrap:anywhere}.muted-player{opacity:.5}.board-wrap{padding-bottom:4px;overflow-x:auto}.game-board{grid-template-columns:repeat(var(--columns), minmax(126px, 1fr));gap:8px;min-width:min(720px,100%);display:grid}.category-column{gap:8px;display:grid}.category-title,.question-cell{border-radius:8px;min-height:74px}.category-title{text-align:center;color:#e6f0ff;background:#1f3760;border:1px solid #4b6384;place-items:center;padding:10px;font-weight:900;display:grid}.question-cell{color:#facc15;background:#1d4ed8;border:1px solid #358;place-items:center;gap:2px;font-size:28px;font-weight:900;display:grid;box-shadow:inset 0 -4px #0000002e}.question-cell small{color:#dbeafe;text-transform:uppercase;max-width:100%;font-size:10px;font-weight:900;line-height:1}.question-cell.used{color:#52667f;box-shadow:none;background:#142237}.question-stage{gap:16px;margin-top:16px;padding:20px;display:grid}.question-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.question-meta>span,.question-meta>strong{color:#dce8f8;background:#20324a;border-radius:8px;padding:8px 10px}.question-meta>strong{color:#101827;background:#facc15}.timer{color:#101827;background:#93c5fd;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-weight:900;display:inline-flex}.timer span{font-size:12px}.timer.hot{color:#ffe8e8;background:#b4232c}.question-stage h2{letter-spacing:0;margin:0;font-size:clamp(24px,4vw,46px);line-height:1.12}.modifier-stage{text-align:center;background:linear-gradient(135deg,#facc152e,#1d4ed838),#0f1a29;border:2px solid #facc15;border-radius:8px;place-items:center;gap:8px;min-height:190px;padding:22px;display:grid}.modifier-stage span{color:#facc15;font-size:clamp(42px,10vw,86px);font-weight:950;line-height:.95}.modifier-stage strong{color:#f8fbff;font-size:clamp(24px,6vw,44px)}.modifier-stage p{color:#cfe0f6;margin:0}.modifier-stage.compact{min-height:128px}.result-banner{background:#0f1a29;border:1px solid #36506f;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;display:flex}.result-banner strong{color:#101827;background:#93c5fd;border-radius:7px;padding:5px 8px}.result-banner.correct strong,.result-banner.modifier strong{background:#facc15}.result-banner.wrong strong{color:#ffe8e8;background:#b4232c}.result-banner.muted strong{color:#cfe0f6;background:#20324a}.answer-reveal,.locked-box,.voice-answer,.transfer-panel,.modifier-action-panel,.argument-review-panel,.waiting-card{background:#0f1a29;border:1px solid #3a4d69;border-radius:8px;gap:6px;padding:14px;display:grid}.answer-reveal span,.locked-box span{color:#9db1cb;font-size:12px;font-weight:800}.answer-reveal strong,.locked-box strong{font-size:20px}.answer-reveal.compact{margin-bottom:12px}.transfer-panel h2,.modifier-action-panel h2,.argument-review-panel h2,.waiting-card h2{margin:0}.waiting-card p{color:#9db1cb;margin:0}.modifier-action-panel{gap:10px;min-width:0;max-width:100%}.modifier-action-panel select,.modifier-action-panel input,.modifier-action-panel textarea{max-width:100%}.argument-review-panel{border-color:#facc15;gap:12px}.argument-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.argument-review-grid div{background:#101b2b;border:1px solid #2c3b52;border-radius:8px;gap:4px;padding:10px;display:grid}.argument-review-grid span{color:#9db1cb;font-size:12px;font-weight:800}.argument-review-grid strong{overflow-wrap:anywhere}.argument-review-panel p{color:#eaf2ff;overflow-wrap:anywhere;margin:0}.host-judge{padding-top:4px}.judge-actions{flex-wrap:wrap;justify-content:flex-start}.buzz-button{color:#101827;background:#facc15;border:0;border-radius:8px;width:100%;min-height:96px;font-size:clamp(26px,8vw,44px);font-weight:950}.answer-form{gap:10px;min-width:0;display:grid}.player-screen{gap:14px;display:grid}.player-header{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;display:grid}.player-header>div{background:#121f30;border:1px solid #2c3b52;border-radius:8px;gap:4px;padding:14px;display:grid}.player-header span{color:#9db1cb;font-size:12px;font-weight:800}.player-header strong{font-size:22px}.golden-header strong,.active-modifier-header strong{color:#facc15}.mobile-board-toggle{display:grid}.round-preview,.final-stage{background:#121f30eb;border:1px solid #2c3b52;border-radius:8px;gap:16px;padding:20px;display:grid}.round-preview h2,.final-stage h2{margin:0}.round-preview-grid,.final-topic-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.round-card,.final-topic-grid button,.final-player-card{text-align:left;color:#eef5ff;background:#0f1a29;border:1px solid #344761;border-radius:8px;gap:10px;min-height:120px;padding:14px;display:grid}.round-card strong,.final-topic-grid strong,.final-player-card strong{font-size:18px}.round-card div,.final-topic-grid button,.final-player-card{align-content:start}.round-card span{color:#dbeafe;background:#20324a;border-radius:7px;margin:0 6px 6px 0;padding:6px 8px;font-size:12px;font-weight:800;display:inline-flex}.final-card{border-color:#facc15}.final-topic-grid button{cursor:pointer}.final-topic-grid button.eliminated{opacity:.42;text-decoration:line-through}.final-host-grid{gap:12px;display:grid}.final-player-card span{color:#9db1cb;overflow-wrap:anywhere}.final-player-card b{color:#facc15;font-size:22px}.final-results{background:#121f30eb;border:1px solid #2c3b52;border-radius:8px;gap:14px;padding:20px;display:grid}.winner-card{color:#101827;background:#facc15;border-radius:8px;gap:6px;padding:18px;display:grid}.winner-card span{font-size:13px;font-weight:900}.winner-card strong{font-size:clamp(30px,6vw,56px);line-height:1}.leaderboard{gap:8px;display:grid}.leaderboard-row{background:#0f1a29;border:1px solid #2c3b52;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.leaderboard-row.me{border-color:#facc15}.leaderboard-row span{color:#101827;background:#93c5fd;border-radius:7px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.leaderboard-row b{color:#facc15;font-size:24px}@media (width<=880px){.app-shell{padding:14px}.home-grid,.pack-layout,.room-layout{grid-template-columns:1fr}.host-tabs{grid-template-columns:repeat(3,1fr);display:grid}.host-tabs button{width:100%}.host-section{display:none}.host-section.active{display:block}.hero-panel{min-height:360px}.question-editor,.final-topic-editor{grid-template-columns:1fr}.value-input{max-width:160px}.panel-heading,.editor-header,.category-editor-heading{flex-direction:column;align-items:stretch}.game-board{grid-template-columns:repeat(var(--columns), minmax(112px, 1fr))}}@media (width<=560px){.topbar{align-items:flex-start}.topbar-actions{flex-direction:column;align-items:flex-end}.hero-panel h1,.hero-logo,.single-panel h1{font-size:38px}.hero-logo{max-width:calc(100% - 10px);box-shadow:8px 8px #071225,inset 0 0 0 2px #ffffff14}.hero-logo-main{font-size:clamp(92px,24vw,116px)}.hero-logo-sub{font-size:clamp(50px,13vw,64px)}.hero-panel p{font-size:16px}.hero-actions{display:grid}.board-wrap{padding-bottom:0;overflow-x:visible}.game-board{grid-template-columns:1fr;min-width:0;display:grid}.category-column{grid-template-columns:minmax(92px,.7fr) repeat(2,minmax(72px,1fr));align-items:stretch}.category-column .category-title{grid-row:1/span 3;min-height:100%;font-size:13px}.category-title,.question-cell{min-height:58px}.question-cell{font-size:22px}.player-header{grid-template-columns:minmax(0,1fr) auto}.golden-header,.active-modifier-header{grid-column:1/-1}.score-panel,.game-panel,.round-preview,.final-stage,.question-stage{padding:14px}.question-stage{gap:12px}.modifier-stage{min-height:116px;padding:14px}.modifier-stage.compact{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;min-height:72px}.modifier-stage span{font-size:clamp(36px,12vw,54px)}.modifier-stage.compact span{font-size:28px}.modifier-stage strong{font-size:clamp(20px,7vw,30px)}.modifier-stage.compact strong{font-size:18px}.modifier-stage.compact p{display:none}.modifier-action-panel,.argument-review-panel{padding:12px}.modifier-action-panel h2,.argument-review-panel h2{font-size:18px}.modifier-action-panel textarea{min-height:72px}.modifier-submit-button{z-index:2;position:sticky;bottom:8px;box-shadow:0 10px 28px #00000057}.room-code-box strong{font-size:34px}.score-actions,.argument-review-grid,.round-preview-grid,.final-topic-grid{grid-template-columns:1fr}}