/* #487: exact DX Best reference declarations; selectors retargeted to Lotte only. */

/* ensky-dx-waza-best-astryx-card-system-v1 — PAGE-SCOPED (ensky-dx-waza-best only). Class-based so it
   covers every checklist .sets-grid (0/1/many sets-wrap) and both tile shapes
   (.body-wrapped + direct-child sn/snm) incl. front-only. Loaded last in <head>. */
body.lotte-dx-best-page .relics-back{ min-height:44px; font-size:13px; }
body.lotte-dx-best-page .eyebrow,
body.lotte-dx-best-page .meta-badge,
body.lotte-dx-best-page .sticker-head .sh-sub,
body.lotte-dx-best-page .set-tile .sn,
body.lotte-dx-best-page .set-tile .sty,
body.lotte-dx-best-page .set-tile .jp{ font-size:13px !important; }
body.lotte-dx-best-page .sticker-head h2{ font-size:16px !important; }
body.lotte-dx-best-page .ht-set-search{ min-height:44px; font-size:16px !important; }
body.lotte-dx-best-page.ht-anvil-on .sets-wrap .set-tile .anvil-toggle.anvil-img{ width:44px !important; height:44px !important; }
body.lotte-dx-best-page .set-tile{ position:relative; border:1px solid rgba(109,181,176,0.34) !important;
  background:linear-gradient(90deg, rgba(201,169,104,0.055), transparent 32%), linear-gradient(150deg, rgba(20,38,40,0.9), rgba(6,15,17,0.97)) !important;
  box-shadow:inset 3px 0 0 rgba(201,169,104,0.62), inset 0 1px 0 rgba(142,212,207,0.13), 0 12px 30px rgba(0,0,0,0.2) !important; }
body.lotte-dx-best-page .set-tile::before{ content:""; position:absolute; top:0; right:0; left:3px; height:1px;
  background:linear-gradient(90deg, rgba(201,169,104,0.8), rgba(142,212,207,0.48), transparent 78%); pointer-events:none; z-index:1; }
body.lotte-dx-best-page .set-tile:hover{ border-color:rgba(142,212,207,0.58) !important;
  box-shadow:inset 3px 0 0 rgba(217,184,119,0.78), inset 0 1px 0 rgba(142,212,207,0.18), 0 16px 36px rgba(0,0,0,0.26) !important; }
body.lotte-dx-best-page .set-tile:target{ border-color:var(--teal-bright) !important; box-shadow:0 0 0 2px rgba(141,212,207,0.5) !important; }
body.lotte-dx-best-page .set-tile .ph-f,
body.lotte-dx-best-page .set-tile .ph-b{ border:1px solid rgba(109,181,176,0.33) !important; background-color:rgba(4,11,13,0.8) !important;
  box-shadow:inset 0 0 24px rgba(109,181,176,0.055), 0 1px 0 rgba(255,255,255,0.025) !important; color:var(--ink-faint); }
body.lotte-dx-best-page .set-tile .ph-f:hover,
body.lotte-dx-best-page .set-tile .ph-b:hover{ border-color:var(--teal-bright) !important; box-shadow:0 8px 28px rgba(0,0,0,0.75) !important; }
body.lotte-dx-best-page .set-tile .sn{ align-self:flex-start; padding:3px 9px; border-left:2px solid var(--bronze-bright);
  background:rgba(201,169,104,0.1); color:var(--bronze-bright); font-family:'IBM Plex Mono',monospace; letter-spacing:0.12em; }
body.lotte-dx-best-page .set-tile .snm{ color:#edf8f6; font-family:'Cinzel',serif !important; font-weight:700; letter-spacing:0.035em;
  line-height:1.3; overflow-wrap:break-word; word-break:keep-all; hyphens:none; }
body.lotte-dx-best-page .set-tile .snm .jp{ font-family:'IBM Plex Mono',monospace; font-weight:500; letter-spacing:0.06em; color:var(--ink-dim) !important; }
body.lotte-dx-best-page .set-tile .sty{ min-width:0; max-width:100%; padding:4px 8px; border:1px solid rgba(109,181,176,0.22);
  background:rgba(109,181,176,0.055); color:var(--ink-dim); letter-spacing:0.12em; line-height:1.35; text-align:left; white-space:normal; }
