:root{--bg:#0f172a;--panel:#111827;--panel-soft:#1f2937;--text:#f8fafc;--muted:#cbd5e1;--line:rgba(255,255,255,0.08);--accent:#22c55e;--accent-soft:rgba(34,197,94,0.16);--danger:#ef4444;--danger-soft:rgba(239,68,68,0.15);--shadow:0 12px 40px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#172554 0,var(--bg) 45%);color:var(--text);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,select{font:inherit}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.page{min-height:100vh;padding:32px 20px 64px}.shell{max-width:1180px;margin:0 auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#93c5fd;font-size:12px;font-weight:700;margin:0 0 10px}h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1;margin:0 0 12px}.emptyState,.panelText,.subhead{color:var(--muted)}.heroActions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.modePicker{display:flex;flex-direction:column;gap:8px;min-width:200px}.modePicker span,.questionLabel,.statCard p{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93c5fd}.modePicker select{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.card{background:rgba(17,24,39,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.statCard{padding:18px}.statCard h3{font-size:2rem;margin:10px 0 8px}.statCard span{color:var(--muted)}.contentGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);grid-gap:16px;gap:16px;align-items:start}.questionCard{padding:24px}.questionCard h2{margin-top:8px;margin-bottom:20px;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.2}.optionsGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.ghostButton,.optionButton,.primaryButton{border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;transition:.2s ease}.optionButton{background:rgba(255,255,255,.04);color:var(--text);text-align:left;min-height:72px}.ghostButton:hover,.optionButton:hover,.primaryButton:hover{transform:translateY(-1px)}.optionButton.selected{border-color:#93c5fd;background:rgba(147,197,253,.15)}.optionButton.correct{border-color:var(--accent);background:var(--accent-soft)}.optionButton.wrong{border-color:var(--danger);background:var(--danger-soft)}.actionsRow{display:flex;gap:12px;margin-top:18px}.primaryButton{background:linear-gradient(180deg,#22c55e,#16a34a);color:white;font-weight:700}.ghostButton{background:rgba(255,255,255,.04);color:var(--text)}.optionButton:disabled,.primaryButton:disabled{opacity:.75;cursor:default;transform:none}.feedback{margin-top:18px;padding:14px 16px;border-radius:14px;font-weight:700}.feedback.good{background:var(--accent-soft);border:1px solid rgba(34,197,94,.35)}.feedback.bad{background:var(--danger-soft);border:1px solid rgba(239,68,68,.35)}.sideColumn{display:grid;grid-gap:16px;gap:16px}.masteryCard,.sideColumn .card{padding:20px}.troubleList{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.masteryRow,.troubleList li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.masteryRow:first-child,.troubleList li:first-child{border-top:0;padding-top:0}.masteryText strong,.troubleList strong{display:block;margin-bottom:4px}.masteryText span,.troubleList span,.troubleMeta{color:var(--muted);font-size:.95rem}.troubleMeta{display:flex;flex-direction:column;align-items:end;gap:4px}.codeBlock{margin:0;padding:14px;border-radius:14px;background:#020617;color:#bae6fd;overflow:auto;line-height:1.5}.masteryCard{margin-top:16px}.masteryHeader{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.masteryTable{display:grid}.masteryMeterWrap{min-width:220px;display:flex;gap:12px;align-items:center}.masteryMeter{height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);flex:1 1}.masteryFill{height:100%;background:linear-gradient(90deg,#38bdf8,#22c55e);border-radius:999px}.masteryPercent{width:44px;text-align:right;color:var(--muted)}@media (max-width:980px){.contentGrid,.statsGrid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:start}}@media (max-width:720px){.optionsGrid{grid-template-columns:1fr}.actionsRow,.heroActions{flex-direction:column;align-items:stretch}.masteryRow,.troubleList li{flex-direction:column;align-items:start}.masteryMeterWrap{width:100%;min-width:0}}input{font:inherit}.playerPicker{min-width:260px}.playerRow{display:flex;gap:8px}.playerRow input{flex:1 1;background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.smallButton{padding-inline:16px}.singleColumn{grid-template-columns:1fr}.questionTopRow{align-items:start;margin-bottom:16px}.questionTopRow,.statusRow{display:flex;justify-content:space-between;gap:16px}.statusRow{margin-bottom:18px;flex-wrap:wrap}.linkButton{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.errorText{color:#fca5a5;font-weight:700;margin:0 0 16px}.compactHero{align-items:center}.miniStat{padding:16px 18px;min-width:190px}.miniStat h3{margin:8px 0}.miniStatsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px}.miniStatsGrid strong{display:block;font-size:1.6rem;margin-bottom:4px}.miniStatsGrid span{color:var(--muted)}@media (max-width:720px){.playerRow,.questionTopRow{flex-direction:column}.miniStatsGrid{grid-template-columns:1fr 1fr}}.optionButton.hint{border-color:#facc15;background:rgba(250,204,21,.2);animation:hintFlash .35s ease-in-out 3}@keyframes hintFlash{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}