/* ODE_WIKI_EQUIPMENT_DISCOVERY_BOX_REVEAL_V22 */
.ode-eqv2-lock{overflow:hidden}.ode-eqv2-modal[hidden]{display:none!important}.ode-eqv2-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;font-family:Inter,system-ui,sans-serif}.ode-eqv2-backdrop{position:absolute;inset:0;background:rgba(3,2,7,.9);backdrop-filter:blur(10px)}.ode-eqv2-dialog{position:relative;width:min(720px,100%);max-height:94vh;overflow:auto;border:1px solid rgba(226,188,108,.38);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(108,72,148,.24),transparent 46%),linear-gradient(180deg,#120c1b,#09060f);box-shadow:0 30px 100px rgba(0,0,0,.72);color:#f4edf8;padding:24px}.ode-eqv2-x{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#d9cfe0;font-size:30px;cursor:pointer;z-index:4}.ode-eqv2-detail,.ode-eqv2-reveal{text-align:center}.ode-eqv2-art{height:230px;display:grid;place-items:center;margin:4px auto 16px}.ode-eqv2-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.65))}.ode-eqv2-art-missing{width:min(360px,100%);min-height:190px;border:1px dashed rgba(219,181,102,.24);border-radius:18px;background:rgba(14,9,20,.48);color:#9c8fa5;font-size:.8rem;padding:20px;text-align:center}.ode-eqv2-art.reveal{height:310px}.ode-eqv2-kicker,.ode-eqv2-reveal-label,.ode-eqv2-eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:#d7b76f;font-weight:800}.ode-eqv2-dialog h2{font-size:clamp(1.65rem,5vw,2.65rem);margin:8px 0 6px;line-height:1.05}.ode-eqv2-path{color:#cfc1d7;margin:0 0 12px;line-height:1.6}.ode-eqv2-forge{display:inline-block;padding:5px 10px;border:1px solid rgba(102,214,168,.35);border-radius:999px;color:#9be2bd}.ode-eqv2-stats{list-style:none;padding:0;margin:16px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:520px}.ode-eqv2-stats.reveal{grid-template-columns:repeat(3,minmax(0,1fr))}.ode-eqv2-stats li{padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);display:flex;gap:6px;flex-direction:column}.ode-eqv2-stats li span{font-size:.72rem;color:#b9acbf}.ode-eqv2-stats li strong{font-size:1rem;color:#fff}.ode-eqv2-set{max-width:560px;margin:14px auto;text-align:left;border:1px solid rgba(219,181,102,.25);border-radius:14px;background:rgba(219,181,102,.055);padding:12px}.ode-eqv2-sethead,.ode-eqv2-status{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:5px 0}.ode-eqv2-sethead span{color:#d9bd79}.ode-eqv2-status{font-size:.82rem;border-top:1px solid rgba(255,255,255,.06)}.ode-eqv2-status strong{font-weight:600;color:#dfd4e3}.ode-eqv2-special{display:grid;grid-template-columns:minmax(118px,.7fr) minmax(0,1.6fr);gap:12px;border-top:1px solid rgba(255,255,255,.06);padding:9px 0 5px;font-size:.79rem}.ode-eqv2-special span{color:#d3b974;font-weight:800}.ode-eqv2-special strong{color:#dfd4e3;font-weight:600;line-height:1.45}.ode-eqv2-missing{margin-top:7px;color:#bdb0c4;font-size:.78rem}.ode-eqv2-origin{display:flex;justify-content:center;gap:10px;color:#a99fb0}.ode-eqv2-origin strong{color:#f0e4f4}.ode-eqv2-meta{max-width:560px;margin:14px auto;text-align:left;border-top:1px solid rgba(255,255,255,.08);padding-top:9px}.ode-eqv2-meta summary{cursor:pointer;color:#cdb875}.ode-eqv2-meta dl{font-size:.75rem}.ode-eqv2-meta dl div{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:5px 0}.ode-eqv2-meta dt{color:#9e92a6}.ode-eqv2-meta dd{margin:0;overflow-wrap:anywhere}.ode-eqv2-primary,.ode-eqv2-inline-btn,.ode-eqv2-inventory-card button{border:1px solid #d6b866;background:linear-gradient(135deg,#e1c477,#a98546);color:#130e08;font-weight:800;border-radius:10px;padding:10px 16px;cursor:pointer}.ode-eqv2-primary{min-width:190px;margin-top:6px}.ode-eqv2-reveal-set{margin:15px auto 8px;padding:10px 14px;width:max-content;max-width:100%;border:1px solid rgba(219,181,102,.3);border-radius:999px;color:#e2ca8c}.ode-eqv2-reveal-set span{margin-left:10px;color:#90ddb3;font-weight:800}.ode-eqv2-new{color:#aeb0ba}.ode-eqv2-inline-btn{margin-top:8px;font-size:.75rem;padding:6px 9px}.ode-eqv2-cardset{margin-top:7px;padding:7px 9px;border-radius:8px;background:rgba(111,80,139,.12);display:flex;justify-content:space-between;gap:8px;font-size:.72rem}.ode-eqv2-cardset span{color:#c0b1c8}.ode-eqv2-stage-reward{margin-top:10px;padding:10px;border:1px solid rgba(219,181,102,.22);border-radius:10px;background:rgba(219,181,102,.05);display:grid;gap:3px}.ode-eqv2-stage-reward span{font-size:.65rem;letter-spacing:.12em;color:#d2b46f}.ode-eqv2-stage-reward small{color:#baafc0}.ode-eqv2-stage-reward em{font-size:.72rem;color:#8fd7ae;font-style:normal}.ode-eqv2-hero-summary{margin-top:14px;padding:12px;border:1px solid rgba(132,93,164,.25);border-radius:12px;background:rgba(83,52,107,.08)}.ode-eqv2-hero-head{display:flex;justify-content:space-between}.ode-eqv2-muted{color:#9d92a4}.ode-eqv2-surface{margin:18px auto;padding:22px;max-width:1280px;color:#eee6f2}.ode-eqv2-surface-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.ode-eqv2-surface-head a{color:#e2c77e}.ode-eqv2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:13px}.ode-eqv2-inventory-card{border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:13px;background:#0d0813}.ode-eqv2-inventory-card .ode-eqv2-art{height:160px}.ode-eqv2-inventory-card h3{margin:6px 0}.ode-eqv2-inventory-card>p{font-size:.82rem;color:#b8adbd}.ode-eqv2-inventory-card .ode-eqv2-set{font-size:.8rem}.ode-eqv2-inventory-card button{width:100%}
@media(max-width:700px){.ode-eqv2-dialog{padding:17px;border-radius:16px}.ode-eqv2-art.reveal{height:240px}.ode-eqv2-stats,.ode-eqv2-stats.reveal{grid-template-columns:1fr}.ode-eqv2-dialog h2{font-size:1.75rem}.ode-eqv2-sethead,.ode-eqv2-status{align-items:flex-start;flex-direction:column;gap:2px}.ode-eqv2-meta dl div{grid-template-columns:1fr}.ode-eqv2-surface{padding:12px}.ode-eqv2-surface-head{flex-direction:column}.ode-eqv2-grid{grid-template-columns:1fr}}

/* V2.1: compact canonical Set summary in the wide Equipment detail card. */
.ode-eqv21-detail-host{position:relative!important}.ode-eqv25-contained-host{isolation:isolate!important}.ode-eqv21-inline-setinfo{position:absolute;z-index:2;left:37%;right:22%;top:20px;bottom:72px;min-height:0;max-height:none;box-sizing:border-box;overflow:hidden;padding:16px 18px;border:1px solid rgba(219,181,102,.28);border-radius:15px;background:linear-gradient(180deg,rgba(20,13,27,.96),rgba(10,7,15,.95));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 12px 30px rgba(0,0,0,.18);color:#f0e8f3;display:grid;align-content:start;gap:0}.ode-eqv21-inline-settitle{color:#e0c17b;font-size:.78rem;font-weight:900;letter-spacing:.06em;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.ode-eqv21-inline-setrow{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.ode-eqv21-inline-setrow span{display:grid;place-items:center;min-height:30px;border:1px solid rgba(154,108,186,.34);border-radius:8px;background:rgba(94,55,125,.22);color:#e3c7f0;font-size:.77rem;font-weight:900}.ode-eqv21-inline-setrow strong{font-size:.86rem;color:#f2e8f5;font-weight:700}.ode-eqv21-inline-special{display:grid;grid-template-columns:118px 1fr;gap:10px;padding-top:10px;align-items:start}.ode-eqv21-inline-special span{color:#d9bd79;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.ode-eqv21-inline-special strong{color:#cfc4d4;font-size:.76rem;line-height:1.42;font-weight:600}.ode-eqv21-inline-setinfo::-webkit-scrollbar{width:5px}.ode-eqv21-inline-setinfo::-webkit-scrollbar-thumb{background:#6b4d78;border-radius:10px}
@media(max-width:1180px){.ode-eqv21-inline-setinfo{display:none}}
@media(max-width:700px){.ode-eqv2-special{grid-template-columns:1fr;gap:3px}}


/* V2.3: Campaign reward is anchored to the native `Repetible:` line, never to the action strip. */
.ode-eqv23-stage-reward{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;position:relative!important;inset:auto!important;float:none!important;clear:both!important;flex:0 0 100%!important;align-self:stretch!important;margin:10px 0 12px!important;z-index:auto!important;pointer-events:none!important;overflow:hidden!important}.ode-eqv23-stage-reward button,.ode-eqv23-stage-reward a{display:none!important}

.ode-eqv25-contained-setinfo{contain:layout paint;clip-path:inset(0 round 15px)}.ode-eqv25-contained-setinfo .ode-eqv21-inline-special{grid-template-columns:minmax(150px,.8fr) minmax(0,1.7fr)}.ode-eqv25-contained-setinfo .ode-eqv21-inline-special span{line-height:1.35}.ode-eqv25-contained-setinfo .ode-eqv21-inline-special strong{overflow-wrap:anywhere}


/* V2.6: real in-flow set column + collision-proof modal artwork. */
.ode-eqv26-item-card{display:flow-root!important;box-sizing:border-box!important}
.ode-eqv26-set-pane.ode-eqv21-inline-setinfo{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;z-index:auto!important;float:right!important;width:min(57%,760px)!important;min-width:430px!important;min-height:0!important;max-height:none!important;height:auto!important;margin:10px 0 18px 28px!important;padding:4px 0 4px 22px!important;overflow:visible!important;border:0!important;border-left:1px solid rgba(219,181,102,.34)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;clip-path:none!important;contain:none!important;clear:none!important}
.ode-eqv26-set-pane .ode-eqv21-inline-settitle{padding:3px 0 11px!important;background:transparent!important}
.ode-eqv26-set-pane .ode-eqv21-inline-setrow{padding:11px 0!important}
.ode-eqv26-set-pane .ode-eqv21-inline-special{padding:12px 0 4px!important;grid-template-columns:minmax(170px,.72fr) minmax(0,1.55fr)!important}
.ode-eqv26-item-card>.ode-eqv2-inline-btn,.ode-eqv26-item-card>.ode-eqv2-cardset{clear:both!important}
.ode-eqv2-art.ode-eqv2-art-detail{height:170px!important;width:170px!important;max-width:170px!important;min-height:0!important;margin:2px auto 14px!important;display:grid!important;place-items:center!important;overflow:hidden!important;position:relative!important;inset:auto!important;transform:none!important;border:1px solid rgba(219,181,102,.18)!important;border-radius:18px!important;background:rgba(8,5,12,.52)!important}
.ode-eqv2-art.ode-eqv2-art-detail img{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;margin:0!important;padding:8px!important;box-sizing:border-box!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))!important}
@media(max-width:1180px){.ode-eqv26-set-pane.ode-eqv21-inline-setinfo{display:grid!important;float:none!important;width:100%!important;min-width:0!important;margin:16px 0!important;padding:14px 0 0!important;border-left:0!important;border-top:1px solid rgba(219,181,102,.28)!important}}
@media(max-width:700px){.ode-eqv2-art.ode-eqv2-art-detail{width:140px!important;height:140px!important}.ode-eqv26-set-pane .ode-eqv21-inline-special{grid-template-columns:1fr!important;gap:4px!important}}


