/* Items store (items.php, b34): hero on the official Roblox art, game picker, filter bar, one card per item with an in-card trait picker. Green #45f882 on black. */
.its{--its-bg:#050806;--its-surface:#0b120e;--its-surface-2:#0f1813;--its-line:rgba(255,255,255,.07);--its-line-g:rgba(69,248,130,.32);--its-text:#eef7f1;--its-muted:#9db2a5;--its-accent:#45f882;--its-ink:#03130a;background:var(--its-bg);color:var(--its-text);padding-block-end:56px}
.its *{box-sizing:border-box}

/* hero */
/* b35: the site look (green + black) behind the Items store and the Roblox pages, never a flat black */
body.its-page, body.nx-pgame-roblox { background: radial-gradient(1100px 520px at 12% -8%, rgba(69, 248, 130, .14), transparent 60%), radial-gradient(900px 480px at 100% 12%, rgba(30, 140, 90, .16), transparent 62%), linear-gradient(180deg, #08130e 0%, #060d0a 55%, #050a08 100%) fixed; }
.its-more { font-size: 13px; color: inherit; opacity: .8; text-decoration: underline; margin-inline-start: 10px; }
.its-card__name a { color: inherit; text-decoration: none; }
.its-card__name a:hover { text-decoration: underline; }
.its-hero{position:relative;isolation:isolate;overflow:hidden;min-block-size:clamp(300px,34vw,420px);display:flex;align-items:flex-end;border-block-end:1px solid var(--its-line)}
.its-hero__art{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:60% 35%;z-index:-2}
.its-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 12% 40%,rgba(69,248,130,.20),transparent 70%),linear-gradient(90deg,rgba(3,9,5,.96) 0%,rgba(3,9,5,.84) 42%,rgba(3,9,5,.45) 100%),linear-gradient(0deg,var(--its-bg) 0%,transparent 45%)}
.its[dir=rtl] .its-hero::before{background:radial-gradient(70% 90% at 88% 40%,rgba(69,248,130,.20),transparent 70%),linear-gradient(270deg,rgba(3,9,5,.96) 0%,rgba(3,9,5,.84) 42%,rgba(3,9,5,.45) 100%),linear-gradient(0deg,var(--its-bg) 0%,transparent 45%)}
.its-hero__in{inline-size:100%;max-inline-size:1240px;margin-inline:auto;padding:56px 16px 36px}
.its-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--its-accent)}
.its-eyebrow::before{content:"";inline-size:22px;block-size:2px;background:var(--its-accent)}
.its-hero h1{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.04;font-weight:800;letter-spacing:-.02em;color:#fff}
.its-lede{max-inline-size:56ch;margin:14px 0 0;font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.6;color:#d3e2d8}
.its-facts{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.its-facts li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--its-line-g);border-radius:999px;background:rgba(5,12,8,.72);font-size:.86rem;color:#e3efe7}
.its-facts li::before{content:"";inline-size:7px;block-size:7px;border-radius:2px;background:var(--its-accent);flex:none}

/* layout */
.its-wrap{max-inline-size:1240px;margin-inline:auto;padding:18px 16px 0}
.its-games{display:flex;flex-wrap:wrap;gap:10px;margin-block-end:26px}
.its-game{display:flex;align-items:center;gap:12px;min-inline-size:220px;padding:12px 16px;border:1px solid var(--its-line);border-radius:14px;background:var(--its-surface);color:var(--its-text);text-decoration:none;transition:border-color .15s,background .15s}
.its-game:hover{border-color:var(--its-line-g)}
.its-game[aria-current=page]{border-color:var(--its-accent);background:linear-gradient(180deg,rgba(69,248,130,.12),rgba(69,248,130,.03));box-shadow:inset 0 -3px 0 var(--its-accent)}
.its-game img,.its-game__dot{inline-size:40px;block-size:40px;border-radius:10px;flex:none;object-fit:cover;background:var(--its-surface-2)}
.its-game__copy{display:flex;flex-direction:column;gap:2px}
.its-game__copy b{font-size:1rem;font-weight:700}
.its-game__copy small{font-size:.8rem;color:var(--its-muted)}
.its-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:14px}
.its-head h2{margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;color:#fff}
.its-count{margin:0;font-size:.88rem;color:var(--its-muted)}

/* filter bar: native selects keep the site's own dropdown look */
.its-bar{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:10px;align-items:end;padding:12px;border:1px solid var(--its-line);border-radius:14px;background:var(--its-surface)}
.its-field{display:flex;flex-direction:column;gap:5px;min-inline-size:0}
.its-field__l{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--its-muted)}
.its-field input,.its-field select{inline-size:100%;min-block-size:44px}
.its-field--q input{padding-inline:14px;border:1px solid var(--its-line);border-radius:10px;background:var(--its-bg);color:var(--its-text);font:inherit}
.its-field--q input:focus-visible{outline:2px solid var(--its-accent);outline-offset:1px}
.its-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:12px}
.its-row__l{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--its-muted);margin-inline-end:4px}
.its-tf,.its-qc{min-block-size:36px;padding:6px 14px;border:1px solid var(--its-line);border-radius:999px;background:var(--its-surface);color:var(--its-text);font:inherit;font-size:.86rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.its-tf:hover,.its-qc:hover{border-color:var(--its-line-g)}
.its-tf[aria-pressed=true]{border-color:var(--its-accent);background:var(--its-accent);color:var(--its-ink);font-weight:700}
.its-qc{background:transparent;color:#cfe0d5}

/* grid and card */
.its-grid{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,292px),1fr));gap:14px}
.its-card{--rc:#9fb0a6;display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--its-line);border-radius:16px;background:linear-gradient(180deg,var(--its-surface-2),var(--its-surface));transition:border-color .15s,transform .15s}
.its-card:hover{border-color:var(--its-line-g)}
.its-card[hidden]{display:none}
.its-card__top{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:start}
.its-card__name{margin:0 0 8px;font-size:1.06rem;line-height:1.3;font-weight:700;color:#fff;overflow-wrap:anywhere}
.its-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.its-chip{display:inline-flex;align-items:center;min-block-size:24px;padding:2px 9px;border:1px solid var(--its-line);border-radius:999px;font-size:.74rem;font-weight:600;color:#c9d8ce;background:rgba(255,255,255,.03)}
.its-chip--rar{color:var(--rc);border-color:color-mix(in srgb,var(--rc) 45%,transparent);background:color-mix(in srgb,var(--rc) 10%,transparent)}
.its-card__pic{inline-size:96px;block-size:96px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 70%),var(--its-bg);border:1px solid var(--its-line)}
.its-card__pic img{inline-size:84px;block-size:84px;object-fit:contain}
.its-card__pic{overflow:hidden}.its-card__pic img[data-sq="1"]{inline-size:100%;block-size:100%;object-fit:cover;border-radius:inherit}
.its-ph{position:relative;inline-size:100%;block-size:100%;display:grid;place-items:center;overflow:hidden;border-radius:13px;border:1px solid color-mix(in srgb,var(--rc) 38%,transparent);background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--rc) 26%,transparent),transparent 62%),linear-gradient(160deg,#0f1a14,#060a08)}
.its-ph svg{position:absolute;inset:8px;inline-size:calc(100% - 16px);block-size:calc(100% - 16px);fill:color-mix(in srgb,var(--rc) 24%,transparent)}
.its-ph b{position:relative;font-size:1.65rem;font-weight:800;letter-spacing:.04em;color:#fff;text-shadow:0 2px 12px color-mix(in srgb,var(--rc) 70%,transparent)}
.its-r--common{--rc:#b9c4bd}.its-r--uncommon{--rc:#86e3a8}.its-r--rare{--rc:#45f882}.its-r--ultrarare{--rc:#c79bff}.its-r--legendary{--rc:#f5c542}
.its-r--godly{--rc:#ff6b7f}.its-r--unique{--rc:#ff8fd1}.its-r--vintage{--rc:#d8b27a}.its-r--ancient{--rc:#ff9d4d}.its-r--chroma{--rc:#f0a6ff}

/* trait picker */
.its-pick{display:flex;flex-direction:column;gap:8px}
.its-seg{display:flex;padding:3px;border:1px solid var(--its-line);border-radius:11px;background:var(--its-bg)}
.its-seg button{flex:1 1 0;min-block-size:38px;padding:4px 6px;border:0;border-radius:8px;background:transparent;color:#cfdcd3;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer}
.its-seg button[aria-pressed=true]{background:var(--its-accent);color:var(--its-ink)}
.its-seg button:disabled,.its-tog button:disabled{opacity:.32;cursor:not-allowed}
.its-tog{display:flex;gap:8px}
.its-tog button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:38px;border:1px solid var(--its-line);border-radius:10px;background:transparent;color:#cfdcd3;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer}
.its-tog button::before{content:"";inline-size:14px;block-size:14px;border-radius:4px;border:1.5px solid currentColor;flex:none}
.its-tog button[aria-pressed=true]{border-color:var(--its-accent);color:var(--its-accent);background:rgba(69,248,130,.08)}
.its-tog button[aria-pressed=true]::before{background:var(--its-accent) linear-gradient(transparent,transparent);box-shadow:inset 0 0 0 2px var(--its-ink)}
.its-seg button:focus-visible,.its-tog button:focus-visible,.its-tf:focus-visible,.its-qc:focus-visible,.its-buy:focus-visible,.its-game:focus-visible{outline:2px solid var(--its-accent);outline-offset:2px}

/* price + buy */
.its-card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-block-start:auto;padding-block-start:12px;border-block-start:1px solid var(--its-line)}
.its-price{display:flex;flex-direction:column;gap:2px;min-inline-size:0}
.its-price__l{font-size:.76rem;font-weight:700;color:var(--its-accent)}
.its-v{font-size:1.45rem;font-weight:800;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.its-v[hidden]{display:none}
.its-buy{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:0 18px;border-radius:11px;background:var(--its-accent);color:var(--its-ink);font-weight:800;font-size:.92rem;text-decoration:none;white-space:nowrap;transition:filter .15s}
.its-buy:hover{filter:brightness(1.08)}

/* empty, notes */
.its-empty{margin-block-start:20px;padding:28px 16px;border:1px dashed var(--its-line-g);border-radius:14px;text-align:center;color:#cfdcd3}
.its-empty p{margin:0 0 12px}
.its-reset{min-block-size:40px;padding:0 16px;border:1px solid var(--its-accent);border-radius:10px;background:transparent;color:var(--its-accent);font:inherit;font-weight:700;cursor:pointer}
.its-note{margin:26px 0 0;max-inline-size:70ch;font-size:.88rem;line-height:1.6;color:var(--its-muted)}
.its-credit{margin:8px 0 0;font-size:.78rem;color:#6f8578}

@media (max-width:860px){.its-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.its-field--q{grid-column:1/-1}}
@media (max-width:520px){
  .its-hero__in{padding-block:40px 26px}
  .its-games{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .its-game{min-inline-size:200px;flex:none}
  .its-row--quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .its-qc{flex:none}
  .its-card__top{grid-template-columns:minmax(0,1fr) 80px}
  .its-card__pic{inline-size:80px;block-size:80px}.its-card__pic img{inline-size:70px;block-size:70px}
}
@media (prefers-reduced-motion:reduce){.its *{transition:none!important}}
/* b39: grid card = picture, name, rarity, From price, one Open button; the trait is chosen on the item page */
.its-open{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;padding:0 18px;border-radius:11px;background:var(--its-accent);color:var(--its-ink);font-weight:800;font-size:.92rem;text-decoration:none;white-space:nowrap;transition:filter .15s}
.its-open:hover{filter:brightness(1.08)}.its-open:focus-visible{outline:2px solid var(--its-accent);outline-offset:2px}
a.its-card__pic{text-decoration:none}.its-card__pic--lg{inline-size:min(240px,46%);block-size:auto;aspect-ratio:4/3}.its-card__pic--lg img{inline-size:100%;block-size:100%}
.its-pick--single .its-seg{display:none}
.its-seg button.its-out{opacity:.55;text-decoration:line-through}.its-out__l{font-size:.72em;text-decoration:none;display:inline-block;margin-inline-start:4px}.its-soldout{margin:8px 0 0;font-size:.85rem;opacity:.8}

/* Items v2 (owner 2026-11-05): the item page is the purchase page. Stage + facts on one side, a sticky buy column (trait chips + the product buy box) on the other. Logical properties only (RTL twin). */
.its-gi,.itp-gi{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;color:#04140a;background:linear-gradient(140deg,hsl(var(--h,140) 88% 62%),hsl(calc(var(--h,140) + 24) 70% 34%))}
.its-game--art{background-image:linear-gradient(90deg,rgba(6,12,9,.92) 38%,rgba(6,12,9,.55)),var(--its-banner);background-size:cover;background-position:center}
[dir=rtl] .its-game--art{background-image:linear-gradient(270deg,rgba(6,12,9,.92) 38%,rgba(6,12,9,.55)),var(--its-banner)}
.its-codes{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0}
.its-codes span{padding:2px 6px;border:1px solid rgba(69,248,130,.35);border-radius:5px;color:#9ff7bf;font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.itp{--itp-acc:#45f882;--itp-line:rgba(255,255,255,.09);--itp-mute:#9aa7a0;padding-block:20px 56px}
.itp-wrap{width:min(1200px,100% - 32px);margin-inline:auto}
.itp-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--itp-mute);margin-block-end:18px}
.itp-crumbs a{color:var(--itp-mute);text-decoration:none}.itp-crumbs a:hover{color:#fff}
.itp-crumbs [aria-current]{color:#e9efe9}
.itp-grid{display:grid;gap:24px}
@media (min-width:1024px){.itp-grid{grid-template-columns:minmax(0,1fr) minmax(380px,460px);gap:40px;align-items:start}.itp-buy{position:sticky;inset-block-start:88px}}
.itp-stage{position:relative;aspect-ratio:1/1;max-height:520px;border:1px solid var(--itp-line);border-radius:16px;display:grid;place-items:center;overflow:hidden;isolation:isolate;
  background:radial-gradient(60% 55% at 50% 52%,color-mix(in srgb,var(--its-r,var(--itp-acc)) 26%,transparent),transparent 70%),#0b0f0d}
.itp-stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--itp-bg,none);background-size:cover;background-position:center;opacity:.28;filter:saturate(.9)}
.itp-stage__img{width:72%;height:auto;max-width:420px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}
.itp-stage__img[data-sq="1"]{inline-size:100%;block-size:100%;max-inline-size:none;aspect-ratio:1/1;object-fit:cover;filter:none}
.itp-stage__img[data-pic="card"][data-sq="1"]~.itp-stage__game{display:none}
.itp-stage__mono{font:800 clamp(64px,12vw,120px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:color-mix(in srgb,var(--its-r,var(--itp-acc)) 70%,#fff)}
.itp-stage__game{position:absolute;inset-block-end:12px;inset-inline-start:12px;display:flex;gap:8px;align-items:center;padding:5px 10px 5px 5px;border-radius:999px;background:rgba(5,11,8,.78);font-size:13px;font-weight:600;color:#e9efe9}
.itp-stage__game img,.itp-stage__game .itp-gi{width:28px;height:28px;border-radius:999px;font-size:10px}
.itp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:14px 0 0;border:1px solid var(--itp-line);border-radius:12px;overflow:hidden;background:var(--itp-line)}
@media (min-width:640px){.itp-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.itp-facts div{background:#0b0f0d;padding:10px 12px}
.itp-facts dt{font-size:12px;color:var(--itp-mute);font-weight:500}
.itp-facts dd{margin:2px 0 0;font-size:14px;font-weight:700;color:#e9efe9}
.itp-rar{color:var(--its-r,#e9efe9)!important}
.itp-eyebrow{margin:0 0 6px;font-size:13px;color:var(--itp-mute)}.itp-eyebrow a{color:var(--itp-acc);text-decoration:none;font-weight:600}
.itp-title{margin:0;font-size:clamp(26px,3.4vw,38px);line-height:1.1;letter-spacing:-.01em;color:#fff;overflow-wrap:anywhere}
.itp-stock{display:inline-flex;gap:8px;align-items:center;margin:10px 0 0;font-size:14px;font-weight:600;color:#c9f8da}
.itp-dot{width:8px;height:8px;border-radius:50%;background:var(--itp-acc);box-shadow:0 0 0 3px rgba(69,248,130,.18)}
.itp-traits{margin:18px 0 0;padding:0;border:0;min-width:0}
.itp-label{display:block;margin-block-end:8px;font-size:13px;color:var(--itp-mute);font-weight:600}
.itp-label b{color:#fff;font-weight:700;margin-inline-start:4px}
.itp-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:480px){.itp-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
.itp-chip{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"code name" "price price";gap:2px 8px;align-items:center;min-height:56px;padding:9px 10px;text-align:start;border:1px solid var(--itp-line);border-radius:10px;background:#0f1412;color:#e9efe9;cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease}
.itp-chip:hover{border-color:rgba(69,248,130,.45)}
.itp-chip:focus-visible{outline:2px solid var(--itp-acc);outline-offset:2px}
.itp-chip[aria-checked=true]{border-color:var(--itp-acc);background:rgba(69,248,130,.1)}
.itp-chip__code{grid-area:code;min-width:30px;padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.07);font:800 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center;color:#fff}
.itp-chip[aria-checked=true] .itp-chip__code{background:var(--itp-acc);color:#04140a}
.itp-chip__name{grid-area:name;font-size:12.5px;line-height:1.25;color:var(--itp-mute);overflow-wrap:anywhere}
.itp-chip__price{grid-area:price;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
.itp-chip--out{opacity:.45;cursor:not-allowed}.itp-chip--out .itp-chip__price{font-size:12px;color:var(--itp-mute)}
.itp-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font-size:12px;color:var(--itp-mute)}
.itp-key b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e9efe9}
.itp-price{margin:18px 0 0;font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.itp-price .itp-label{display:inline;margin:0 8px 0 0;font-size:13px}
.itp-checkout{margin-block-start:14px}
/* The embedded product buy box: keep quantity, price, username, payment and Buy now; drop what this page already shows (art, title, variant grid). */
.itp-checkout #product-sec{padding:0!important;margin:0}.itp-checkout #product-sec>.gr-bg1{display:none}.itp-checkout #product-sec>.container{max-width:none;padding:0}
.itp-checkout .prod-image-box,.itp-checkout .prod-thumbs,.itp-checkout .prod-title,.itp-checkout .prod-game,.itp-checkout .prod-cat,.itp-checkout [class^=prod-rat],.itp-checkout .prod-badge,
.itp-checkout #wc-pack-grid,.itp-checkout #nx4-pregrid,.itp-checkout .nx4-more-btn,.itp-checkout .prod-livestats,.itp-checkout .prod-variant-suggest,.itp-checkout #prod-low-stock{display:none!important}
.itp-checkout .nx4b{display:block}.itp-checkout .nx4b-box{position:static;width:auto;max-width:none}
.itp-nojs{margin:16px 0 0}
.itp-about{display:grid;gap:24px;margin-block-start:40px;padding-block-start:28px;border-block-start:1px solid var(--itp-line)}
@media (min-width:900px){.itp-about{grid-template-columns:1.3fr 1fr;gap:48px}}
.itp-about h2{margin:0 0 10px;font-size:20px;color:#fff}
.itp-about p{margin:0;max-width:68ch;line-height:1.65;color:#c4ccc7}
.itp-steps{margin:0;padding-inline-start:20px;display:grid;gap:8px;color:#c4ccc7;line-height:1.55}.itp-steps b{color:#fff}
@media (prefers-reduced-motion:reduce){.itp-chip{transition:none}}
.itp-chip__name:first-child{grid-column:1/-1;font-size:13px;color:#e9efe9}
/* Items v2 render fixes (2026-11-05, local render): the embedded buy box stacks in the buy column instead of the hub's two-column grid; the empty amount step and its number go; the facts row never leaves an empty cell. */
.itp-checkout #nx4b{display:block!important;grid-template-columns:none!important}
.itp-checkout #nx4b>*{width:auto!important;max-width:none!important;min-width:0}
.itp-checkout #nx4b-box{position:static!important;grid-template-columns:minmax(0,1fr)!important;width:auto!important;margin-block-start:12px}
.itp-checkout #nx4b-step-amount,.itp-checkout .nx4b-num{display:none!important}
.itp-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}
.itp-media{max-width:600px;width:100%}
.itp-crumbs{margin-block-end:12px}
@media (min-width:1024px){.itp-media{position:sticky;inset-block-start:88px}}
/* 2026-11-06 item art backdrops: one calm original picture per game behind the item icon (stage on the item page, tile on the cards).
   The icon sits centred with a soft shadow; a square generated card already fills the whole tile, so it hides the backdrop. */
.itp-stage--bd{background:radial-gradient(75% 70% at 50% 50%,transparent 45%,rgba(4,9,6,.42) 100%),#0b0f0d}
.itp-stage--bd::before{background-image:var(--itp-bd);opacity:1;filter:saturate(.95) brightness(.82)}
.itp-stage--bd::after{content:"";position:absolute;z-index:0;inset-inline:24%;inset-block-end:15%;block-size:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.42),transparent);filter:blur(7px);pointer-events:none}
.itp-stage--bd .itp-stage__img{position:relative;z-index:1}
.itp-stage--bd .itp-stage__img:not([data-sq="1"]){inline-size:66%;filter:drop-shadow(0 14px 22px rgba(0,0,0,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.its-grid[style*="--its-bd"] .its-card__pic{background:linear-gradient(rgba(5,10,8,.16),rgba(5,10,8,.3)),var(--its-bd) center/cover no-repeat}
.its-grid[style*="--its-bd"] .its-card__pic img:not([data-sq="1"]){inline-size:76px;block-size:76px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}