/* ── 5-bosqich: qoʻshin ── */
.tiers{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}
.tc{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 2px 7px;border-radius:12px;
  background:var(--card2);border:1px solid var(--line);min-width:0}
.tc b{font-size:17px;font-weight:800;line-height:1.1}
.tc small{font-size:9px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc.on{border-color:var(--blue);background:rgba(110,168,255,.14);box-shadow:0 0 0 3px rgba(110,168,255,.1)}
.tc.on b{color:var(--blue)}
.tc.lock{opacity:.3}
.tc:disabled{cursor:default}

.stepper{display:grid;grid-template-columns:48px 1fr 48px 62px;gap:6px;align-items:center;margin-bottom:10px}
.stepper button{height:46px;border-radius:12px;background:var(--card2);border:1px solid var(--line2);font-size:22px;font-weight:700}
.stepper button:active{transform:scale(.95)}
.stepper .mx{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:800}
.stepper b{text-align:center;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.fs.warn{color:var(--amber)}
.fs.good{color:var(--green)}

.pv{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 8px;font-size:16px;font-weight:750;
  font-variant-numeric:tabular-nums}
.pv .arr{color:var(--amber)}
.pv small{font-size:11px;color:var(--muted);font-weight:600}
.pr{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;margin:10px 0 12px;
  background:#0b1328;border:1px solid var(--line);outline:none}
.pr::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(180deg,#ffd98a,#c48f3a);border:3px solid #0d1529;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.pr::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#f5b642;border:3px solid #0d1529}

.army-head .ah-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}
.army-head small{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.army-head b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.army-head b.cpv{color:var(--amber)}
.army-head b em{font-style:normal;color:var(--blue);font-size:14px}

.agrid{display:flex;flex-direction:column;gap:6px}
.ag-h,.ag-r{display:grid;grid-template-columns:minmax(108px,1.7fr) repeat(6,1fr);gap:4px;align-items:center}
.ag-h{padding:0 8px}
.ag-h span{font-size:10px;color:var(--dim);text-align:center;font-weight:700;letter-spacing:.06em}
.ag-r{width:100%;padding:9px 8px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-align:left;
  transition:transform .12s}
.ag-r:active{transform:scale(.98)}
.ag-r.lock{opacity:.45}
.ag-r .rn{display:grid;grid-template-columns:24px 1fr;column-gap:6px;align-items:center;font-size:18px;min-width:0}
.ag-r .rn b{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-r .rn small{grid-column:2;font-size:11px;color:var(--muted)}
.cell{height:30px;border-radius:8px;display:grid;place-items:center;font-size:12.5px;font-weight:750;
  background:var(--card2);border:1px solid var(--line);color:var(--dim);font-variant-numeric:tabular-nums}
.cell.has{color:#06101f;background:linear-gradient(180deg,#a9ccff,#5d8ee0);border-color:transparent}
.cell.x{opacity:.25;background:transparent}

.qrow.tr{border-color:rgba(110,168,255,.4);background:linear-gradient(90deg,rgba(110,168,255,.1),var(--card) 60%)}
.qrow.tr .qt{color:var(--blue)}
.qrow.tr .qline u,.qbig.tr .qline u{background:linear-gradient(90deg,#3f63a8,var(--blue))}
.qbig.tr{background:rgba(110,168,255,.07);border-color:rgba(110,168,255,.35)}
.qbig.tr .qhead b{color:var(--blue)}