/* Layered collection artwork: the scene clips, the character can escape. */
:root{--red:#ff343b;--red-dark:#c51f2c;--bg-body:#0b0b0e;--bg-card:#15151b;--input-bg:#101014;--border-color:#ffffff17}
.nav-wrapper{padding:8px 0 0;background:radial-gradient(ellipse at 24% 65%,#ff343b09,transparent 65%)}
.cat-scroll-outer{scrollbar-width:none;scroll-padding-inline:24px}
.cat-scroll-outer::-webkit-scrollbar{display:none}
.cat-scroll{height:auto;min-height:230px;padding:65px max(24px,5vw) 26px;gap:24px;align-items:flex-end;perspective:1000px}
.store-category.collection-card{--tilt-x:0deg;--tilt-y:0deg;position:relative;display:block;flex:0 0 152px;width:152px;min-width:152px;height:126px;min-height:126px;padding:0;border:1px solid #ffffff21;border-radius:19px;background:#17171d;overflow:visible;isolation:isolate;white-space:normal;box-shadow:0 12px 24px #0005,inset 0 1px #ffffff12;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.collection-scene{position:absolute;inset:0;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#45454d,#17171d 70%);z-index:0}
.collection-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 20%,#09090b40 50%,#09090bf5 100%);z-index:1}
.store-category img.collection-backdrop{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.75) brightness(.55);transform:scale(1.04);transition:filter .45s,transform .65s}
.store-category img.collection-figure{position:absolute;z-index:2;bottom:23px;left:50%;width:144px;height:156px;max-width:none;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 10px 7px #0008);pointer-events:none;transition:transform .45s cubic-bezier(.18,.85,.2,1),filter .45s}
.collection-label{position:absolute;z-index:3;bottom:12px;left:8px;right:8px;text-align:center;color:#fff;font-size:.81rem;font-weight:900;line-height:1.05;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 2px 8px #000,0 0 12px #000;transition:color .25s}
.collection-symbol{position:absolute;inset:0 0 25px;display:grid;place-items:center;font-size:4rem;color:#ff9e9e;text-shadow:0 0 30px #ff343b77}
.store-category.collection-card.active{border-color:var(--red);background:#211418;box-shadow:0 0 0 1px var(--red),0 12px 32px #ff343b26,0 0 18px #ff343b15;transform:translateY(-5px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.collection-card.active img.collection-backdrop{filter:grayscale(.1) brightness(.9);transform:scale(1.1)}
.collection-card.active img.collection-figure{transform:translateX(-50%) translateY(-9px) scale(1.08);filter:drop-shadow(0 13px 10px #0009)}
.collection-card.active .collection-label{color:#ff5358}
.store-category-wrap{position:relative;display:block;flex:0 0 auto}
.store-category-edit{position:absolute;z-index:5;right:-9px;top:-12px;width:30px;height:30px;padding:0;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 3px 12px #0005}
.sub-nav-wrapper{background:#ffffff02;padding:0}
.sub-nav-wrapper.show{height:62px;border-color:#ffffff0c}
.sub-scroll{padding-inline:max(24px,5vw);gap:10px}
.sub-scroll .store-category{min-height:38px;padding:9px 22px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff03;color:#a5a5af;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.sub-scroll .store-category.active{background:#fff;color:#111116;border-color:#fff;box-shadow:0 4px 18px #ffffff20;font-weight:900}
.franchise-wrapper.show{height:54px;background:transparent}
.franchise-wrapper .store-category{min-height:32px;font-size:.65rem;padding:7px 17px}
.franchise-wrapper .store-category.active{background:#ff343b16;color:#ff7479;border-color:#ff343b55;box-shadow:none}
.catalog-toolbar{background:linear-gradient(135deg,#ffffff04,#ffffff01);border-radius:16px;border-color:#ffffff0c;padding:16px;box-shadow:inset 0 1px #ffffff03}
.catalog-toolbar input,.catalog-toolbar select{border-color:#ffffff12;border-radius:10px}
.store-card{border-color:#ffffff0c;background:linear-gradient(145deg,#1b1b22,#121216);box-shadow:0 6px 20px #0002;transition:transform .35s,border-color .35s,box-shadow .35s}
.store-card-image{background:radial-gradient(ellipse at 50% 35%,#303039,#1b1b22 75%)}
.store-card-image img{transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.store-card-category{letter-spacing:.13em;color:#92929f}
.store-card-bottom strong{letter-spacing:-.025em}
.store-icon-btn{border-color:#ffffff15;transition:background .25s,transform .25s,color .25s}
.store-icon-btn:hover{background:#ff343b16;color:#ff5358;transform:scale(1.08)}
.availability-badge{backdrop-filter:blur(10px);border-color:#ffffff15;font-weight:600}
.hero-art{isolation:isolate}
.hero-art::before{content:'';position:absolute;inset:9%;background:#ff343b23;filter:blur(65px);z-index:-1}
.hero-art img{box-shadow:0 25px 70px #0005;border-color:#ffffff12}
.hero-btn.primary{box-shadow:0 8px 28px #ff343b2a;transition:transform .25s,box-shadow .25s}
.hero-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 36px #ff343b44}
@media(hover:hover) and (pointer:fine){
 .collection-card:hover,.collection-card:focus-visible{border-color:#ffffff65;box-shadow:0 18px 32px #0007;transform:translateY(-7px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
 .collection-card:hover img.collection-backdrop{filter:grayscale(0) brightness(.95);transform:scale(1.16)}
 .collection-card:hover img.collection-figure{transform:translateX(-50%) translateY(-14px) scale(1.12)}
 .collection-card.active:hover{border-color:var(--red);box-shadow:0 12px 36px #ff343b33}
 .sub-scroll .store-category:hover{color:var(--text-main);border-color:#ffffff40;transform:translateY(-2px)}
 .sub-scroll .store-category.active:hover{color:#111116}
 .store-card:hover{transform:translateY(-7px);border-color:#ff343b44;box-shadow:0 18px 38px #0005}
 .store-card:hover .store-card-image img{transform:scale(1.065)}
}
[data-theme="light"] .catalog-toolbar{background:#fff;border-color:#171a2018}
[data-theme="light"] .catalog-toolbar input,[data-theme="light"] .catalog-toolbar select{border-color:#171a2025}
[data-theme="light"] .store-card{background:#fff;border-color:#171a2015;box-shadow:0 6px 20px #171a2008}
[data-theme="light"] .store-card-image{background:radial-gradient(ellipse at 50% 35%,#fff,#eae7e5)}
[data-theme="light"] .sub-scroll .store-category{color:#5c5c66;border-color:#171a2017;background:#171a2003}
[data-theme="light"] .sub-scroll .store-category.active{background:#18181f;color:#fff;border-color:#18181f}
[data-theme="light"] .franchise-wrapper .store-category.active{background:#ff343b10;color:#b71927;border-color:#ff343b55}
@media(max-width:600px){
 .nav-wrapper{padding:0}
 .cat-scroll{gap:17px;min-height:212px;padding:63px 20px 24px}
 .store-category.collection-card{width:130px;min-width:130px;flex-basis:130px;height:110px;min-height:110px;border-radius:16px}
 .collection-scene{border-radius:15px}
 .store-category img.collection-figure{width:125px;height:138px;bottom:21px}
 .collection-label{font-size:.73rem;bottom:10px}
 .sub-scroll{padding-inline:20px}
 .sub-scroll .store-category{padding:9px 18px;font-size:.68rem}
 .sub-nav-wrapper.show{height:57px}
 .franchise-wrapper.show{height:48px}
 .franchise-wrapper .store-category{font-size:.6rem;padding:7px 14px}
 .store-card{border-radius:15px}
 .catalog-toolbar{padding:12px}
}
@media(prefers-reduced-motion:reduce){.collection-card,.collection-card img,.store-card,.store-card img{transition:none!important}.collection-card{--tilt-x:0deg!important;--tilt-y:0deg!important}}