/* Thi đấu: tab, phòng thi tập thể, màn hình làm bài trắc nghiệm */
.th-tabs{display:flex;gap:6px;margin:4px 0 14px;overflow-x:auto;scrollbar-width:none}
.th-tab{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer;min-height:42px}
.th-tab.on{background:var(--pri);border-color:var(--pri);color:#fff}
.rm-open{border:2px solid var(--pri-t)}
.rm-chips{display:flex;flex-wrap:wrap;gap:6px}
.rm-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rm-board li{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--surface2)}
.rm-board .no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-weight:800}
.rm-board .r1 .no{background:#ffd34d;color:#5a4300}.rm-board .r2 .no{background:#d9dee5;color:#39424d}.rm-board .r3 .no{background:#e8b48a;color:#5a3412}
.rm-board .nm{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}
.rm-board .sc{font-weight:800}.rm-board .tm{color:var(--mute);font-size:.9em}
.rm-board .none{display:block;color:var(--mute);background:none}
.rm-board.big li{font-size:1.5rem;padding:12px 16px}
.rm-proj{text-align:center}.rm-proj h1{font-size:clamp(1.6rem,4vw,2.6rem)}
.qz{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.qz-top{display:flex;align-items:center;gap:10px}.qz-tm{font-variant-numeric:tabular-nums;font-weight:700}
.qz-q{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 16px;text-align:center;box-shadow:var(--shadow)}
.qz-q .ic{font-size:3rem;line-height:1.1}.qz-q .tx{font-size:clamp(1.25rem,4.5vw,1.8rem);font-weight:800;margin-top:6px;overflow-wrap:anywhere}
.qz-o{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qz-b{display:flex;align-items:center;gap:10px;border:0;border-radius:16px;padding:16px 12px;font-size:clamp(1.05rem,4vw,1.4rem);font-weight:800;color:#fff;cursor:pointer;min-height:76px;text-align:left;box-shadow:0 5px 0 rgba(0,0,0,.25);transform:translateY(0);transition:transform .08s,box-shadow .08s}
.qz-b:active{transform:translateY(5px);box-shadow:0 0 0 rgba(0,0,0,.25)}
.qz-b b{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.28);display:grid;place-items:center}
.qz-b span{min-width:0;overflow-wrap:anywhere}
.qz-b.c0{background:#ef5b5b}.qz-b.c1{background:#2f8be6}.qz-b.c2{background:#e0a100}.qz-b.c3{background:#2fa66a}
.qz-b.ok{outline:5px solid #fff;box-shadow:0 0 0 8px #1f9d55;filter:brightness(1.05)}
.qz-b.no{filter:grayscale(.85) brightness(.8)}
.qz-count{min-height:50vh;display:grid;place-items:center}.qz-count .num{font-size:clamp(4rem,22vw,9rem);font-weight:900;color:var(--pri);animation:qzp .8s ease-out}
@keyframes qzp{from{transform:scale(1.6);opacity:.2}to{transform:scale(1);opacity:1}}
@media(max-width:420px){.qz-o{grid-template-columns:1fr}}