:root{--color-bg-from:#eef2ff;--color-bg-to:#e0f2fe;--color-ink:#1e293b;--color-muted:#64748b;--color-primary:#4338ca;--color-primary-dark:#3730a3;--color-accent:#f59e0b;--color-good:#16a34a;--color-bad:#dc2626;--color-card:#fff;--color-border:#e2e8f0;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(160deg, var(--color-bg-from), var(--color-bg-to) 60%);color:var(--color-ink);min-height:100vh;margin:0}.screen{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:20px 16px 48px;display:flex}.loading-screen{text-align:center;justify-content:center;align-items:center;min-height:100vh;font-size:1.1rem}h1{margin:8px 0 0;font-size:1.6rem}h2{margin:0 0 10px;font-size:1.1rem}.home-hero{text-align:center;padding:12px 0}.home-subtitle{color:var(--color-muted);margin:6px 0 0}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px;box-shadow:0 2px 10px #0f172a0d}.btn{cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:700;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{color:#78350f;background:#fde68a}.btn-ghost{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-danger{background:var(--color-bad);color:#fff}.home-actions,.setup-actions,.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.bot-roster{flex-direction:column;gap:10px;display:flex}.bot-roster-item{align-items:center;gap:12px;display:flex}.bot-roster-emoji{font-size:2rem}.bot-roster-item p{color:var(--color-muted);margin:2px 0 0;font-size:.9rem}.rules-list{margin:0;padding-left:20px;line-height:1.6}.source-note{color:var(--color-muted);margin-top:10px;font-size:.85rem}.field-label{margin:10px 0 6px;font-size:.9rem;font-weight:700;display:block}.text-input{border:1px solid var(--color-border);border-radius:10px;width:100%;padding:10px 12px;font-size:1rem}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.avatar-option{border:2px solid var(--color-border);cursor:pointer;background:#f8fafc;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:1.8rem;display:flex}.avatar-option small{color:var(--color-muted);font-size:.7rem}.avatar-option-active{border-color:var(--color-primary);background:#eef2ff}.subject-toggle,.range-row{flex-wrap:wrap;gap:10px;display:flex}.chip{border:2px solid var(--color-border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-weight:600}.chip-active{border-color:var(--color-primary);color:var(--color-primary);background:#eef2ff}.setup-hint{color:var(--color-muted);margin-top:10px;font-size:.85rem}.range-row>div{flex:1;min-width:120px}.game-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.game-progress{color:var(--color-muted);font-weight:700}.character-badge{color:#1e293b;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:flex;box-shadow:0 2px 6px #00000014}.character-badge-emoji{font-size:1.4rem}.character-badge-text{flex-direction:column;line-height:1.1;display:flex}.character-badge-text small{opacity:.8;font-weight:500}.timer{align-items:center;gap:8px;min-width:130px;display:flex}.timer-track{background:#e2e8f0;border-radius:999px;flex:1;height:10px;overflow:hidden}.timer-fill{background:var(--color-primary);height:100%;transition:width 1s linear}.timer-urgent .timer-fill{background:var(--color-bad)}.timer-label{white-space:nowrap;font-size:.85rem;font-weight:700}.scoreboard{flex-wrap:wrap;gap:8px;display:flex}.scoreboard-row{border:1px solid var(--color-border);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.scoreboard-row-active{border-color:var(--color-primary);background:#eef2ff}.scoreboard-rank{color:var(--color-muted);font-weight:700}.scoreboard-score{font-weight:800}.question-card{text-align:center}.question-text{margin:4px 0 20px;font-size:1.25rem;font-weight:700;line-height:1.4}.options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.options-grid{grid-template-columns:1fr}}.option-btn{text-align:left;border:2px solid var(--color-border);cursor:pointer;background:#f8fafc;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:1rem;display:flex}.option-letter{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:inline-flex}.option-selected{border-color:var(--color-primary);background:#eef2ff}.option-correct{border-color:var(--color-good);background:#dcfce7}.option-wrong{border-color:var(--color-bad);background:#fee2e2}.option-btn:disabled{cursor:default}.resolving-line{text-align:center;color:var(--color-muted);font-weight:600}.reveal-card{flex-direction:column;align-items:stretch;gap:10px;display:flex}.reveal-verdict{text-align:center;margin:0;font-size:1.1rem;font-weight:800}.reveal-verdict-good{color:var(--color-good)}.reveal-verdict-bad{color:var(--color-bad)}.reveal-explanation{color:var(--color-muted);text-align:center;margin:0;font-size:.9rem}.reveal-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.reveal-list li{background:#f8fafc;border-radius:8px;justify-content:space-between;padding:6px 10px;font-size:.9rem;display:flex}.reveal-time{color:var(--color-muted)}.result-tagline{text-align:center;color:var(--color-muted)}.podium-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.podium{align-items:flex-end;gap:14px;display:flex}.podium-col{flex-direction:column;align-items:center;width:100px;display:flex}.podium-avatar{font-size:2.2rem}.podium-medal{font-size:1.3rem}.podium-name{text-align:center;font-size:.85rem;font-weight:700}.podium-score{color:var(--color-muted);margin-bottom:6px;font-size:.8rem}.podium-block{background:linear-gradient(#c7d2fe,#818cf8);border-radius:10px 10px 0 0;width:100%}.podium-col-1 .podium-block{background:linear-gradient(#fde68a,#f59e0b);height:100px}.podium-col-2 .podium-block{height:70px}.podium-col-3 .podium-block{background:linear-gradient(#fecaca,#f87171);height:50px}.podium-rest{color:var(--color-muted);font-size:.9rem}.stat-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-list{flex-direction:column;gap:8px;margin:0;padding-left:24px;display:flex}.leaderboard-list li{justify-content:space-between;gap:10px;display:flex}.leaderboard-games{color:var(--color-muted);font-size:.8rem}.admin-signed-in{color:var(--color-muted);font-size:.9rem}.link-btn{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.form-error{color:var(--color-bad);font-size:.85rem}.bank-table{border-collapse:collapse;width:100%;font-size:.9rem}.bank-table th,.bank-table td{text-align:center;border-bottom:1px solid var(--color-border);padding:6px}.option-input-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.option-input-row label{white-space:nowrap;align-items:center;gap:4px;font-size:.85rem;display:flex}