:root{--bg:#0d1020;--bg-soft:#171b31;--card:#12162be0;--card-border:#ffffff1a;--text:#f3f5ff;--muted:#aab0cf;--accent:#ffb703;--accent-2:#7bdff2;--success:#3ddc97;--danger:#ff6b6b;--shadow:0 20px 60px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#7bdff229,#0000 30%),radial-gradient(circle at 100% 0,#ffb70329,#0000 24%),linear-gradient(#090b15 0%,#121629 60%,#0d1020 100%);margin:0;font-family:Georgia,Times New Roman,serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.home-shell,.screen{width:min(1200px,100vw - 32px);margin:0 auto;padding:32px 0 56px}.home-shell{align-content:center;gap:28px;min-height:100vh;display:grid}.hero-card,.panel,.surface,.note-card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px}.hero-card{grid-template-columns:1.4fr 1fr;gap:24px;padding:32px;display:grid}.hero-copy h1,.topbar h1,.surface h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:.95}.hero-text,.muted,.question-help,.panel span,.leaderboard-empty,.field-error,.timer-meta,.note-card p{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--accent-2);margin:0 0 12px;font-size:.76rem}.hero-actions,.join-form,.stack{gap:14px;display:grid}.field-label{color:var(--muted);font-size:.9rem}.text-input,.file-input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:14px 16px}select.text-input{color:var(--text);background-color:#1b2039;font-weight:600}select.text-input option{color:#f3f5ff;background-color:#1b2039}select.text-input option:checked,select.text-input option:hover{color:#fff;background-color:#2a3154}.button-row{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.answer-button{cursor:pointer;border:0;border-radius:16px;padding:14px 18px;transition:transform .15s,opacity .15s,background .15s}.inline-button{justify-content:center;align-items:center;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--accent), #ff8f00);color:#1b1300;font-weight:700}.secondary-button{color:var(--text);background:#ffffff14}.primary-button:hover,.secondary-button:hover,.answer-button:hover{transform:translateY(-1px)}.surface,.panel,.note-card{padding:24px}.home-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.note-card h2,.panel h2{margin:0 0 10px;font-size:1.15rem}.topbar,.panel-title-row,.question-meta,.timer-header,.timer-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{margin-bottom:24px}.topbar-score{text-align:right;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;gap:4px;min-width:160px;padding:14px 18px;display:grid}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);align-items:start;gap:20px;display:grid}.panel{gap:14px;display:grid}.timer-shell{gap:10px;display:grid}.timer-label,.timer-points,.question-phase{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.timer-points,.question-phase{color:var(--accent)}.timer-track{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.timer-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--success));height:100%}.timer-meta{font-size:.92rem}.question-prompt,.question-prompt h2{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05}.question-value-callout{color:var(--text);background:#ffb7031a;border:1px solid #ffb7032e;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.question-value-callout.awarded{background:#3ddc971f;border-color:#3ddc9747;animation:.52s ease-out score-award-pulse}.question-value-callout.miss{background:#ff6b6b1f;border-color:#ff6b6b47;animation:.52s ease-out score-award-pulse}.question-value-callout strong{color:var(--accent);letter-spacing:.08em;font-size:1rem}.question-value-callout.awarded strong{color:var(--success)}.question-value-callout.miss strong{color:var(--danger)}.answers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answers-placeholder{text-align:center;color:var(--muted);border:1px dashed #ffffff24;border-radius:18px;grid-column:1/-1;padding:40px 16px}.answer-button{min-height:68px;color:var(--text);text-align:left;background:#ffffff14;border:1px solid #ffffff14;padding:16px}.answer-button-content{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.answer-button-meta{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ffb70329;border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem}.answer-button-meta.locked{color:var(--accent);background:#ffb70329;animation:.52s ease-out score-badge-pulse}.answer-button-meta.awarded{color:var(--success);background:#3ddc972e;animation:.52s ease-out score-badge-pulse}.answer-button-meta.miss{color:var(--danger);background:#ff6b6b2e;animation:.52s ease-out score-badge-pulse}.answer-button.selected{background:#7bdff224;border-color:#7bdff2e6}.answer-button.correct{background:#3ddc9724;border-color:#3ddc97e6}.answer-button.eliminated{opacity:.38;text-decoration:line-through}.answer-button.disabled{cursor:not-allowed}.leaderboard{gap:10px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-item{background:#ffffff0d;border-radius:16px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.leaderboard-item.active{background:#ffb7031f;border:1px solid #ffb7034d}.leaderboard-rank{color:var(--accent-2)}.leaderboard-score{color:var(--accent);font-weight:700}.error-list{color:var(--danger);margin:0;padding-left:18px}.winner-panel{border-color:#3ddc9759}.session-paused{color:var(--accent-2);background:#7bdff21f;border:1px solid #7bdff233;border-radius:14px;margin:0;padding:10px 12px}.explanation-box{border-left:3px solid var(--success);color:var(--muted);padding-left:14px}@keyframes score-award-pulse{0%{transform:scale(.98);box-shadow:0 0 #3ddc9742}60%{transform:scale(1.01);box-shadow:0 0 0 10px #3ddc9700}to{transform:scale(1);box-shadow:0 0 #3ddc9700}}@keyframes score-badge-pulse{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}@media (max-width:900px){.hero-card,.content-grid,.home-notes{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.home-shell,.screen{width:min(100vw - 20px,1200px);padding:18px 0 28px}.hero-card,.surface,.panel,.note-card{padding:18px}.answers-grid{grid-template-columns:1fr}}
