/* ==========================================================================
   Fighter identity                                     owner: fighter identity (src/fighters.js)
   Loads last. What fighter identity still draws outside the trees: the signature line and the home's trait sticker on the
   new-fighter card, the type cards' art window, the HUD's type-card chips, the Stats panel's Fighter row. The talent map
   itself moved to the Armory (the redesign: styles/tree.css draws every tree, styles/armory.css the hub).
   ========================================================================== */

/* ---------- the card: the signature line and the home's trait ---------- */
#scr-rebirth .rb-passive{cursor:default;align-items:center}
#scr-rebirth .rb-passive b{color:var(--ink)}
.rb-trait{
  margin:0;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 13px 4px 5px;pointer-events:auto;cursor:default;
  border:2.5px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#fffaf0,#f3ddb4);box-shadow:0 3px 0 var(--ink);
  font:var(--w-strong) var(--t-caption)/1.2 var(--f-ui);color:var(--ink-2);white-space:nowrap;
}
.rb-trait[hidden]{display:none}
.rb-trait .ic{width:22px;height:22px;flex:none}
.rb-trait b{font:400 var(--t-name-s)/1 var(--f-display);color:var(--ink)}

/* ---------- a type card in the after-round offer: the signature's colour, the fighter's seal ---------- */
.uc-art.w-sig{--win:color-mix(in srgb,var(--gc) 22%,#fff6e4);--win2:color-mix(in srgb,var(--gc) 62%,#e9c88c);
  --pat:repeating-linear-gradient(-45deg,rgba(255,255,255,.2) 0 5px,transparent 5px 15px),radial-gradient(circle at 50% 120%,rgba(42,26,46,.18),transparent 60%)}
.uc-seal.sig{--sc:var(--gc)}
.up-chip.sig{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--gc) 20%,#fff));outline:2.5px dashed var(--gc);outline-offset:-8px}
.up-chip.sig .up-badge{background:color-mix(in srgb,var(--gc) 35%,#fff)}

.fi-chip em{font-style:normal;color:var(--ink-3)}

/* ---------- phones ---------- */
@media (max-width:720px),(max-aspect-ratio:4/5){
  #scr-rebirth .rb-passive{display:flex;font-size:var(--t-caption);line-height:1.3;gap:6px}
  .rb-trait{font-size:var(--t-label);padding:2px 10px 3px 4px}
  .rb-trait b{font-size:var(--t-name-s)}
  .rb-trait .ic{width:18px;height:18px}
}