*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f7fb;color:#14213d}
header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;background:#0b5fff;color:#fff}
h1{font-size:1.2rem;margin:0}
main{max-width:960px;margin:20px auto;padding:0 12px}
.card{background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:18px 16px;margin:14px 0}
.lead{color:#334155;margin:.25rem 0 1rem}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.hidden{display:none}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.primary,.secondary,button{border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}
.primary{background:#0b5fff;color:#fff}.secondary{background:#e9eefc;color:#0b3fff}
.notice{padding:8px 12px;background:#ecfeff;color:#065f46;text-align:center;border-bottom:1px solid #99f6e4;display:none}
.hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:8px}
.prompt{font-size:1.6rem;font-weight:800;margin:10px 0 14px;line-height:1.25}
.choices{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}
.choice{padding:16px;border-radius:14px;background:#f0f4ff;border:2px solid transparent;text-align:center;font-size:1.4rem}
.choice:hover{border-color:#0b5fff}.choice.correct{background:#d9fbe0;border-color:#22c55e}.choice.wrong{background:#ffe0e0;border-color:#ef4444}
select{font-size:1rem;padding:8px 10px;border-radius:10px;border:1px solid #c7d2fe;background:#fff;width:100%}
body.lim{font-size:20px;background:#eef3ff}body.lim .prompt{font-size:2.2rem}body.lim .choice{font-size:1.9rem;padding:20px;min-height:84px}
.status{padding:8px 12px;background:#fff3cd;color:#7a5a00;text-align:center}
.header-actions{display:flex;gap:8px;align-items:center}
.legend{font-size:.95rem;margin-top:-6px;margin-bottom:10px;color:#475569}
.legend .tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;margin-right:6px}