/* Equipment keeps the approved B art and the existing blue/brass interface family. */
[data-view="hero"] .hero-figure { height:182px; }
[data-view="hero"] .hero-summary { margin-bottom:13px; gap:14px; }
[data-view="hero"] .hero-stats { gap:10px; }
.hero-gear-note { font-size:11px; line-height:1.4; color:#cad8c6; }
.hero-income { display:grid; grid-template-columns:1fr auto; align-items:center; gap:6px; padding:11px 12px; border:1px solid #597c80; border-radius:7px; background:#183b4e; }
.hero-income>span { font-size:12px; color:#cad7cf; }
.hero-income>strong { color:#ffe1a1; font-size:20px; }
.hero-income strong>small { font-size:11px; font-weight:400; }
.hero-income>small { grid-column:1/-1; font-size:10px; line-height:1.4; color:#c0d7b5; }
.gear-slots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
.gear-slot { min-width:0; padding:9px 5px; display:flex; align-items:center; flex-direction:column; text-align:center; gap:5px; border:1px solid #6a8183; border-radius:8px; background:#1b3c50; }
.gear-slot:hover { background:#2c4c5c; }
.gear-slot.selected { border-color:#edc778; box-shadow:inset 0 0 0 1px #bd934e; background:#354d55; }
.gear-slot-image { display:grid; place-items:center; width:48px; height:48px; border:1px solid #ba9d67; background:#fff0ce; border-radius:6px; overflow:hidden; }
.gear-slot-image img { width:90%; height:90%; object-fit:contain; mix-blend-mode:multiply; }
.gear-slot small { font-size:10px; color:#d7c495; }
.gear-slot strong { font-size:10px; line-height:1.4; font-weight:700; min-height:28px; }
.gear-list-hint { margin:-2px 0 12px; color:#c3d3ce; font-size:11px; line-height:1.5; }
.gear-row{padding:11px}
.gear-row.equipped { border-color:#bda269; }
.gear-row-top { display:flex; align-items:center; gap:9px; }
.gear-item-info { min-width:0; display:flex; align-items:center; flex:1; gap:10px; padding:0; text-align:left; background:none; border:0; }
.gear-item-info .item-picture { width:41px; height:58px; border:1px solid #ab955f; }
.gear-item-info>span:last-child { min-width:0; }
.gear-item-info strong { display:block; font-size:12px; line-height:1.4; }
.gear-item-info small { display:block; margin-top:3px; font-size:10px; color:#bcccbd; }
.gear-item-info>span>span { display:block; margin-top:5px; font-size:10px; line-height:1.4; color:#ffe0a3; }
.gear-row .equipped-label { flex-shrink:0; }
.gear-row .equip-button { flex-shrink:0; min-height:38px; }
.gear-locked { max-width:48px; text-align:right; font-size:10px; line-height:1.4; color:#c7cfcc; }
.gear-preview { display:grid; gap:5px; margin-top:10px; padding:9px 0 0; border-top:1px solid #466877; font-size:11px; line-height:1.4; font-variant-numeric:tabular-nums; }
.gear-gain { color:#c3e7a2; }
.gear-loss { color:#ffd0b5; }
.gear-row-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:6px; }
.gear-verdict { margin-top:12px; font-size:12px; line-height:1.5; color:#d4dfd0; }
.gear-row-footer .gear-verdict { margin-top:0; font-size:10px; }
.gear-verdict.better { color:#c3e7a2; }
.gear-verdict.worse { color:#ffd0b5; }
.gear-verdict.tradeoff { color:#ffe0a1; }
.gear-detail-link { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:3px; padding:7px 0 7px 4px; min-height:32px; border:0; background:none; color:#ffdc91; font-size:10px; font-weight:700; }
.gear-detail-link .icon { width:12px; height:12px; }
.gear-specimen { display:grid; grid-template-columns:86px 1fr; align-items:center; gap:16px; margin:14px 0; }
.gear-specimen .item-picture { width:86px; height:121px; border:2px solid #b39964; }
.gear-own-bonuses { margin-bottom:8px; color:#ffe0a2; font-size:15px; font-weight:700; line-height:1.5; }
.gear-specimen .modal-copy { font-size:12px; }
.gear-source { margin:13px 0 18px; color:#cad5c7; font-size:11px; line-height:1.5; }
.gear-comparison { padding:14px 12px; border:1px solid #6b8684; border-radius:9px; background:#193a4c; }
.gear-comparison-label { font-size:11px; line-height:1.5; color:#c6d3ca; }
.gear-comparison-label strong { color:#ffe0a3; font-weight:400; }
.gear-comparison-heading { font-size:20px; margin:11px 0; }
.gear-comparison-row { display:grid; grid-template-columns:minmax(0,1fr) auto max-content; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid #476b76; font-variant-numeric:tabular-nums; }
.gear-comparison-row>span { font-size:11px; line-height:1.4; color:#d1dcd3; }
.gear-comparison-row strong { font-size:17px; font-weight:700; white-space:nowrap; }
.gear-comparison-row em { min-width:30px; text-align:right; font-size:12px; font-style:normal; }
.compare-arrow { font-size:13px; font-weight:400; color:#aabfbd; }
.gear-comparison-row+.gear-comparison-label { margin-top:15px; }
.gear-settlement-note { margin-top:10px; font-size:10px; color:#c0d0cc; line-height:1.5; }
.gear-equipped-note { display:flex; align-items:center; gap:7px; margin-top:16px; font-size:12px; color:#c1e29e; }
.gear-equipped-note .icon { width:18px; height:18px; }
.found-gear { display:flex; align-items:center; gap:12px; padding:12px; margin:13px 0; border:1px solid #95b97e; border-radius:8px; background:#2b4d50; }
.found-gear .item-picture { width:44px; height:60px; }
.found-gear p { margin-bottom:4px; font-size:10px; color:#c2e1a3; }
.found-gear h3 { font:700 13px/1.4 "Trebuchet MS","Segoe UI",sans-serif; }
.found-gear small { display:block; margin-top:3px; color:#efdfb4; font-size:11px; }
.found-gear .gear-detail-link { padding:5px 0 0; min-height:24px; }
.gear-training-note { margin:13px 0; padding-top:12px; border-top:1px solid #547680; color:#c9d6ce; font-size:12px; line-height:1.5; }
@media(max-width:340px) {
  .gear-slots { gap:5px; }
  .gear-slot { padding:8px 4px; }
  .gear-slot strong { font-size:9px; }
  .gear-row { padding:9px; }
  .gear-row-top { gap:6px; }
  .gear-item-info { gap:7px; }
  .gear-item-info strong { font-size:11px; }
  .gear-row .equip-button { padding:8px; font-size:10px; }
  .gear-specimen { grid-template-columns:70px 1fr; gap:12px; }
  .gear-specimen .item-picture { width:70px; height:103px; }
  .gear-own-bonuses { font-size:13px; }
  .gear-specimen .modal-copy { font-size:11px; }
  .gear-comparison { padding:12px 9px; }
  .gear-comparison-row { gap:6px; }
  .gear-comparison-row strong { font-size:14px; }
  .gear-comparison-row em { font-size:11px; min-width:24px; }
}

/* Rarity frames reuse the approved B equipment illustrations. */
.gear-row[data-rarity='uncommon'],.found-gear[data-rarity='uncommon']{border-color:#8cad77}
.gear-row[data-rarity='rare'],.found-gear[data-rarity='rare']{border-color:#e7bd68}
.gear-row[data-rarity='rare'] .gear-item-info small,.found-gear[data-rarity='rare'] p{color:#ffdc8c}
.gear-item-info>span:last-child{min-width:0;overflow-wrap:anywhere}
.gear-row-top{min-width:0}
.gear-row-top>.equip-button{flex-shrink:0}
.junk-tools{padding:12px;background:#19394c;border:1px solid #698080;border-radius:8px;margin-bottom:16px}
.junk-tools>strong{display:block;font-size:13px;margin-bottom:6px}
.junk-tools>.secondary-button{margin-block:8px;min-height:44px;white-space:normal}
.junk-tools>small{display:block;color:#c3d3cc;font-size:11px;line-height:1.5}
.loot-pause,.rate-explanation{padding:10px 12px;margin-bottom:12px;background:#19394c;border:1px solid #8caa82;border-radius:7px;font-size:12px;line-height:1.5;color:#d6e7a3}

.hero-tabs{display:flex;gap:8px;margin-bottom:16px}
.hero-tabs button{flex:1}

.hero-experience{margin-bottom:12px;padding:11px 12px;border:1px solid #6a8183;border-radius:7px;background:#183b4e}
.hero-experience>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}
.hero-experience small{display:block;font-size:10px;line-height:1.5;color:#d6dcba}
.hero-xp-track{height:7px;margin:9px 0}

.gear-sell-button{display:block;min-height:44px;width:100%;padding:8px;margin-top:10px;border:1px solid #9e9476;border-radius:6px;background:#314e59;font-size:12px;color:#ffe1a1}
.sale-reason{font-size:10px;color:#bccfcb;line-height:1.5;margin-top:8px}
.inventory-empty{padding:18px 12px;border:1px dashed #789183;border-radius:8px;line-height:1.6;font-size:12px;color:#d0dccb}
.development-summary{padding:12px;margin-bottom:14px;background:#19394c;border:1px solid #8caa82;border-radius:8px}
.talent-group>h3{margin:0 0 10px;font-size:17px;color:#ffe1a1}
.development-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.development-heading>strong{color:#d6e7a3;font-size:14px}
.development-heading>button{font-size:11px;padding:5px 8px;min-height:44px}
.development-heading>button:disabled{display:none}
.development-summary p,.talent-card p{font-size:12px;line-height:1.5;margin:8px 0;color:#d2ded1}
.development-summary>small{display:block;font-size:11px;line-height:1.5}
.development-summary>button,.talent-card>button{margin-top:10px;min-height:44px}
.talent-card{display:flex;flex-direction:column;align-items:stretch;padding:14px;border:1px solid #728b83;border-radius:8px;background:#19394c}
.talent-card.is-available{border-color:#d5ad62}
.talent-card.is-available>button{background:#4b554b;border-color:#d5ad62;color:#ffe1a1}
.talent-card>p{flex:1}
.talent-group+.talent-group{margin-top:18px}
.talent-heading{display:flex;gap:10px;align-items:center;min-width:0}
.talent-heading>.icon{color:#f5bc4b;flex-shrink:0;width:27px;height:27px}
.talent-heading h4{margin:0;font-size:14px;line-height:1.4;color:#ffe1a1}
.talent-heading small{font-size:10px;color:#c9d7c7}
.talent-current{display:block;font-size:11px;color:#d6e7a3}
.talents-list{display:grid;gap:12px;align-content:start}
.buyback-list{display:grid;gap:12px}
.buyback-row{padding:12px;border:1px solid #728b83;border-radius:8px;background:#19394c}
.buyback-row strong,.buyback-row small{display:block;font-size:12px;line-height:1.5}
.buyback-row small{color:#d6dcba;margin:6px 0 10px}
.experience-reward{padding:12px;margin:12px 0;border:1px solid #b89b65;border-radius:8px;background:#19394c;font-size:12px;line-height:1.5;color:#ffe1a1}
.experience-reward strong{display:block;color:#d6e7a3}
.experience-reward button{min-height:44px;margin-top:8px}
.battle-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.battle-skills span{padding:5px 7px;border:1px solid #879976;border-radius:5px;color:#e7d8b2;font-size:10px}
.battle-damage.heal{color:#b4ee9d;text-shadow:0 2px #244e42}
.fighter.is-healing .fighter-visual{filter:drop-shadow(0 0 8px #a5d67c)}
@media(prefers-reduced-motion:reduce){.fighter.is-healing .fighter-visual{filter:none}}