body.lotte-dx-best-page .set-tile .sty.holo{ border-color:rgba(142,212,207,0.3); color:var(--teal-bright); }
body.lotte-dx-best-page .set-tile .sty.promo{ border-color:rgba(169,57,66,0.45); background:rgba(169,57,66,0.08); color:#e39aa2; }
body.lotte-dx-best-page .set-tile .ht-credit{ overflow:visible !important; -webkit-line-clamp:unset !important; white-space:normal !important; overflow-wrap:anywhere !important; }
body.lotte-dx-best-page .sets-grid{ grid-template-columns:repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
  justify-content:center !important; gap:12px !important; align-items:start !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f){ display:grid !important; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;
  grid-auto-rows:min-content !important; align-content:start !important; column-gap:clamp(8px,2.4vw,14px) !important; row-gap:10px !important;
  width:100% !important; max-width:480px !important; justify-self:center !important; margin-inline:auto !important;
  min-width:0 !important; height:auto !important; min-height:0 !important; padding:14px 14px 52px !important; overflow:visible !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f):not(:has(> .ph-b)){ grid-template-columns:minmax(0,1fr) !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-f,
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-b{ grid-row:1 !important; width:100% !important; min-width:0 !important; max-width:100% !important;
  height:auto !important; aspect-ratio:1 / 1 !important; justify-self:stretch !important; margin:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-f{ grid-column:1 !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-b{ grid-column:2 !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-f:not(.has-img),
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-b:not(.has-img){ margin-bottom:0 !important; padding:6px !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .body,
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .sn,
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .snm,
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .jp,
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .sty{ grid-column:1 / -1 !important; width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .body{ display:flex !important; flex-direction:column !important; gap:5px !important; align-items:flex-start !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .snm,
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .body .snm{ font-size:clamp(15px,4vw,19px) !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .ht-addphoto{ box-sizing:border-box !important; position:static !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  transform:none !important; margin:0 !important; width:max-content !important; min-width:0 !important; max-width:100% !important; min-height:44px !important;
  padding:6px 8px !important; font-size:clamp(8px,3vw,13px) !important; line-height:1.2 !important; white-space:normal !important; overflow-wrap:normal !important; word-break:normal !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .anvil-toggle.anvil-img{ position:absolute !important; right:12px !important; bottom:10px !important;
  width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; padding:7px !important; border:0 !important; background:transparent !important; z-index:6 !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .anvil-ctl{ grid-column:1 / -1 !important; position:static !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .anvil-ctl .anvil-fields{ display:block !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .anvil-ctl .anvil-fields > select,
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .anvil-ctl .anvil-fields > .anvil-btn{ width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .anvil-ctl .anvil-fields > select{ min-height:44px !important; margin-bottom:8px !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .anvil-ctl .anvil-fields > .anvil-btn{ min-height:44px !important; }
body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) .ht-credit.ht-credit-flow{ display:block !important; position:static !important; grid-column:1 / -1 !important; width:100% !important; max-width:100% !important; margin:3px 0 0 !important; padding:0 2px !important; }
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f){ display:grid !important; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important; }
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f):not(:has(> .ph-b)){ grid-template-columns:minmax(0,1fr) !important; }
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-f{ grid-column:1 !important; width:100% !important; min-width:0 !important; }
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .ph-b{ grid-column:2 !important; width:100% !important; min-width:0 !important; }
#checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .body:where(.lotte-dx-best-page),
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .sn,
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .snm,
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .jp,
:where(body.lotte-dx-best-page) #checklist .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .sty{ grid-column:1 / -1 !important; }
@media (hover: none){
  body.lotte-dx-best-page .set-tile .ph-f:hover,
  body.lotte-dx-best-page .set-tile .ph-b:hover{ transform:none !important; box-shadow:inset 0 0 24px rgba(109,181,176,0.055), 0 1px 0 rgba(255,255,255,0.025) !important; } }
body.lotte-dx-best-page section.sticker-head > .sets-grid{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  align-items:stretch !important; justify-content:center; gap:clamp(8px,2vw,18px) !important; padding:0 !important; grid-template-columns:none !important; max-width:none; }
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4){ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; grid-auto-rows:min-content !important;
  align-content:start !important; gap:clamp(5px,1.4vw,10px) !important; flex:1 1 0 !important; width:auto !important; min-width:0 !important;
  max-width:360px !important; min-height:0 !important; padding:clamp(8px,1.8vw,16px) !important; }
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .ph-f,
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .ph-b{ grid-row:1 !important; width:auto !important; max-width:none !important; min-width:0 !important; height:auto !important; aspect-ratio:1/1 !important; margin:0 !important; }
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .ph-f{ grid-column:1 !important; }
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .ph-b{ grid-column:2 !important; }
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .body,
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .sn,
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .snm,
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .sty{ grid-column:1 / -1 !important; min-width:0 !important; width:auto !important; margin:0 !important; text-align:center !important; }
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .body{ align-items:center !important; }
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .ph-f:not(.has-img),
body.lotte-dx-best-page section.sticker-head > .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) > .ph-b:not(.has-img){ display:flex !important; align-items:center !important; justify-content:center !important; min-height:52px !important; padding:3px !important; overflow:visible !important; }
body.lotte-dx-best-page section.sticker-head .sets-grid .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) .ph-f:not(.has-img) .ht-addphoto,
body.lotte-dx-best-page section.sticker-head .sets-grid .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) .ph-b:not(.has-img) .ht-addphoto{ position:relative !important; left:auto !important; right:auto !important;
  top:auto !important; bottom:auto !important; transform:none !important; margin:0 !important; width:max-content !important; min-width:0 !important; max-width:100% !important;
  min-height:44px !important; padding:4px clamp(2px,0.7vw,10px) !important; font-size:clamp(8px,3vw,13px) !important; line-height:1.15 !important; letter-spacing:.02em !important; white-space:nowrap !important; box-sizing:border-box !important; }
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-auto-rows:min-content !important; align-content:start !important; gap:clamp(10px,3vw,18px) !important; width:min(100%,560px) !important; margin:0 auto !important;
  padding:clamp(14px,3vw,22px) !important; box-sizing:border-box !important; }
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile > .ph-f,
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile > .ph-b{ grid-row:1 !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:auto !important;
  aspect-ratio:4 / 5 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; margin-bottom:0 !important; }
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile > .ph-f{ grid-column:1 !important; }
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile > .ph-b{ grid-column:2 !important; }
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile > .body,
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile > .sn,
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile > .snm{ grid-column:1 / -1 !important; min-width:0 !important; width:auto !important; margin:0 !important; }
body.lotte-dx-best-page .pack-art .set-tile.pack-art-tile .ht-addphoto{ position:static !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  transform:none !important; margin:0 !important; width:max-content !important; min-width:0 !important; max-width:100% !important; min-height:44px !important; padding:4px clamp(2px,0.7vw,10px) !important;
  font-size:clamp(8px,3vw,13px) !important; line-height:1.15 !important; letter-spacing:.02em !important; white-space:nowrap !important; box-sizing:border-box !important; }
body.lotte-dx-best-page .htc-orow{ display:flex !important; flex-wrap:nowrap !important; gap:8px; }
@media (max-width:600px){
  body.lotte-dx-best-page .page-head{ padding:32px 16px 8px; }
  body.lotte-dx-best-page .sticker-head,
  body.lotte-dx-best-page .sets-wrap{ padding-left:12px; padding-right:12px; }
  body.lotte-dx-best-page .sets-grid{ gap:12px !important; }
  body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f){ padding:12px 12px 50px !important; }
  body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .snm,
  body.lotte-dx-best-page .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4):has(> .ph-f) > .body .snm{ font-size:clamp(15px,4.4vw,18px) !important; }
  body.lotte-dx-best-page.ht-anvil-on .sets-grid > .set-tile:not(.pack-art-tile):not(.tcg-set-tile):not(.fp3):not(.fp4) .anvil-ctl:not(.open) .anvil-fields{ visibility:hidden; } }