.card{
  background:rgba(4,12,30,.8);
  border:1px solid rgba(40,90,160,.3);
  border-radius:8px;padding:10px 12px;
  display:flex;flex-direction:column;gap:6px;
}
.card.act{border-color:rgba(0,212,255,.5);box-shadow:0 0 8px rgba(0,212,255,.08)}
.card.enemy{border-color:rgba(180,40,180,.4)}
.card-name{font-size:12px;color:#ddeeff;display:flex;align-items:center;gap:5px;flex-wrap:wrap}

.bdg{font-size:9px;padding:1px 5px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase}
.bdg-enemy{background:rgba(180,40,180,.12);color:#cc66cc;border:1px solid rgba(180,40,180,.35)}
.bdg-guardian{background:rgba(255,110,50,.14);color:#ff9d5c;border:1px solid rgba(255,120,50,.45)}
.bdg-lv{background:rgba(60,60,80,.4);color:#6688aa;border:1px solid #2a3a4a}

.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}
.sg{font-size:10px;color:var(--dim)}
.sg b{color:#88aacc}

.wlist{display:flex;flex-direction:column;gap:2px}
.wrow{font-size:10px;color:var(--dim)}
.wt{display:inline-block;width:42px}
.wt0{color:#ff7733}.wt1{color:#ffd633}.wt2{color:#55c6ff}
.dmg-s{color:var(--shield)}.dmg-a{color:var(--armor)}.dmg-h{color:var(--hp)}
.ty.ty3{color:#55c6ff}
.ty.ty4{color:#ff7733}
.ty.ty5{color:#ffd633}
.ty.ty-shield{color:#0099ff}
.ty.ty-armor{color:#ff9900}
/* Item-level tag shared by the loot-drop and hangar component cards: a muted
   blue mono `i12` chip. */
.comp-ilvl{font-size:9px;color:#7290ad;font-family:'Share Tech Mono',monospace;letter-spacing:.3px}

/* ── Settings toggle ──────────────────────────── */
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}
.setting-label{font-size:11px;color:var(--text)}
.setting-desc{font-size:10px;color:var(--dim);margin-top:1px}
.toggle{position:relative;width:36px;height:18px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.toggle-track{position:absolute;inset:0;background:#0a1830;border:1px solid #1a3a5a;border-radius:9px;cursor:pointer;transition:background .2s,border-color .2s}
.toggle input:checked+.toggle-track{background:rgba(0,160,70,.25);border-color:#00aa44}
.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#1a3a5a;border-radius:50%;transition:transform .2s,background .2s}
.toggle input:checked~.toggle-thumb{transform:translateX(18px);background:#00e87a}

/* ── XP bar (used by profile/log) ─────────────── */