@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Russo+One&display=swap";:root{color:#f5f3ec;font-synthesis:none;--lime:#d8ff56;--coral:#ff765e;--muted:#989ba8;background:#111218;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 10%,#24243d 0,#0000 28rem),#111218;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{flex-direction:column;max-width:1440px;min-height:100vh;margin:auto;padding:28px clamp(22px,5vw,76px) 36px;display:flex}.topbar{border-bottom:1px solid #30313a;justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{color:#111218;background:var(--lime);border-radius:12px 12px 4px;place-items:center;width:40px;height:40px;font-family:Russo One,sans-serif;font-size:13px;display:grid}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--lime);font-size:11px;font-weight:800}.eyebrow{color:var(--muted)}.hero{flex:1;grid-template-columns:1.08fr .92fr;align-items:center;gap:8vw;padding:8vh 0 5vh;display:grid}h1{letter-spacing:-.055em;margin:12px 0 24px;font-family:Russo One,Manrope,sans-serif;font-size:clamp(48px,7vw,104px);font-weight:400;line-height:.94}h1 em{color:var(--lime);font-style:normal}.lede{color:#b5b7c0;max-width:600px;font-size:clamp(16px,1.5vw,20px);line-height:1.7}.mode-grid{gap:16px;display:grid}.mode-card{background:#191a23d9;border:1px solid #383943;border-radius:24px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;min-height:190px;padding:25px;transition:transform .2s,border-color .2s;display:grid}.mode-card:hover{border-color:var(--lime);transform:translateY(-4px)}.mode-card strong{letter-spacing:-.04em;grid-column:1/-1;align-self:end;font-size:28px}.mode-card>span:not(.mode-number){color:var(--muted);margin-top:5px}.mode-card b{color:var(--lime);grid-area:3/2;font-size:24px}.mode-number{color:#666976;font-size:12px;font-weight:800}.player-card{background:var(--lime);color:#151619;border-color:var(--lime)}.player-card>span:not(.mode-number),.player-card b{color:#454a31}.footnote{color:#737681;letter-spacing:.05em;font-size:12px}.center-card{text-align:center;width:min(700px,100%);margin:auto;padding:7vh 0}.center-card h1{font-size:clamp(50px,7vw,86px)}.center-card>p:not(.kicker):not(.error){color:var(--muted);max-width:460px;margin:0 auto 32px;line-height:1.7}.primary-button{cursor:pointer;background:var(--lime);color:#151619;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:40px;min-height:58px;padding:0 22px;font-weight:800;transition:transform .15s,opacity .15s;display:inline-flex}.primary-button:hover{transform:translateY(-2px)}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button span{font-size:21px}.error{color:#ff9582;margin:18px 0}.lobby-grid{flex:1;grid-template-columns:1.2fr .8fr;gap:24px;padding-top:34px;display:grid}.room-panel,.players-panel{background:#16171fe0;border:1px solid #333540;border-radius:28px;padding:clamp(24px,4vw,52px)}.room-panel{flex-direction:column;display:flex}.room-panel-top,.section-heading{justify-content:space-between;align-items:start;display:flex}.status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.status i{background:#6c6f78;border-radius:50%;width:8px;height:8px}.status.online i{background:var(--lime);box-shadow:0 0 15px var(--lime)}.status.offline i{background:var(--coral)}.room-code{gap:clamp(6px,1.2vw,14px);margin:auto 0;display:flex}.room-code span{aspect-ratio:.72;color:#16171b;background:#f1efe8;border-radius:18px;flex:1;place-items:center;min-width:0;font-family:Russo One;font-size:clamp(42px,7vw,94px);display:grid}.room-hint{color:var(--muted);text-align:center}.host-note{color:#aeb0ba;background:#20212a;border-radius:14px;margin-top:auto;padding:16px;font-size:13px}.host-note span{color:var(--lime);margin-right:8px;font-weight:800}.section-heading h2{letter-spacing:-.04em;margin:6px 0 0;font-size:34px}.player-count{color:var(--lime);font-family:Russo One;font-size:20px}.empty-state{text-align:center;color:#757884;place-content:center;min-height:380px;display:grid}.empty-state span{border:1px dashed #555863;border-radius:50%;place-items:center;width:50px;height:50px;margin:auto;font-size:25px;display:grid}.player-list{gap:10px;margin:0;padding:20px 0 0;list-style:none;display:grid}.player-list li{background:#20212a;border-radius:13px;padding:15px;font-weight:700}.player-list li span{color:#696c78;margin-right:14px;font-size:11px}.join-layout{flex:1;grid-template-columns:1fr minmax(320px,480px);align-items:center;gap:8vw;display:grid}.join-layout h1{font-size:clamp(48px,6vw,86px)}.join-form{background:#191a22;border:1px solid #383943;border-radius:25px;gap:22px;padding:clamp(24px,4vw,44px);display:grid}.join-form label{color:#b7b9c1;gap:9px;font-size:12px;font-weight:700;display:grid}.join-form input{color:#fff;background:#111218;border:1px solid #3b3d48;border-radius:13px;outline:none;width:100%;min-height:58px;padding:0 16px;font-size:18px}.join-form input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d8ff5620}.join-form .primary-button{width:100%;margin-top:8px}.joined-card{text-align:center;background:#191a22;border:1px solid #383943;border-radius:28px;width:min(620px,100%);margin:auto;padding:clamp(30px,7vw,72px)}.joined-card>.status{float:right}.joined-card .kicker{clear:both;padding-top:25px}.checkmark{background:var(--lime);color:#151619;border-radius:50%;place-items:center;width:86px;height:86px;margin:35px auto 20px;font-size:40px;display:grid}.joined-card h1{font-family:Manrope;font-size:clamp(42px,7vw,70px);font-weight:800}.joined-card p{color:var(--muted)}.joined-card strong{color:#fff}.waiting{color:#a9abb4;background:#22232c;border-radius:13px;justify-content:center;align-items:center;gap:6px;margin-top:36px;padding:16px;display:flex}.waiting i{background:var(--lime);border-radius:50%;width:5px;height:5px;animation:1s infinite alternate pulse}.waiting i:nth-child(2){animation-delay:.2s}.waiting i:nth-child(3){animation-delay:.4s}.waiting span{margin-left:8px}.text-link{color:var(--lime);font-weight:800}.admin-login .admin-token-form{gap:10px;width:min(580px,100%);margin:auto;display:flex}.admin-token-form input{color:#fff;background:#111218;border:1px solid #3b3d48;border-radius:13px;flex:1;min-width:0;padding:0 16px}.admin-header{justify-content:space-between;align-items:end;gap:30px;padding:46px 0 28px;display:flex}.admin-header h1{margin-bottom:0;font-family:Manrope;font-size:clamp(38px,5vw,68px);font-weight:800}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.upload-button,.compact-button{cursor:pointer;color:#f5f3ec;background:#20212a;border:1px solid #454753;border-radius:14px;padding:14px 18px;font-size:13px;font-weight:800}.upload-button input{display:none}.upload-button.disabled{opacity:.5;pointer-events:none}.bank-summary{background:#191a22;border:1px solid #343641;border-radius:20px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.bank-summary div{border-right:1px solid #343641;flex-direction:column;gap:7px;padding:20px 24px;display:flex}.bank-summary div:last-child{border:0}.bank-summary span{color:var(--muted);font-size:12px}.bank-summary strong{color:var(--lime);font-family:Russo One;font-size:28px}.admin-message{background:#20212a;border-radius:12px;padding:12px 16px}.notice{color:var(--lime)}.topic-tabs{gap:8px;padding:25px 0 15px;display:flex;overflow-x:auto}.topic-tabs button{white-space:nowrap;color:#b5b7c0;cursor:pointer;background:0 0;border:1px solid #343641;border-radius:999px;padding:10px 15px;font-weight:700}.topic-tabs button.active{background:var(--lime);border-color:var(--lime);color:#16171b}.topic-tabs button span{opacity:.6;margin-left:5px}.question-list{gap:14px;padding:8px 0 50px;display:grid}.question-card{background:#191a22;border:1px solid #343641;border-radius:20px;padding:clamp(20px,3vw,32px)}.question-card header{justify-content:space-between;align-items:center;gap:20px;display:flex}.publication{text-transform:uppercase;letter-spacing:.08em;color:#a8aab4;background:#2b2c35;border-radius:99px;margin-right:10px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-block}.publication.published{color:#151619;background:var(--lime)}.question-meta{color:#737681;font-size:11px}.compact-button{padding:9px 12px}.compact-button:disabled{cursor:not-allowed;opacity:.45}.question-card h2{letter-spacing:-.035em;max-width:1000px;margin:24px 0 18px;font-size:clamp(20px,2.5vw,30px)}.answer-preview{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.answer-preview li{color:#b8bac3;background:#22232c;border-radius:11px;align-items:center;gap:12px;padding:12px;display:flex}.answer-preview li b{color:#f5f3ec;background:#30323c;border-radius:8px;flex:0 0 28px;place-items:center;height:28px;font-size:11px;display:grid}.answer-preview li.correct{color:#efffc3;outline:1px solid #d8ff5660}.answer-preview li.correct b{color:#151619;background:var(--lime)}.explanation{color:#989ba8;border-top:1px solid #30313a;margin:20px 0 0;padding-top:16px;font-size:13px;line-height:1.6}.explanation strong{color:#d9dae0}@keyframes pulse{to{opacity:.25;transform:translateY(-3px)}}@media (width<=800px){.hero,.lobby-grid,.join-layout{grid-template-columns:1fr}.hero{gap:42px;padding-top:60px}.lobby-grid{padding-bottom:20px}.room-panel{min-height:450px}.join-layout{padding:50px 0}.eyebrow{display:none}.admin-header{flex-direction:column;align-items:start}.bank-summary{grid-template-columns:1fr 1fr}.bank-summary div:nth-child(2){border-right:0}.bank-summary div:nth-child(-n+2){border-bottom:1px solid #343641}}@media (width<=480px){.shell{padding:18px}.room-code span{border-radius:10px;font-size:38px}.room-panel,.players-panel{border-radius:20px;padding:20px}.mode-card{min-height:160px}.admin-token-form,.admin-actions{flex-direction:column}.admin-actions,.admin-actions>*{text-align:center;width:100%}.answer-preview{grid-template-columns:1fr}}