#game .bar{gap:6px}
#game .bar button{padding:5px 10px;min-height:38px;font-size:14px}
#game .bar.cats,#game .bar.lvs{margin-bottom:8px}
#game .quiz,#game .result{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;outline:none}
#game .top{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:14px}
#game .prog{font-weight:800}
#game .tag{border:1px solid var(--line);border-radius:999px;padding:1px 10px;background:var(--bg)}
#game .score{margin-left:auto;opacity:.85}
#game .meter{height:6px;border-radius:3px;background:var(--line);margin:10px 0 4px;overflow:hidden}
#game .meter i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s ease}
#game .q{font-size:clamp(18px,4.6vw,22px);font-weight:800;line-height:1.45;margin:12px 0 14px;word-break:keep-all;overflow-wrap:anywhere}
#game .choices{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:640px){#game .choices{grid-template-columns:1fr 1fr}}
#game .choices button{width:100%;min-height:52px;text-align:left;display:flex;gap:10px;align-items:center;font-size:16px;padding:8px 12px;overflow-wrap:anywhere;touch-action:manipulation}
#game .choices button .n{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft,var(--line));font-size:14px;font-weight:800}
#game .choices button:disabled{opacity:1;cursor:default}
#game .choices button.ok{background:#1fa463;border-color:#1fa463;color:#fff}
#game .choices button.bad{background:#c8413a;border-color:#c8413a;color:#fff}
#game .choices button.ok .n,#game .choices button.bad .n{background:rgb(255 255 255 / .25);color:#fff}
#game .choices button.dim{opacity:.55}
#game .exp{min-height:1.7em;margin:12px 0 0;font-size:15px}
#game .exp b.o{color:#1a8f55}
#game .exp b.x{color:#c8413a}
#game .next-row{display:flex;justify-content:flex-end;margin-top:8px}
#game .next[hidden]{display:none}
#game .result .big{font-size:clamp(22px,6vw,30px);font-weight:800;margin:0 0 10px}
#game .bycat{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}
#game .bycat li{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:3px 10px;font-size:14px}
#game .bycat li.full{border-color:var(--accent);font-weight:700}
#game .wrong{font-size:15px;margin-bottom:10px}
#game .wrong p{margin:6px 0}
#game .best{font-size:14px;opacity:.85;margin:0}
@media (max-width:420px){#game .bar.cats button,#game .bar.lvs button{padding:4px 8px;min-height:36px}#game .quiz,#game .result{padding:12px}}