/* ── 4-bosqich: qurilish navbati, taymerlar, taqsimot ── */
.bld.busy{border-color:rgba(245,182,66,.5);box-shadow:0 0 0 3px rgba(245,182,66,.07)}
.bld.busy .sub{color:var(--amber);font-weight:650;font-variant-numeric:tabular-nums}
.bld.busy .ico{animation:bob 1.6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:none}50%{transform:translateY(-2px) rotate(-3deg)}}
.bld .qbar{position:absolute;left:12px;right:12px;bottom:7px;height:3px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden}
.bld .qbar u,.qline u{display:block;height:100%;width:0;background:linear-gradient(90deg,#c48f3a,var(--amber));transition:width 1s linear}
.bld .can{position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:50%;display:none;place-items:center;
  font-size:10px;font-weight:900;color:#052418;background:var(--green);box-shadow:0 0 14px rgba(95,214,160,.55)}
.bld .can.ok{display:grid;animation:pop .35s ease-out}
@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}

.qstrip{display:flex;flex-direction:column;gap:8px}
.qrow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 12px;border-radius:14px;
  background:linear-gradient(90deg,rgba(245,182,66,.09),var(--card) 60%);border:1px solid rgba(245,182,66,.35)}
.qrow .ico{font-size:24px}
.qrow .qm{flex:1;min-width:0}
.qrow .qm b{display:block;font-size:13.5px;font-weight:650}
.qrow .qt{font-size:14px;font-weight:750;color:var(--amber);font-variant-numeric:tabular-nums}
.qline{display:block;height:5px;margin-top:6px;border-radius:4px;background:#0b1328;border:1px solid var(--line);overflow:hidden}
.ucards{display:flex;flex-wrap:wrap;gap:8px}
.ucard{position:relative;width:64px;padding:10px 6px 8px;border-radius:14px;text-align:center;border:1px solid;transition:transform .15s}
.ucard:active{transform:scale(.95)}
.ucard .ut{position:absolute;top:4px;left:7px;font-size:9px;font-weight:800;opacity:.75}
.ucard .ui{display:block;font-size:20px;margin:8px 0 4px}
.ucard b{font-size:13px;font-variant-numeric:tabular-nums}
.cseg{display:flex;gap:6px;margin:8px 0 12px}
.cseg button{flex:1;padding:7px 0;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--muted);font-size:12.5px;font-weight:700}
.cseg button.on{background:var(--blue2);color:#fff;border-color:var(--blue)}
#timers{display:flex;gap:8px;padding:0 14px 10px;overflow-x:auto;align-items:center}
.tmr-l{display:flex;gap:8px;flex:1;overflow-x:auto}
.tmr.moon{flex:none;margin-left:auto}
#timers:empty{display:none}
.tmr{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;font-size:12.5px;font-weight:750;
  white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid var(--line);flex:none}
.tmr.amber{color:var(--amber);background:rgba(245,182,66,.12);border-color:rgba(245,182,66,.35)}
.tmr.blue{color:var(--blue);background:rgba(110,168,255,.12);border-color:rgba(110,168,255,.35)}
.tmr.atk{color:var(--red);background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.35)}
.tmr.war{color:#ff5f7a;background:rgba(255,95,122,.12);border-color:rgba(255,95,122,.35)}

.qbig{padding:13px;border-radius:14px;background:rgba(245,182,66,.07);border:1px solid rgba(245,182,66,.35);margin:2px 0 12px}
.qhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:13px;color:var(--muted)}
.qhead b{font-size:20px;color:var(--amber);font-variant-numeric:tabular-nums}
.qbig .qline{height:8px;margin:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.btn2{width:100%;padding:13px;border-radius:14px;font-weight:700;font-size:14px;color:var(--ink);
  background:var(--card2);border:1px solid var(--line2)}
.btn,.btn2{transition:transform .1s,opacity .2s}
.tab,.pb,.qrow,.chip{transition:transform .12s}
.tab:active,.pb:active,.qrow:active,.chip:active{transform:scale(.95)}
.btn:active,.btn2:active{transform:scale(.98)}
.wait{opacity:.55;pointer-events:none}
.fs{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}

.alloc{display:flex;flex-direction:column;gap:12px;margin:4px 0 14px}
.al{display:grid;grid-template-columns:112px 1fr 42px;align-items:center;gap:10px;font-size:13px}
.al b{text-align:right;font-variant-numeric:tabular-nums;color:var(--blue)}
.al input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;margin:0;
  background:#0b1328;border:1px solid var(--line);outline:none}
.al input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;
  background:linear-gradient(180deg,#a9ccff,#4a74c2);border:3px solid #0d1529;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.al input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6ea8ff;border:3px solid #0d1529}

#toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 74px);z-index:40;max-width:88vw;
  transform:translate(-50%,-16px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;
  padding:11px 16px;border-radius:14px;font-size:14px;font-weight:650;text-align:center;line-height:1.45;
  background:rgba(20,29,53,.97);border:1px solid var(--line2);box-shadow:0 14px 40px rgba(0,0,0,.55)}
#toast.on{opacity:1;transform:translate(-50%,0)}
#toast.good{border-color:rgba(95,214,160,.6)}
#toast.bad{border-color:rgba(255,107,107,.6)}