.quiz{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:clamp(20px,4vw,48px);align-items:start}
.qcard{padding:clamp(20px,3vw,34px);display:grid;gap:18px;min-height:420px;align-content:start}
.qcard h2{font-size:clamp(20px,3vw,28px);line-height:1.25}
.qcard p{color:#DCD2C2}
.qcard .meta{color:var(--mint);font:800 14px/1.3 var(--body);letter-spacing:.04em;text-transform:uppercase}
.qcard[hidden],.qcard [hidden]{display:none}
.opts{display:grid;gap:10px}
.opt{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;width:100%;min-height:56px;padding:10px 14px;text-align:left;background:#0E0A14;color:var(--text);border:1px solid var(--line);font:700 16px/1.4 var(--body);cursor:pointer}
.opt:hover:not(:disabled){border-color:var(--gold)}
.opt:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.opt__l{display:grid;place-items:center;width:30px;height:30px;background:var(--vault-2);color:var(--gold-hi);font:800 14px var(--display)}
.opt:disabled{cursor:default}
.opt.gone{opacity:.25;text-decoration:line-through}
.opt.right{border-color:var(--mint);background:rgba(25,240,160,.12);opacity:1}
.opt.wrong{border-color:#FF5A6E;background:rgba(255,90,110,.12);opacity:1}
.helps{display:flex;flex-wrap:wrap;gap:10px}
.helps button{min-height:44px;padding:0 16px;background:#0E0A14;color:var(--text);border:1px solid var(--line);font:700 15px var(--body);cursor:pointer}
.helps button:hover:not(:disabled){border-color:var(--gold)}
.helps button:disabled{opacity:.4;cursor:not-allowed}
.why{padding:12px 14px;border-left:3px solid var(--gold);background:rgba(244,183,58,.07);font-size:15px;line-height:1.55}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stats div{padding:12px;background:#0E0A14;border:1px solid var(--line)}
.stats dt{color:var(--muted);font-size:13px}
.stats dd{margin:4px 0 0;font:900 clamp(18px,3vw,24px) var(--display);color:var(--gold-hi);word-break:break-all}
.ladder{display:grid;gap:4px;padding:10px;background:rgba(18,14,23,.7);border:1px solid var(--line);font-size:15px}
.ladder li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;color:var(--muted);font-weight:700}
.ladder li span:first-child{color:var(--muted);min-width:1.5em}
.ladder li.safe{color:#DCD2C2;border-left:3px solid var(--mint)}
.ladder li.done{color:var(--mint)}
.ladder li.now{background:linear-gradient(135deg,#F4B73A,#FFE28F);color:#1A1204}
.ladder li.now span:first-child{color:#1A1204}
.ladder__note{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}
@media (max-width:900px){.quiz{grid-template-columns:1fr}.ladder{grid-template-columns:repeat(2,1fr)}.ladder li{padding:6px 8px}}
@media (max-width:420px){.stats{grid-template-columns:1fr}}
.qcard > div{display:grid;gap:18px}
.row{display:flex;flex-wrap:wrap;gap:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}