/* ODE_BOX_REVEAL_REWARD_FIRST_COMPACT_RECEIPT_V1
   Box-only UX. Does not change Equipment detail/inventory sizing. */
.ode-eqv2-reveal .ode-eqv2-art.reveal{
  width:min(420px,82%)!important;
  height:220px!important;
  max-height:220px!important;
  min-height:0!important;
  margin:6px auto 10px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
.ode-eqv2-reveal .ode-eqv2-art.reveal img{
  display:block!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:220px!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.ode-eqv2-reveal .ode-eqv2-reveal-label{margin-bottom:2px!important}
.ode-eqv2-reveal h2{
  font-size:clamp(1.55rem,3.4vw,2.15rem)!important;
  margin:5px 0 4px!important;
}
.ode-eqv2-reveal .ode-eqv2-path{margin-bottom:9px!important;line-height:1.42!important}
.ode-eqv2-reveal .ode-eqv2-stats.reveal{margin:11px auto!important}
.ode-eqv2-reveal .ode-eqv2-reveal-set{margin:11px auto 7px!important}
.ode-eqv2-reveal .ode-eqv2-new{margin:8px 0 10px!important}
.ode-eqv2-box-receipt pre{
  margin:8px 0 0!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  font:inherit!important;
  font-size:.74rem!important;
  line-height:1.48!important;
  color:#bdb0c4!important;
}
@media(max-width:700px){
  .ode-eqv2-reveal .ode-eqv2-art.reveal{
    width:min(320px,86%)!important;
    height:170px!important;
    max-height:170px!important;
  }
  .ode-eqv2-reveal .ode-eqv2-art.reveal img{
    max-height:170px!important;
  }
}


/* ODE_BOX_REVEAL_MODAL_BACKDROP_LOCK_UX_REPAIR_V1
   BOX REVEAL ONLY.
   Keep the game visible behind the modal, keep background clicks blocked,
   constrain scrolling to the reveal card, and let [hidden] fully restore UI. */

#odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal){
  position:fixed!important;
  inset:0!important;
  z-index:2147482000!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px,2.5vw,30px)!important;
  overflow:hidden!important;
  background:transparent!important;
  isolation:isolate!important;
}

#odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal) > .ode-eqv2-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:rgba(7,4,12,.58)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  opacity:1!important;
  pointer-events:auto!important;
}

#odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal) > .ode-eqv2-dialog{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  display:block!important;
  width:min(760px,calc(100vw - 32px))!important;
  max-width:760px!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(88dvh,860px)!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  border:1px solid rgba(203,164,87,.58)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(73,44,94,.24),transparent 42%),
    linear-gradient(180deg,#171020 0%,#0e0915 100%)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.58)!important;
}

#odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal) #odeEqV2Body{
  min-height:0!important;
  background:transparent!important;
}

#odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal) .ode-eqv2-reveal{
  min-height:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:24px clamp(18px,4vw,34px) 24px!important;
  background:transparent!important;
}

#odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal) .ode-eqv2-x{
  position:sticky!important;
  top:12px!important;
  float:right!important;
  z-index:4!important;
  margin:12px 12px -52px 0!important;
}

/*
  Keep the document from scrolling under the open reveal.
  Interaction behind the reveal is blocked by the transparent backdrop,
  but the page remains visible so it no longer looks frozen.
*/
html.ode-eqv2-lock:has(#odeEquipmentDiscoveryV2Modal:not([hidden]) .ode-eqv2-reveal),
body:has(#odeEquipmentDiscoveryV2Modal:not([hidden]) .ode-eqv2-reveal){
  overflow:hidden!important;
}

/* Closing sets [hidden]; this guarantees the overlay cannot survive the close. */
#odeEquipmentDiscoveryV2Modal[hidden]{
  display:none!important;
}

@media(max-width:700px){
  #odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal){
    padding:10px!important;
    align-items:center!important;
  }

  #odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal) > .ode-eqv2-dialog{
    width:min(100%,560px)!important;
    max-height:90dvh!important;
    border-radius:18px!important;
  }

  #odeEquipmentDiscoveryV2Modal:not([hidden]):has(.ode-eqv2-reveal) .ode-eqv2-reveal{
    padding:20px 14px 18px!important;
  }
}