/* Approved PSY3D navy palette; violet brand accents and imagery are preserved. */
:root{--store-bg:#0f121b;--panel:#171b27}
html,body.cinematic-store{background-color:var(--store-bg);color-scheme:dark}
.cinematic-store .box,.cinematic-store .shop-dialog,.cinematic-store #modal{background-color:var(--panel)}
.cinematic-store .bundle-card{background:linear-gradient(150deg,#1b2030,#171b27)}
.cinematic-store .scripts-page,.cinematic-store .catalog-page{background-color:var(--store-bg)}
.cinematic-store .cinema-hero{background-color:var(--store-bg)}
.cinematic-store .studio-footer{background-color:var(--store-bg)}
/* Slightly larger primary navigation, with compact responsive spacing. */
.cinematic-store .nav nav{font-size:11px;gap:18px;letter-spacing:.7px}
@media(max-width:1200px){.cinematic-store .nav nav{font-size:10px;gap:13px;letter-spacing:.5px}}
@media(max-width:700px){.cinematic-store .nav nav{font-size:10px;gap:15px;row-gap:7px;flex-wrap:wrap;line-height:1.5}}
/* Mapping is a separate catalog and an edition menu. */
@media(min-width:1001px){.mega-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.mapping-hero-art{width:100%;aspect-ratio:1.3;background:url('category-artwork.png') 100% 0%/300% 200% no-repeat;border-radius:14px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
@media(min-width:1001px) and (max-width:1450px){.cinematic-store .nav{gap:14px}.cinematic-store .nav nav{gap:12px;font-size:10px;letter-spacing:.35px}.cinematic-store .brand{font-size:12px}.cinematic-store .shop-controls{gap:6px}}
@media(max-width:1000px){.cinematic-store .nav nav{order:3;width:100%;margin-left:0;justify-content:center;flex-wrap:wrap;row-gap:8px}}
@media(max-width:650px){.mapping-hero-art{max-width:500px;margin:auto;aspect-ratio:1.4}.mapping-store .scripts-hero h1{font-size:clamp(58px,15vw,90px)}}