/* attack-ui.css — Integrated v3 */
:root{
  --au-bg: rgba(10,14,20,0.95);
  --au-fg: #e8ecf4;
  --au-accent: #1a73e8;
  --au-border: rgba(255,255,255,0.08);
}
#auTimer{
  position:fixed; top:12px; right:12px; z-index:100020;
  background:rgba(20,20,20,.85); color:#fff; padding:10px 14px; border-radius:12px;
  font-weight:700; font-variant-numeric:tabular-nums; box-shadow:0 6px 20px rgba(0,0,0,.25); pointer-events:none;
}
#auBar{
  position:fixed; left:50%; transform:translateX(-50%); bottom:10px; z-index:100010;
  background:var(--au-bg); color:var(--au-fg); padding:10px 12px; border-radius:14px; border:1px solid var(--au-border);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
#auBar .row{ display:flex; gap:10px; align-items:center; }
#auBar .unit{
  display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:12px;
  background:#151c24; border:1px solid #3a4656; cursor:pointer; min-width:140px; justify-content:space-between;
}
#auBar .unit.active{ outline:3px solid var(--au-accent); }
#auBar .unit img{ width:22px; height:22px; }
#auBar .unit .name{ font-weight:700; }
#auBar .unit .count{ font-weight:800; opacity:.9; }
#auBar .btn{ padding:8px 12px; border-radius:10px; border:1px solid #3a4656; background:#151c24; color:var(--au-fg); cursor:pointer; }
#auLog{
  position:fixed; right:12px; bottom:92px; z-index:100008;
  width:320px; max-height:280px; overflow:auto; padding:10px; border-radius:10px; border:1px solid var(--au-border);
  background:var(--au-bg); color:var(--au-fg); font-size:12px;
}
#auCross{
  position:fixed; width:18px; height:18px; pointer-events:none; z-index:100009; 
  border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 2px rgba(0,0,0,.4);
  transform:translate(-50%,-50%);
}