/* ── 11-bosqich: vazifalar ── */
.tab u.dot{position:absolute;top:6px;right:calc(50% - 18px);width:9px;height:9px;border-radius:50%;background:#ff5f7a;box-shadow:0 0 8px #ff5f7a}
.tab{position:relative}
.qh{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:22px;margin-bottom:12px;overflow:hidden;
  background:linear-gradient(135deg,rgba(245,182,66,.28),rgba(10,18,44,.94) 60%);border:1px solid rgba(245,182,66,.5);box-shadow:0 0 22px rgba(245,182,66,.2)}
.qh .rg{position:relative;width:70px;height:70px;flex:none}
.qh .rg svg{transform:rotate(-90deg)}
.qh .rg b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:850}
.qh h2{font-size:18px}.qh p{font-size:12.5px;color:#d9c9a6}
.qh small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.qs{display:flex;justify-content:space-between;align-items:baseline;margin:14px 4px 8px}
.qs b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9fc4ff}
.qs small{font-size:11px;color:var(--muted)}
.qc{position:relative;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-radius:18px;
  margin-bottom:7px;background:var(--card);border:1px solid var(--line);animation:rise .35s both}
.qc.ready{border-color:rgba(245,182,66,.7);background:linear-gradient(90deg,rgba(245,182,66,.16),var(--card) 65%);box-shadow:0 0 16px rgba(245,182,66,.25)}
.qc.claimed{opacity:.5}
.qc .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:#0a1430;border:1px solid var(--line2)}
.qc.ready .ic{border-color:var(--amber);box-shadow:0 0 10px rgba(245,182,66,.5)}
.qc b{font-size:13.5px}.qc p{font-size:11.5px;color:var(--muted);margin:1px 0 5px}
.qc .pb2{height:6px;border-radius:4px;background:#0b1328;overflow:hidden}
.qc .pb2 i{display:block;height:100%;background:linear-gradient(90deg,#1f6fe0,var(--cyan))}
.qc.ready .pb2 i{background:linear-gradient(90deg,#d99a2b,var(--amber))}
.qc .rw{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;font-size:11px;color:#cfd9ee}
.qc .rw span{padding:1px 6px;border-radius:7px;background:var(--card2)}
.qc button{padding:9px 12px;border-radius:12px;font-size:12.5px;font-weight:800;color:#1a1204;background:linear-gradient(180deg,#ffd27a,#e59a1c);
  box-shadow:0 4px 14px rgba(229,154,28,.45);animation:qpulse 1.6s infinite}
.qc button:disabled{background:var(--card2);color:var(--dim);box-shadow:none;animation:none}
.qc .ok{font-size:20px}
.qc .st{font-size:10.5px;color:var(--amber);letter-spacing:.06em}
@keyframes qpulse{50%{transform:scale(1.06)}}
.qrule{text-align:center;font-size:11.5px;color:var(--muted);margin:14px 0 4px}
.qrule{text-align:center;font-size:11.5px;color:var(--muted);margin:14px 0 4px}

/* ── Ichki tablar: pastki panel almashadi ── */
.tabs.sub{grid-template-columns:repeat(4,1fr);animation:subIn .32s cubic-bezier(.2,1.2,.4,1) both;
  background:linear-gradient(180deg,rgba(40,28,6,.92),rgba(8,12,26,.98));border-top:1px solid rgba(245,182,66,.45);
  box-shadow:0 -8px 28px rgba(245,182,66,.14)}
@keyframes subIn{from{transform:translateY(100%);opacity:.3}}
.tabs.sub .tab{color:#b8a67e}
.tabs.sub .tab.on{color:#fff}
.tabs.sub .tab.on::before{background:var(--amber);box-shadow:0 0 12px var(--amber)}
.tabs.sub .tab.on i{filter:drop-shadow(0 0 8px rgba(245,182,66,.8))}
.tabs.sub .tab.back{color:#9fc4ff}
.tabs.sub .tab.back i{transition:transform .2s}
.tabs.sub .tab.back:active i{transform:translateX(-4px)}
.tabs.sub .tab em{position:absolute;top:4px;right:calc(50% - 20px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  font-style:normal;font-size:10px;font-weight:850;line-height:17px;color:#1a1204;background:var(--amber);box-shadow:0 0 8px var(--amber)}
.qv{animation:qvIn .3s ease both}
@keyframes qvIn{from{opacity:0;transform:translateX(14px)}}
.qh.wk{background:linear-gradient(135deg,rgba(57,160,255,.3),rgba(10,18,44,.94) 60%);border-color:rgba(90,170,255,.55);box-shadow:0 0 22px rgba(57,160,255,.2)}
.qh.ms{background:linear-gradient(135deg,rgba(184,140,255,.3),rgba(10,18,44,.94) 60%);border-color:rgba(184,140,255,.55);box-shadow:0 0 22px rgba(184,140,255,.2)}
.qh.ms .stars{font-size:12px;letter-spacing:2px;margin-top:4px}