
:root{color-scheme:dark;--bg:#07111f;--panel:#102139;--line:#28415d;--ink:#f5f8fc;--muted:#a8b8cb;--mint:#71e0c2;--blue:#8dbbff;--gold:#ffd47b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 5%,#173651 0,transparent 34%),var(--bg);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
button{font:inherit}.shell{width:min(940px,calc(100% - 32px));margin:auto}.bar{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff18}.brand{color:var(--mint);font-size:.75rem;font-weight:850;letter-spacing:.16em}.source{color:var(--muted);font-size:.75rem}.hero{padding:clamp(30px,7vw,68px) 0 22px}.eyebrow{color:var(--mint);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h1{margin:8px 0;font:500 clamp(2.4rem,8vw,5rem)/1 Georgia,serif;letter-spacing:-.045em}.hero p{max-width:620px;color:var(--muted)}
.scorebar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.score{padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:#0d1b2c}.score span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.score strong{font-size:1.35rem}
.game{padding:clamp(19px,4vw,34px);border:1px solid #ffffff1d;border-radius:23px;background:linear-gradient(145deg,#11243a,#0c1929);box-shadow:0 22px 80px #0005}.game-top{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem}.progress{height:6px;margin:12px 0 22px;border-radius:9px;background:#ffffff12;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--blue));transition:width .25s}.prompt{text-align:center;margin:0 0 22px;font:500 clamp(1.4rem,4vw,2.1rem)/1.15 Georgia,serif}.choices{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}.choice{min-height:150px;padding:20px 14px;border:1px solid var(--line);border-radius:17px;background:#0a1726;color:var(--ink);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.choice:hover:not(:disabled),.choice:focus-visible{transform:translateY(-3px);border-color:var(--mint);outline:2px solid transparent}.choice:disabled{cursor:default}.choice-name{display:block;font-weight:750;font-size:clamp(1rem,2.6vw,1.35rem)}.choice-value{display:block;margin-top:9px;color:var(--muted);font-size:.84rem}.choice.correct{border-color:var(--mint);background:#71e0c217}.choice.wrong{border-color:#ff8d8d;background:#ff8d8d13}.versus{align-self:center;color:var(--muted);font-size:.72rem;font-weight:850}.feedback{min-height:52px;margin:17px 0 3px;text-align:center;color:var(--mint);font-weight:650}.actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.button{padding:11px 18px;border:1px solid #71e0c255;border-radius:11px;background:linear-gradient(110deg,#71e0c21c,#8dbbff1c);color:var(--ink);font-weight:750;cursor:pointer}.button:hover{border-color:var(--mint)}.button.secondary{border-color:var(--line);background:transparent}.button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.instructions,.provenance{margin:18px 0 0;color:var(--muted);font-size:.78rem}.provenance a{color:var(--mint)}.hidden{display:none!important}.result{text-align:center;padding:25px 4px}.result h2{font:500 clamp(1.8rem,5vw,3rem)/1.1 Georgia,serif}.result strong{color:var(--mint)}footer{padding:25px 0 35px;color:var(--muted);font-size:.72rem}
@media(max-width:600px){.shell{width:calc(100% - 24px)}.bar{padding:14px 0}.source{max-width:50%;text-align:right}.score{padding:11px}.choices{gap:7px}.choice{min-height:132px;padding:13px 8px}.versus{font-size:.63rem}.game{padding:17px 12px;border-radius:17px}.hero{padding-top:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
