/* r185c: cleaned enemy presentation and smoother battle victory transition. */
/* r185b: corrected Storm Hive enemy framing and orientation. */
.hunt2-target-icon .enemy-sprite-copper-earwig,
.hunt2-target-icon .enemy-sprite-static-moth,
.hunt2-target-icon .enemy-sprite-rust-bronzebeetle,
.hunt2-target-icon .enemy-sprite-arc-cicada,
.hunt2-target-icon .enemy-sprite-magnetic-tick,
.hunt2-target-icon .enemy-sprite-coil-guardian,
.hunt2-target-icon .enemy-sprite-thunder-harvester,
.hunt2-target-icon .enemy-sprite-charged-cocoon{
  display:block;width:100%;height:100%;margin:0;
  object-fit:cover;object-position:center;
  transform:scale(1.08);transform-origin:center;
  filter:none;
}
.hunt2-target-icon .enemy-sprite-thunder-harvester{transform:scale(1.14)}
.hunt2-target-icon .enemy-sprite-charged-cocoon{transform:scale(1.18)}
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-copper-earwig,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-static-moth,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-rust-bronzebeetle,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-arc-cicada,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-magnetic-tick,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-coil-guardian,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-thunder-harvester,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-charged-cocoon{
  position:relative;z-index:2;display:block;
  width:100%;height:100%;margin:0;
  object-fit:cover;object-position:center;
  transform:scale(1.04);transform-origin:center;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.72));
}
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-thunder-harvester{transform:scale(1.10)}
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-charged-cocoon{transform:scale(1.13)}
.r185-art-host{padding:0!important;overflow:hidden;background:#090b0d!important}
.r185-item-art{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:2px!important;
  box-sizing:border-box!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:center!important;
}
.inv3-item-icon.r185-art-host{display:grid;place-items:center;width:40px;height:40px;max-width:100%;margin:0 auto;border-radius:7px;box-shadow:0 0 0 1px rgba(225,196,121,.18)}
.inv3-equip-icon.r185-art-host{display:grid;place-items:center;width:42px;height:42px;border-radius:6px;box-shadow:0 0 0 1px rgba(225,196,121,.18)}
.inv3-equipment.collapsed .inv3-equip-icon.r185-art-host{display:grid;place-items:center;width:72%;height:auto;aspect-ratio:1}
.char2-slot-icon.r185-art-host{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;box-shadow:0 0 0 1px rgba(225,196,121,.18)}
.char2-slot{grid-template-columns:32px minmax(0,1fr)}
.char2-slot-copy{min-width:0;overflow:hidden}
.inv3-sheet-icon.r185-art-host{display:grid;place-items:center;overflow:hidden}
.item4-icon.r185-art-host{display:grid;place-items:center;overflow:hidden}
.inv3-sheet-icon.r185-art-host .r185-item-art,.item4-icon.r185-art-host .r185-item-art{object-fit:contain}

/* Keep expanded equipment artwork inside its own grid column on narrow phones. */
.inv4-clarity .inv3-equipment:not(.collapsed) .inv3-equip-card{
  grid-template-columns:44px minmax(0,1fr);
  column-gap:7px;
  min-height:58px;
}
.inv4-clarity .inv3-equipment:not(.collapsed) .inv3-equip-icon.r185-art-host{
  width:42px;
  height:42px;
  max-width:100%;
  margin:0;
}
.inv4-clarity .inv3-equipment:not(.collapsed) .inv3-equip-copy{
  min-width:0;
  overflow:hidden;
}
@media(max-width:370px){
  .inv4-clarity .inv3-equipment:not(.collapsed) .inv3-equip-card{grid-template-columns:38px minmax(0,1fr);column-gap:6px}
  .inv4-clarity .inv3-equipment:not(.collapsed) .inv3-equip-icon.r185-art-host{width:36px;height:36px}
  .char2-slot-icon.r185-art-host{width:26px;height:26px}
  .char2-slot{grid-template-columns:28px minmax(0,1fr)}
}

/* r185e: iPhone inventory art must have a deterministic box; Pro Max is ~440 CSS px. */
@media(max-width:480px){
  .inv4-clarity .inv3-equipment:not(.collapsed) .inv3-equip-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .inv4-clarity .inv3-equipment:not(.collapsed) .inv3-equip-card{
    grid-template-columns:44px minmax(0,1fr);
    min-height:58px;
  }
  .inv4-clarity .inv3-item-icon.r185-art-host{
    width:40px;
    height:40px;
    margin:0 auto;
  }
}

/* r186: inventory cards explain the actual stat trade-off instead of only build score. */
.inv4-clarity .inv3-card-stat{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#93998f;
  font-size:8px;
  line-height:1;
}
.inv4-clarity .inv3-stat-deltas{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
  width:100%;
  align-self:end;
}
.inv4-clarity .inv3-stat-deltas.neutral{grid-template-columns:1fr}
.inv4-clarity .inv3-stat-delta{
  min-width:0;
  overflow:hidden;
  padding:3px 2px;
  border-radius:4px;
  background:#0b0e0b;
  color:#999d94;
  font-size:7px;
  font-weight:800;
  line-height:1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inv4-clarity .inv3-stat-delta b{font:inherit}
.inv4-clarity .inv3-stat-delta.up{background:#0b160f;color:#62c986}
.inv4-clarity .inv3-stat-delta.down{background:#170d0b;color:#d28578}
@media(max-width:480px){
  .inv4-clarity .inv3-card-stat{font-size:7.5px}
  .inv4-clarity .inv3-stat-delta{font-size:6.5px;padding-inline:1px}
}


/* r185c visual fit */
.hunt2-target-icon.has-enemy-sprite{
  overflow:hidden;
  padding:0;
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 46%, rgba(224,212,190,.12) 0%, rgba(135,112,84,.08) 26%, rgba(14,16,13,.72) 62%, rgba(7,8,7,.98) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.hunt2-target-icon.has-enemy-sprite .hunt2-enemy-sprite{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  object-fit:contain;
  object-position:center;
  transform:none;
  filter:drop-shadow(0 6px 9px rgba(0,0,0,.7));
}
.battle2-art.enemy-art.has-enemy-sprite{
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(231,219,197,.14) 0%, rgba(148,124,92,.09) 24%, rgba(14,17,14,.74) 58%, rgba(7,8,7,.98) 100%);
}
.battle2-art.enemy-art.has-enemy-sprite>img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:6px;
  box-sizing:border-box;
  object-fit:contain;
  object-position:center;
  transform:none !important;
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.76));
}
.hunt2-target-icon .enemy-sprite-magnetic-tick,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-magnetic-tick{transform:scale(1.08)!important}
.hunt2-target-icon .enemy-sprite-charged-cocoon,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-charged-cocoon{transform:scale(1.06)!important}
.hunt2-target-icon .enemy-sprite-arc-cicada,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-arc-cicada{transform:scale(1.04)!important}
.hunt2-target-icon .enemy-sprite-static-moth,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-static-moth{transform:scale(1.03)!important}
.hunt2-target-icon .enemy-sprite-thunder-harvester,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-thunder-harvester{transform:scale(1.05)!important}
.hunt2-target-icon .enemy-sprite-coil-guardian,
.battle2-art.enemy-art.has-enemy-sprite>img.enemy-sprite-coil-guardian{transform:scale(1.02)!important}
.battle-terminal-summary{
  display:grid;
  gap:4px;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(199,173,112,.28);
  border-radius:10px;
  background:linear-gradient(180deg, rgba(29,33,24,.96), rgba(14,16,12,.98));
  text-align:center;
}
.battle-terminal-summary b{font-size:18px;line-height:1.2}
.battle-terminal-summary small{color:var(--muted,#aaa)}

/* r187: readable equipment comparison. Server snapshots are the source of truth. */
.inv7-primary-stat{margin-top:12px!important;padding:12px 13px!important;background:linear-gradient(180deg,#10140f,#0b0e0b)!important;border:1px solid rgba(206,177,101,.24)!important}
.inv7-primary-stat>div{display:grid;gap:4px;min-width:0}
.inv7-primary-stat small{color:#c9a84e;font-size:9px;font-weight:900;letter-spacing:.11em}
.inv7-primary-stat b{color:#f0efe6;font-size:18px;line-height:1.12}
.inv7-primary-stat span{color:#9fa398;font-size:11px;line-height:1.35}
.inv7-item-flags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 2px}
.inv7-item-flags>span{padding:5px 7px;border:1px solid #30372e;border-radius:7px;background:#0b0e0b;color:#aeb2a7;font-size:9px;font-weight:700}
.inv7-item-swap{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:stretch;gap:6px;margin:11px 0 8px}
.inv7-item-swap>div{min-width:0;padding:9px 10px;border:1px solid #30372e;border-radius:9px;background:#0a0d0a;display:grid;align-content:start;gap:3px}
.inv7-item-swap>div:last-child{border-color:rgba(207,171,73,.38);background:linear-gradient(180deg,rgba(37,31,13,.45),#0a0d0a)}
.inv7-item-swap small{color:#858b80;font-size:8px;font-weight:900;letter-spacing:.09em}
.inv7-item-swap b{overflow:hidden;color:#ecebe2;font-size:11px;line-height:1.2;text-overflow:ellipsis}
.inv7-item-swap span{overflow:hidden;color:#9ea398;font-size:9px;line-height:1.25;text-overflow:ellipsis}
.inv7-item-swap>i{align-self:center;color:#c9a84e;font-style:normal;font-size:18px;text-align:center}
.inv7-item-swap.compact{margin-top:9px}
.inv7-item-swap.compact>div{padding:7px 8px}
.inv7-verdict{display:grid;gap:3px;margin:9px 0;padding:10px 11px;border:1px solid #30372e;border-left-width:3px;border-radius:8px;background:#0c0f0c}
.inv7-verdict small{color:#888e83;font-size:8px;font-weight:900;letter-spacing:.1em}
.inv7-verdict b{font-size:13px;line-height:1.15}
.inv7-verdict span{color:#a8aca2;font-size:10px;line-height:1.35}
.inv7-verdict.up{border-color:rgba(67,171,108,.45);border-left-color:#42b66f;background:linear-gradient(90deg,rgba(22,73,42,.28),#0c0f0c 55%)}
.inv7-verdict.up b{color:#67cf8d}
.inv7-verdict.down{border-color:rgba(178,88,77,.42);border-left-color:#c06659;background:linear-gradient(90deg,rgba(83,31,25,.28),#0c0f0c 55%)}
.inv7-verdict.down b{color:#d88d80}
.inv7-verdict.trade{border-color:rgba(202,166,72,.42);border-left-color:#caa648;background:linear-gradient(90deg,rgba(82,67,23,.25),#0c0f0c 55%)}
.inv7-verdict.trade b{color:#e0c162}
.inv7-verdict.same{border-left-color:#737a70}.inv7-verdict.same b{color:#c5c8bf}
.inv7-impact-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:7px 0 10px}
.inv7-impact-chips>span{min-width:0;padding:6px 7px;border-radius:6px;background:#0d100d;color:#aeb2a8;font-size:9px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv7-impact-chips>span.up{background:#0c1911;color:#69d28f}.inv7-impact-chips>span.down{background:#1a0e0c;color:#dc8b7d}.inv7-impact-chips>span.same{grid-column:1/-1;color:#a2a69e}
.inv7-loading-compare{display:grid;gap:7px;margin:7px 0 10px;padding:8px;border:1px dashed #30372e;border-radius:8px;background:#090b09}
.inv7-loading-compare>small{color:#858a80;font-size:9px;line-height:1.3;text-align:center}
.inv7-compare-caption{margin:10px 0 5px;color:#8c9188;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.inv7-compare-table{overflow:hidden;border:1px solid #30372e;border-radius:8px;background:#090b09}
.inv7-compare-head,.inv7-compare-row{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,.72fr));align-items:center;gap:5px;min-width:0}
.inv7-compare-head{padding:7px 8px;background:#141813;color:#7f857b;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.inv7-compare-head>span:not(:first-child),.inv7-compare-row>span,.inv7-compare-row>strong{text-align:right}
.inv7-compare-row{padding:8px;border-top:1px solid #20251f;color:#aeb2a8;font-size:10px}
.inv7-compare-row>b{min-width:0;color:#d9d9d2;font-size:10px;line-height:1.2}
.inv7-compare-row>span{color:#9da198;font-variant-numeric:tabular-nums}
.inv7-compare-row>strong{font-size:10px;font-variant-numeric:tabular-nums}
.inv7-compare-row.up>strong{color:#66cf8c}.inv7-compare-row.down>strong{color:#d8897d}.inv7-compare-row.same>strong{color:#727970}
.inv7-no-change{padding:10px;border:1px dashed #30372e;border-radius:8px;color:#949990;font-size:10px;text-align:center}
.inv7-gear-compare{overflow:hidden;border:1px solid #30372e;border-radius:8px;background:#090b09}
.inv7-gear-compare>div{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;gap:8px;align-items:center;padding:8px;border-top:1px solid #20251f;font-size:10px}
.inv7-gear-compare>div:first-child{border-top:0}
.inv7-gear-compare span{color:#9da198}.inv7-gear-compare b{color:#d8d8d0;font-variant-numeric:tabular-nums}.inv7-gear-compare strong{text-align:right;font-variant-numeric:tabular-nums}
.inv7-gear-compare .up strong{color:#66cf8c}.inv7-gear-compare .down strong{color:#d8897d}.inv7-gear-compare .same strong{color:#747b72}
.inv7-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:13px 0 7px}
.inv7-section-title.compact{margin-top:16px}
.inv7-section-title h3{margin:0;color:#e7e6dd;font-size:13px}.inv7-section-title p{margin:3px 0 0;color:#878d83;font-size:9px;line-height:1.3}.inv7-section-title>span{flex:none;color:#c9a84e;font-size:9px;font-weight:900}
.inv7-comparison-note{margin-top:10px!important;padding:9px 10px!important;border-left:2px solid #c9a84e!important;background:#101109!important;color:#92978d!important;font-size:9px!important;line-height:1.4!important}
.inv7-full-detail .item4-head{grid-template-columns:64px minmax(0,1fr) 40px}
.inv7-full-detail .item4-icon{width:58px;height:58px}
.inv7-full-detail .item4-title{min-width:0}
.inv7-full-detail .item4-title h2{overflow:hidden;text-overflow:ellipsis}
.inv7-full-detail .inv7-detail-main{display:grid;gap:2px}
.inv7-full-detail .inv7-detail-comparison{display:block}

@media(max-width:480px){
  .inv7-primary-stat b{font-size:16px}
  .inv7-item-swap{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:4px}
  .inv7-item-swap>div{padding:8px 7px}.inv7-item-swap>i{font-size:15px}
  .inv7-item-swap b{font-size:10px}.inv7-item-swap span{font-size:8px}
  .inv7-impact-chips{gap:4px}.inv7-impact-chips>span{padding:6px 4px;font-size:8px}
  .inv7-compare-head,.inv7-compare-row{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.68fr));gap:3px}
  .inv7-compare-head{padding:6px 5px;font-size:7px;letter-spacing:0}
  .inv7-compare-row{padding:7px 5px;font-size:9px}.inv7-compare-row>b,.inv7-compare-row>strong{font-size:9px}
  .inv7-gear-compare>div{grid-template-columns:minmax(0,1fr) auto 38px;gap:5px;padding:7px 6px;font-size:9px}
  .inv7-full-detail .item4-head{grid-template-columns:56px minmax(0,1fr) 36px;gap:8px}
  .inv7-full-detail .item4-icon{width:52px;height:52px}
}
@media(max-width:370px){
  .inv7-item-swap{grid-template-columns:1fr;gap:4px}.inv7-item-swap>i{transform:rotate(90deg);line-height:1}
  .inv7-impact-chips{grid-template-columns:1fr 1fr}
  .inv7-compare-head,.inv7-compare-row{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.62fr))}
  .inv7-compare-row>b{font-size:8px}.inv7-compare-row>span,.inv7-compare-row>strong{font-size:8px}
}