:root{--bg:#080d22;--panel:#111a35;--panel2:#172342;--line:rgba(255,255,255,.1);--text:#f5f7ff;--muted:#a6b2d0;--gold:#f7c85b;--cyan:#5de2ef;--purple:#8d75ff;--green:#36d99b;--red:#ff6f82;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#18254c 0,transparent 30%),radial-gradient(circle at 90% 30%,#211c55 0,transparent 28%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;z-index:-1;width:320px;height:320px;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}.ambient-one{background:#5c7cff;top:20%;left:-140px}.ambient-two{background:#b05cff;right:-130px;bottom:5%}.topbar,.admin-top{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,13,34,.68);backdrop-filter:blur(16px);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.8px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#f8d26a,#b47a21);color:#10172b;box-shadow:0 6px 20px #d6a53b44}.brand-gold{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:18px}.sound-toggle,.admin-link{border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted);padding:9px 14px;text-decoration:none;font-size:12px;font-weight:700}.sound-toggle:hover,.admin-link:hover{color:#fff;border-color:#ffffff44}.shell{max-width:1180px;margin:0 auto;padding:54px 24px 80px}.home-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.hero{padding:20px 0 12px}.eyebrow,.card-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #36d99b22}.hero h1{font-size:clamp(42px,6vw,68px);line-height:1.03;letter-spacing:-2.8px;max-width:650px;margin:22px 0}.gradient-text{background:linear-gradient(90deg,#f9d56f,#ff9c64,#9d83ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{color:var(--muted);font-size:16px;line-height:1.8;max-width:560px}.hero-stats{display:flex;gap:38px;margin-top:36px}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font-size:26px;color:var(--gold)}.hero-stats span{font-size:11px;color:var(--muted)}.start-card,.question-panel,.ladder-panel,.leaderboard-card,.result-card,.admin-login,.admin-form-card,.admin-list-card,.install-card{background:linear-gradient(145deg,rgba(25,38,72,.96),rgba(13,22,47,.96));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.start-card{padding:30px;position:relative;overflow:hidden}.start-card:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-90px;border-radius:50%;background:#7d6aff22;filter:blur(8px)}h2,h1{font-family:system-ui,sans-serif}.start-card h2{font-size:28px;margin:10px 0 24px}.start-card form,.admin-login form{display:flex;flex-direction:column;gap:10px}.start-card label,.admin-login label,.question-form label{font-size:12px;font-weight:700;color:#dce4fa;margin-top:8px}.start-card input,.start-card select,.admin-login input,.question-form input,.question-form select,.question-form textarea,.filter-form input,.filter-form select{width:100%;border:1px solid #ffffff18;border-radius:12px;padding:13px 14px;background:#0b1430;color:#fff;outline:none;min-width:0}.start-card input:focus,.start-card select:focus,.admin-login input:focus,.question-form input:focus,.question-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5de2ef1b}.start-card select option,.question-form select option{background:#111a35}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:800;font-size:12px;letter-spacing:.3px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(100deg,#f6cf69,#f3a94f);color:#1b2032;box-shadow:0 10px 28px #f1b6532a}.btn.ghost{background:#ffffff0b;border:1px solid var(--line);color:#d9e2f8}.btn.danger{background:#ff6f8220;color:#ff9aa8;border:1px solid #ff6f8244}.btn.full{width:100%;margin-top:14px;padding:15px}.btn.small{padding:9px 13px}.btn.tiny{padding:7px 10px;font-size:10px}.microcopy{font-size:10px;color:#8290b2;text-align:center;margin:16px 0 0}.form-error{color:#ff9aa8;font-size:12px;margin-top:10px;min-height:16px}.feature-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}.feature{display:flex;align-items:center;gap:13px;background:#ffffff06;border:1px solid var(--line);border-radius:16px;padding:17px}.feature-icon{font-size:22px}.feature b,.feature small{display:block}.feature b{font-size:12px}.feature small{color:var(--muted);font-size:10px;margin-top:5px;line-height:1.5}.leaderboard-card{grid-column:1/-1;padding:24px;margin-top:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-heading h2{font-size:22px;margin:6px 0 0}.board-empty{color:var(--muted);font-size:12px;padding:18px 0}.leaderboard-table{width:100%;border-collapse:collapse;font-size:12px}.leaderboard-table th{text-align:left;color:#8190b2;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:10px;border-bottom:1px solid var(--line)}.leaderboard-table td{padding:12px 10px;border-bottom:1px solid #ffffff0a}.leaderboard-table tr:first-child td{color:var(--gold);font-weight:800}.footer{max-width:1180px;margin:0 auto;padding:22px 24px 30px;display:flex;justify-content:space-between;gap:15px;color:#7180a4;font-size:10px;border-top:1px solid var(--line)}[hidden]{display:none!important}.game-layout{max-width:1100px;margin:0 auto}.game-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.game-topline h2{margin:7px 0 2px;font-size:25px}.muted{color:var(--muted);font-size:12px}.timer-box{width:96px;height:96px;border-radius:50%;border:5px solid #f5c95b44;background:#f5c95b0d;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 35px #f5c95b12}.timer-box span{font-size:7px;letter-spacing:1px;color:var(--muted)}.timer-box strong{font-size:31px;color:var(--gold);line-height:1.1}.timer-box small{font-size:9px;color:var(--muted)}#timer.urgent{color:var(--red);animation:blink .6s infinite alternate}@keyframes blink{to{opacity:.35}}.game-main{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;align-items:start}.question-panel{padding:28px}.question-meta{display:flex;align-items:center;justify-content:space-between;color:#8d9cbd;font-size:10px;letter-spacing:1.3px;font-weight:800}.difficulty-tag{padding:6px 10px;border-radius:99px;background:#5de2ef14;color:var(--cyan);font-size:9px}.progress-track{height:5px;background:#ffffff12;border-radius:10px;margin:16px 0 22px;overflow:hidden}.progress-fill{height:100%;width:6.66%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:10px;transition:width .3s}.passage-box{padding:16px 18px;border-radius:14px;background:#08132c;border:1px solid #ffffff12;color:#c8d4ef;font-size:12px;line-height:1.8;margin-bottom:20px;max-height:260px;overflow:auto;white-space:pre-line}.question-text{font-size:clamp(19px,2.4vw,25px);line-height:1.45;margin:0 0 22px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-option{min-height:64px;display:flex;align-items:center;gap:13px;text-align:left;background:#ffffff08;border:1px solid #ffffff18;border-radius:14px;color:#eaf0ff;padding:13px;transition:.18s}.answer-option:hover:not(:disabled){border-color:#7f8eff;background:#7b75ff16;transform:translateY(-2px)}.answer-option:disabled{cursor:default}.option-letter{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:#ffffff12;color:var(--gold);font-weight:800;font-size:12px}.option-text{font-size:12px;line-height:1.5}.answer-option.correct{border-color:var(--green);background:#36d99b1b}.answer-option.correct .option-letter{background:var(--green);color:#082019}.answer-option.wrong{border-color:var(--red);background:#ff6f821b}.answer-option.eliminated{opacity:.18;visibility:hidden}.lifeline-row{display:flex;gap:10px;margin-top:22px}.lifeline{flex:1;background:#7e7cff12;border:1px solid #9389ff35;color:#e4e3ff;border-radius:12px;padding:11px 8px;display:flex;flex-direction:column;gap:5px}.lifeline b{font-size:11px}.lifeline small{font-size:9px;color:#a8a6d9}.lifeline.used{opacity:.3;text-decoration:line-through}.lifeline-output{margin-top:12px;padding:13px;border-radius:12px;background:#0b1531;border:1px solid #ffffff12;color:#d6e1fa;font-size:12px;line-height:1.6}.poll-bars{margin:10px 0;display:grid;gap:7px}.poll-row{display:grid;grid-template-columns:22px 1fr 38px;align-items:center;gap:8px;font-size:10px}.poll-track{height:7px;border-radius:9px;background:#ffffff15;overflow:hidden}.poll-track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:9px}.feedback-box{margin-top:18px;border-radius:14px;padding:16px;background:#ffffff08;border:1px solid var(--line);font-size:12px;line-height:1.65}.feedback-box.good{border-color:#36d99b66;background:#36d99b0d}.feedback-box.bad{border-color:#ff6f8266;background:#ff6f820d}.feedback-box>b{font-size:15px;display:block;margin-bottom:8px}.feedback-box p{margin:7px 0;color:#c5d1ed}.feedback-box .correct-line{color:var(--gold);font-weight:700}.source-line{font-size:10px!important;color:#8795b4!important}.source-line a{color:var(--cyan)}.question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#9caaca;font-size:11px}.ladder-panel{padding:20px;position:sticky;top:20px}.ladder-title{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--gold);display:flex;justify-content:space-between;margin-bottom:14px}.ladder-panel ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:5px}.ladder-panel li{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;color:#8998b8;font-size:10px}.ladder-panel li span{font-weight:800}.ladder-panel li b{font-size:10px}.ladder-panel li.current{background:#f4c85b;color:#18203a;box-shadow:0 5px 18px #f4c85b25}.ladder-panel li.passed{color:#46d9a0}.result-screen{max-width:850px;margin:0 auto}.result-card{text-align:center;padding:38px 28px}.result-icon{font-size:48px;margin-bottom:12px}.result-card h1{font-size:36px;margin:8px 0}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.result-metrics div{padding:18px 10px;background:#ffffff08;border:1px solid var(--line);border-radius:14px}.result-metrics strong,.result-metrics span{display:block}.result-metrics strong{font-size:22px;color:var(--gold)}.result-metrics span{font-size:10px;color:var(--muted);margin-top:7px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.admin-body{padding:0 20px 60px}.admin-login,.install-card{width:min(100%,430px);margin:8vh auto;padding:30px}.admin-login h1,.install-card h1{font-size:28px;margin:12px 0}.admin-login form{margin-top:24px}.notice{padding:12px 14px;border-radius:10px;font-size:12px;margin:12px 0}.notice.error{background:#ff6f8218;color:#ff9eaa;border:1px solid #ff6f8244}.notice.success{background:#36d99b18;color:#8ef0c6;border:1px solid #36d99b44}.admin-top{margin:0 -20px 30px;padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:max(20px,calc((100vw - 1180px)/2))}.admin-top>div{display:flex;align-items:center;gap:14px}.inline-form{display:inline}.admin-wrap{max-width:1180px;margin:0 auto}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-heading h1{font-size:34px;margin:8px 0}.admin-form-card,.admin-list-card{padding:24px;margin-bottom:20px}.question-form{display:flex;flex-direction:column;gap:9px}.question-form textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid>div{min-width:0}.options-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-form{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:9px;margin-bottom:16px}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:11px;min-width:680px}.admin-table th{text-align:left;color:#8d9cbd;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:12px;border-bottom:1px solid var(--line)}.admin-table td{padding:12px;border-bottom:1px solid #ffffff0d;vertical-align:top}.admin-table td small{display:block;color:#8795b4;margin-top:4px}.actions{display:flex;gap:5px}.actions form{display:inline}.install-card code{color:var(--gold)}.back-link{display:block;margin-top:20px;color:var(--cyan);font-size:12px;text-decoration:none}
@media(max-width:850px){.home-grid{grid-template-columns:1fr}.hero{padding:0}.hero h1{max-width:700px}.game-main{grid-template-columns:1fr}.ladder-panel{position:static}.ladder-panel ol{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.ladder-panel li{padding:7px 5px;flex-direction:column;gap:3px}.feature-strip{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{height:64px;padding:0 16px}.shell{padding:30px 14px 55px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-copy{font-size:13px}.hero-stats{gap:24px}.start-card,.question-panel,.leaderboard-card,.result-card{padding:20px;border-radius:18px}.feature{padding:13px}.answer-grid{grid-template-columns:1fr}.lifeline-row{gap:6px}.lifeline{padding:9px 4px}.lifeline b{font-size:10px}.lifeline small{font-size:8px}.timer-box{width:78px;height:78px}.timer-box strong{font-size:25px}.game-topline h2{font-size:20px}.question-text{font-size:19px}.result-metrics{gap:6px}.result-metrics div{padding:13px 5px}.result-metrics strong{font-size:17px}.result-actions .btn{width:100%}.footer{padding:18px 14px;flex-direction:column}.top-actions{gap:7px}.sound-toggle,.admin-link{padding:8px 10px;font-size:10px}.form-grid,.options-grid,.filter-form{grid-template-columns:1fr}.admin-body{padding:0 12px 40px}.admin-top{margin:0 -12px 22px;padding:0 12px}.admin-top .muted{display:none}.admin-form-card,.admin-list-card{padding:16px}.admin-heading{align-items:flex-start;gap:10px}.admin-heading h1{font-size:28px}}