/* Contextual previews for the two free pixel-interface packs. */
.product-page[data-pack="dialogue-ui-16"] .product-hero-art,
.product-page[data-pack="dungeon-ui-16"] .product-hero-art{background:#0b0912;border-color:#5d4a70}
.interface-scene{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;min-height:490px;background:#100d18;color:#f5edfc}
.interface-scene::before{content:"";position:absolute;inset:-8%;z-index:-2;background:url("./assets/castles-cover.png") center 28%/cover no-repeat;filter:brightness(.27) saturate(.72) blur(2px)}
.interface-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#100b1ecc 0%,#1c102275 43%,#090710ed 100%),radial-gradient(circle at 50% 34%,#793aaf33,transparent 56%)}
.interface-scene .scene-overline,.interface-scene .scene-signature{position:absolute;z-index:3;left:6%;right:6%;font:11px/1.5 "Press Start 2P",monospace;letter-spacing:.03em;text-shadow:0 2px 8px #000}
.interface-scene .scene-overline{top:7%;color:#e3bcff}
.interface-scene .scene-signature{bottom:5%;text-align:right;color:#d5c7df;font:12px/1.3 var(--serif)}
.dialogue-display{position:relative;width:min(88%,570px);aspect-ratio:48/32;filter:drop-shadow(0 18px 24px #000b)}
.dialogue-window-asset{display:block;width:100%!important;height:100%!important;object-fit:fill;image-rendering:pixelated;background:transparent!important}
.dialogue-display-copy{position:absolute;inset:16% 10% 12%;display:flex;flex-direction:column;gap:12px;text-align:left}
.dialogue-speaker{color:#ffd079;font:clamp(7px,.8vw,10px)/1.5 "Press Start 2P",monospace;text-transform:uppercase}
.dialogue-display-copy p{margin:0!important;max-width:none!important;color:#f7f3fc!important;font:clamp(10px,1.18vw,16px)/1.65 "Press Start 2P",monospace!important;text-shadow:0 2px #151017}
.dialogue-choices{display:grid;gap:6px;margin-top:auto;font:clamp(7px,.82vw,10px)/1.45 "Press Start 2P",monospace}
.dialogue-choices span{display:block;padding:8px 10px;color:#f1e8fb;border:1px solid #806b89;background:#1b1523d9}
.dialogue-choices .is-selected{border-color:#d8a1fa;background:#4b2b62;color:#fff;box-shadow:inset 3px 0 #f1cf84}
.interface-scene.parchment-scene::after{background:linear-gradient(180deg,#120d1dcc,#1e14228c 42%,#090710ef 100%)}
.parchment-scene .dialogue-display-copy{inset:18% 11% 15%}
.parchment-scene .dialogue-display-copy p{color:#f6eedf!important}
.portrait-scene .portrait-frame-asset{position:absolute;z-index:2;left:9%;top:23%;width:23%;height:auto;image-rendering:pixelated;background:transparent}
.portrait-scene .portrait-essence{position:absolute;z-index:2;left:16%;top:35%;font:clamp(20px,4vw,43px)/1 var(--serif);color:#d5a0fa;text-shadow:0 0 20px #ab55e8}
.portrait-scene .dialogue-display-copy{padding-left:24%}
.interface-scene.inventory-scene{min-height:490px}
.inventory-composition{position:relative;z-index:1;width:min(87%,530px);aspect-ratio:630/370;border:1px solid #8f6b96;box-shadow:0 24px 38px #000c,0 0 30px #7f45ab2b;overflow:hidden;background:#1a1230}
.interface-scene .inventory-composition img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;image-rendering:pixelated;background:transparent}
.interface-scene.inventory-detail{min-height:400px;gap:24px;align-content:center;padding:74px 8% 52px}
.inventory-detail .inventory-detail-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;width:min(100%,400px)}
.inventory-detail-panel img{display:block;width:100%;height:auto;image-rendering:pixelated;background:transparent!important;filter:drop-shadow(0 8px 8px #000b)}
.inventory-detail .inventory-bars{display:grid;gap:12px;width:min(82%,320px)}
.inventory-bars img{display:block;width:100%;height:auto;image-rendering:pixelated;background:transparent!important;filter:drop-shadow(0 8px 8px #000b)}
.interface-scene.dialogue-detail{min-height:400px;padding:70px 5% 50px}
.dialogue-detail .dialogue-display{width:min(84%,460px)}
.interface-scene .scene-badge{position:absolute;z-index:2;top:7%;right:6%;font:11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#d7c2ec}
.interface-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.interface-gallery .product-preview{overflow:hidden}
.interface-gallery .product-preview>a{cursor:pointer}
.interface-gallery .product-preview .interface-scene{aspect-ratio:630/500;min-height:0}
.interface-gallery .product-preview figcaption{background:#120e18}
.interface-gallery .product-preview figcaption p{color:#c4b6cf}
.interface-gallery .product-preview .inventory-composition{width:80%}
.edition-size-note{display:flex;align-items:center;gap:clamp(15px,3vw,45px);margin:0 0 35px;padding:23px clamp(16px,3vw,35px);border-block:1px solid #624d70;background:linear-gradient(90deg,#1a1224,#110e18);width:max-content;max-width:100%;color:#e8ddf0}
.edition-size-note span{display:grid;gap:5px}
.edition-size-note strong{font:400 clamp(25px,3vw,39px)/1 var(--serif)}
.edition-size-note small{font:12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#bda9c9}
.edition-size-note .edition-arrow{font:28px/1 var(--serif);color:#b17cda}
/* Catalogue-sized scenes: no baked storefront heading and no raw beige sheets. */
.interface-card-scene{width:100%;height:100%;aspect-ratio:16/10;min-height:0!important;padding:5%;border:0}
.interface-card-scene .scene-overline,.interface-card-scene .scene-signature{display:none}
.interface-card-scene .dialogue-display{width:min(85%,440px)}
.interface-card-scene .dialogue-display-copy{inset:17% 10% 13%;gap:4px}
.interface-card-scene .dialogue-display-copy p{font-size:clamp(7px,.9vw,12px)!important;line-height:1.5!important}
.interface-card-scene .dialogue-choices{font-size:clamp(6px,.7vw,9px)}
.interface-card-scene .dialogue-choices span{padding:5px 7px}
.interface-card-scene.inventory-card-scene .inventory-composition{width:89%;max-width:500px}
.interface-card-scene.inventory-detail{align-content:center;gap:12px}
.interface-card-scene.inventory-detail .inventory-detail-panel{width:min(62%,300px);gap:8px}
.interface-card-scene.inventory-detail .inventory-bars{display:flex;width:min(70%,330px);gap:5%}
.interface-card-scene.inventory-detail .inventory-bars img{width:47.5%;height:auto;object-fit:contain}
@media(max-width:950px){.interface-scene{min-height:380px}.interface-scene.inventory-scene{min-height:380px}.interface-gallery .product-preview .interface-scene{min-height:0}.dialogue-display-copy{gap:7px}.dialogue-choices span{padding:5px 7px}}
@media(max-width:620px){.interface-scene,.interface-scene.inventory-scene{min-height:340px}.interface-gallery{grid-template-columns:1fr}.interface-gallery .product-preview .interface-scene{min-height:0}.dialogue-display{width:90%}.dialogue-display-copy{inset:16% 10% 11%;gap:5px}.dialogue-display-copy p{font-size:clamp(7px,2.1vw,10px)!important;line-height:1.45!important}.dialogue-speaker{font-size:7px}.dialogue-choices{font-size:7px;gap:3px}.dialogue-choices span{padding:5px 6px}.interface-scene .scene-overline{font-size:8px}.interface-scene .scene-signature{font-size:10px}.interface-scene.dialogue-detail{min-height:0}.inventory-detail .inventory-detail-panel{gap:8px}}