:root{--bg: #0f1724;--card: #0b1220;--text: #e6eef8}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial;background:var(--bg);color:var(--text);margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center}.app{width:100%;max-width:900px;padding:20px}h1{text-align:center}.controls{display:flex;gap:8px;align-items:center;margin-bottom:12px}.scoreboard{margin-left:8px;font-weight:600}.card-area{background:linear-gradient(180deg,var(--card),var(--bg));padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.image-wrap{display:flex;justify-content:center;margin-bottom:12px}.image-wrap{display:flex;justify-content:center;margin-bottom:12px;position:relative}.image-wrap img{max-width:100%;border-radius:6px}.mana-overlay{position:absolute;top:4%;right:4%;width:30%;max-width:160px;min-width:100px;height:12%;max-height:64px;min-height:40px;background:#060a10;border-radius:8px;pointer-events:none;box-shadow:0 10px 30px #000000bf;z-index:3}.image-wrap.wide .mana-overlay{width:38%;min-width:140px}.card-name{font-weight:600;text-align:center}.question{text-align:center;margin-bottom:8px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.opt-btn{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:inherit;cursor:pointer}.opt-btn.disabled{opacity:.6;cursor:default}.opt-btn.correct{background:#065f46;border-color:#10b981;color:#e6fff8}.opt-btn.incorrect{background:#7f1d1d;border-color:#ef4444;color:#fff}.opt-btn.selected{box-shadow:0 0 0 3px #0003 inset}.feedback{margin-top:12px;text-align:center;font-weight:600}footer{text-align:center;margin-top:12px;opacity:.6}.menu-top-left{position:fixed;top:10px;left:10px;z-index:40}.menu-handle{background:#111;color:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.overlay-panel{background:#fff;width:90%;max-width:720px;border-radius:8px;position:relative;padding:24px;color:#111}.overlay-close{position:absolute;right:12px;top:12px;border:none;background:transparent;font-size:20px;cursor:pointer}.overlay-body{margin-top:8px}.overlay-controls{display:flex;gap:8px;margin-bottom:12px}.score-top-right{position:fixed;top:10px;right:10px;z-index:40;font-weight:700;background:#ffffff0a;padding:6px 10px;border-radius:6px}.score-top-right{display:flex;gap:12px;align-items:center}.timer-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;background:#ffffff05;padding:4px 8px;border-radius:6px;font-weight:600}.countdown{font-size:64px;text-align:center;padding:40px 0;font-weight:800}.update-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:200;background:#ffffff0f;padding:8px 12px;display:flex;gap:8px;align-items:center;border-radius:6px}.update-banner button{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.06);padding:4px 10px;border-radius:6px;cursor:pointer}.menu-build{position:absolute;right:44px;top:12px;font-size:12px;opacity:.9}