*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}:root{--text:#cfc9df;--text-h:#f4f2fa;--text-dim:#938ca8;--bg:#15131c;--bg-elevated:#1f1c29;--bg-elevated-2:#262233;--border:#322c42;--code-bg:#1f2028;--accent:#8b5cf6;--accent-bg:#8b5cf624;--accent-border:#8b5cf680;--accent-contrast:#fff;--choice-accent:#2dd4bf;--choice-accent-contrast:#082420;--success:#34d399;--danger:#f87171;--social-bg:#26223380;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.btn-primary{font:inherit;letter-spacing:.02em;color:var(--accent-contrast);background:linear-gradient(135deg, var(--accent), var(--choice-accent));cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;margin-top:.25rem;padding:.9rem 2rem;font-size:1.05rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s,opacity .15s;display:inline-flex;box-shadow:0 6px 16px -4px #8b5cf68c}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 22px -6px #8b5cf6a6}.btn-primary:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:default;box-shadow:none;filter:none;transform:none}.btn-primary--block{width:100%;display:flex}input:not([type=checkbox]):not([type=radio]),select{font:inherit;color:var(--text);background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:12px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s,background-color .15s}input:not([type=checkbox]):not([type=radio])::placeholder{color:var(--text-dim)}input:not([type=checkbox]):not([type=radio]):hover,select:hover{border-color:var(--accent-border)}input:not([type=checkbox]):not([type=radio]):focus,select:focus{border-color:var(--accent-border);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-bg)}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.home-lobby{text-align:center;max-width:640px;margin:0 auto;padding:2rem 1rem}.home-lobby .tagline{color:#888;margin-bottom:2rem}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.lobby-actions section{flex:1;min-width:220px}.lobby-actions form{flex-direction:column;gap:.5rem;display:flex}.lobby-actions label{text-align:left;color:#aaa;font-size:.85rem}.archived-toggle{align-items:center;gap:.4rem;display:flex}.lobby-nav-hint{color:#888;font-size:.9rem}.leaderboard-sidebar{box-sizing:border-box;background:var(--bg-elevated,#15151a);border-right:1px solid var(--border,#2a2a33);flex:0 0 260px;width:260px;height:100%;min-height:0;padding:1rem;overflow-y:auto}.leaderboard-sidebar__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim,#888);margin:0 0 1rem;font-size:1.1rem}.leaderboard-sidebar__list{position:relative}.leaderboard-row{height:48px;font:inherit;text-align:left;cursor:default;box-sizing:border-box;border:2px solid #0000;border-radius:8px;align-items:center;gap:.5rem;margin:0;padding:0 .75rem;transition:top .3s,opacity .2s,border-color .2s;display:flex;position:absolute;left:0;right:0}.leaderboard-row:disabled{cursor:default}button.leaderboard-row:not(:disabled){cursor:pointer}.leaderboard-row--selected{outline:3px solid var(--accent,#3a6ea5);outline-offset:-1px}.leaderboard-row--answered{border-color:var(--success,#34d399);opacity:1}.leaderboard-row--pending{opacity:.55;border-color:#0000}.leaderboard-row__rank{opacity:.7;min-width:1.75rem;font-weight:700}.leaderboard-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.leaderboard-row__points{font-variant-numeric:tabular-nums}.host-layout{align-items:stretch;min-height:100vh;display:flex}.host-layout__main{flex:1;min-width:0}.participants-sidebar{box-sizing:border-box;background:#15151a;border-right:1px solid #2a2a33;flex:0 0 260px;width:260px;height:100%;min-height:0;padding:1rem;overflow-y:auto}.participants-sidebar__title{text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 .5rem;font-size:1.1rem}.participants-sidebar__votes{color:#aaa;margin:0 0 1rem;font-size:.9rem}.participants-sidebar__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.participants-row{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:.5rem .75rem;font-weight:600;overflow:hidden}.calibration-chart{background:#1c1c22;border-radius:8px;max-width:520px;margin:0 auto;padding:1rem}.calibration-chart h3{margin:0 0 .75rem}.calibration-chart svg{width:100%;height:auto}.calibration-chart--empty{text-align:center;color:#999}.ideal-label{fill:#999;font-size:11px}.brainstorm-chart{background:#1c1c22;border-radius:8px;max-width:520px;margin:0 auto;padding:1rem}.brainstorm-chart h3{margin:0 0 .75rem}.brainstorm-chart svg{width:100%;height:auto}.brainstorm-chart__legend{color:#ccc;justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.brainstorm-chart__legend i{border-radius:2px;width:10px;height:10px;margin-right:.35rem;display:inline-block}.axis-label{fill:#aaa;font-size:11px}.axis-label--small{fill:#888;font-size:9px}.axis-title{fill:#ccc;font-size:13px;font-weight:600}.brainstorm-recap{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.game-page{max-width:720px;margin:0 auto;padding:1.5rem 1rem}.room-code-label{text-align:center;color:var(--text-dim);margin:0 0 .25rem;font-size:.95rem}.room-code{letter-spacing:.2em;text-align:center;word-break:break-all;margin:.5rem 0 1.5rem;font-size:clamp(1.6rem,9vw,2.5rem);font-weight:700}.reveal-breakdown,.leaderboard{margin:0 0 1.5rem;padding:0;list-style:none}.leaderboard{padding-left:1.5rem;list-style:decimal}.guest-options,.confidence-levels{margin-bottom:1.5rem}.reveal-breakdown li{padding:.3rem 0}.reveal-breakdown li.correct{color:var(--success)}.reveal-breakdown li.incorrect{color:var(--danger)}.answered-progress{margin-bottom:1.25rem}.show-responses-toggle,.host-controls,.question-card{margin-bottom:1.5rem}.question-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.host-controls button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;margin-right:.5rem;padding:.6rem 1.2rem;font-size:1rem}.host-controls button:hover{filter:brightness(1.1)}.host-controls button:disabled{opacity:.55;cursor:default;filter:none}.host-controls button.host-controls__end-game--confirm{background:var(--danger);color:#fff3f3;font-weight:700}.spinner{vertical-align:-.15em;border:2px solid #fff6;border-top-color:currentColor;border-radius:50%;width:.9em;height:.9em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary .spinner,.host-controls button .spinner{margin-right:.5rem}.connecting-banner{color:var(--text-dim);justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.95rem;display:flex}.btn-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.btn-link:hover{filter:brightness(1.2)}.segmented-toggle{border:1px solid var(--border);border-radius:999px;width:100%;max-width:100%;display:flex;overflow:hidden}.segmented-toggle__option{background:var(--bg-elevated-2);min-width:0;color:var(--text);cursor:pointer;text-align:center;overflow-wrap:break-word;word-break:break-word;border:none;border-right:1px solid #0000002e;flex:1;padding:.75rem .5rem;font-family:inherit;font-size:1rem}.segmented-toggle__option:last-child{border-right:none}.segmented-toggle__option:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px}.segmented-toggle__option:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px}.segmented-toggle__option:disabled{cursor:default}.segmented-toggle--binary .segmented-toggle__option.selected{background:var(--choice-accent);color:var(--choice-accent-contrast);font-weight:600}.segmented-toggle--confidence .segmented-toggle__option{opacity:.55;font-size:.8rem;transition:opacity .15s,box-shadow .15s}.segmented-toggle--confidence .segmented-toggle__option.selected{opacity:1;font-weight:700;box-shadow:inset 0 0 0 3px #ffffffd9}.segmented-toggle--confidence .segmented-toggle__option:disabled{opacity:.4}.segmented-toggle--confidence .segmented-toggle__option.selected:disabled{opacity:.85}.question-card h2{margin-bottom:.25rem}.result-banner{border-radius:8px;margin-top:1rem;padding:1rem}.reveal-answer{margin-top:1.75rem}.reveal-answer__correct{margin:0}.reveal-answer__correct strong{color:var(--success)}.reveal-explanation{background:var(--bg-elevated);border-left:3px solid var(--accent);border-radius:8px;margin-top:1rem;padding:.85rem 1rem}.reveal-explanation p{color:var(--text-dim);margin:0}.result-banner.correct{background:color-mix(in srgb, var(--success) 22%, var(--bg-elevated))}.result-banner.incorrect{background:color-mix(in srgb, var(--danger) 22%, var(--bg-elevated))}.error-banner{color:var(--danger);margin-bottom:1rem}.host-play-banner{text-align:center}.host-play-banner__link{word-break:break-all;color:var(--text-dim);margin:.5rem 0;font-size:.9rem}