#hud .btn{min-height:34px;padding:5px 10px;font-size:12.5px}
#toast{position:absolute;left:50%;top:52px;transform:translateX(-50%);max-width:min(92%,560px);background:rgba(15,23,34,.9);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13px;opacity:0;transition:opacity .25s;pointer-events:none;text-align:center}
#toast.show{opacity:1}
#toast.bad{border-color:var(--bad);color:#ffd9cf}
#toast.good{border-color:var(--good)}
#next{background:#1f3350;border:1px solid var(--acc);border-radius:12px;padding:8px 11px;margin:8px 0;font-size:13.2px}
#next b{color:var(--gold)}
.chk{list-style:none;margin:6px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.chk li{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:5px 8px;font-size:12.5px;display:flex;gap:6px;align-items:center}
.chk li i{width:16px;height:16px;border-radius:4px;border:2px solid #4b6482;display:inline-block;flex:none;text-align:center;line-height:12px;font-style:normal;font-size:12px}
.chk li.done{border-color:#3d8a55}
.chk li.done i{background:#2faa56;border-color:#2faa56;color:#fff}
.bits{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.bits .btn{padding:5px 9px;min-height:34px;font-size:12.5px}
h3{font-size:13px;margin:12px 0 2px;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}
.sel{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px;font:inherit}
table.res{width:100%;border-collapse:collapse;font-size:12.3px;margin:6px 0}
table.res th,table.res td{padding:3px 4px;border-bottom:1px solid var(--line);text-align:right}
table.res th:first-child,table.res td:first-child{text-align:left}
.note{color:var(--muted);font-size:12px}
.bar{height:8px;background:#0e1824;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:3px 0}
.bar i{display:block;height:100%;background:var(--acc);width:0}
@media (max-width:820px){#hud .btn{padding:4px 8px}}