/* Static artwork layers: no scroll handlers, parallax transforms or animated filters. */
/* A retained transform changes the containing block of fixed artwork on long routes. */
@keyframes pageIn{from{opacity:0}to{opacity:1}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#page-home .hero-slideshow{aspect-ratio:4/3;isolation:isolate;border:1px solid #716044;background:#181614}
#page-home .hero-slide{background:#181614;transition:opacity .5s ease;will-change:auto}
#page-home .hero-slide>img{object-position:center;content-visibility:visible}
#page-home .hero-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(16,14,13,.5) 50%,#100e0dee 100%);pointer-events:none}
.hero-banner-copy{position:absolute;inset:auto 38px 48px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#page-home .hero-slide .hero-banner-logo{width:auto;max-width:145px;height:48px;object-fit:contain;object-position:left center}
.hero-banner-copy h2{font-size:clamp(24px,2.7vw,38px);line-height:1.08;margin:0;color:#fff4dc;max-width:15ch;text-shadow:0 2px 12px #000}
.hero-banner-copy .btn-primary{padding:11px 20px;min-height:44px;text-decoration:none}
.hero-slideshow-dots{bottom:6px;gap:0}
.hero-slideshow-dot{width:30px;height:30px;border:0;background:transparent;position:relative}
.hero-slideshow-dot::after{content:'';position:absolute;inset:11px;border-radius:50%;background:#bdb4a3}
.hero-slideshow-dot.active{background:transparent;transform:none}.hero-slideshow-dot.active::after{background:#e9bf64}
.hero-slideshow-btn:focus-visible,.hero-slideshow-dot:focus-visible{outline:2px solid #edce83;outline-offset:2px}
#page-shop{position:relative;isolation:isolate;--collection-art:none;--art-width:1440px}
#page-shop::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#181716;background-image:linear-gradient(90deg,#181716c9,#181716e0 50%,#181716c9),var(--collection-art);background-position:center;background-size:auto,min(100vw,var(--art-width)) auto;background-repeat:no-repeat}
/* A single viewport-sized backdrop stays behind the content without tiling or stretching down a long page. */
#page-home{position:relative;isolation:isolate;background:none}
#page-home::before{content:none}
.homepage-art-layer{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#181416;background-image:linear-gradient(90deg,rgba(24,20,22,.78),rgba(24,20,22,.9) 48%,rgba(24,20,22,.78)),var(--home-art);background-position:center;background-size:auto,min(100vw,var(--art-width)) auto;background-repeat:no-repeat;opacity:0;transition:opacity 900ms ease}
.homepage-art-layer.is-visible{opacity:1}
#page-home .hero{background:linear-gradient(100deg,rgba(5,5,7,.82),rgba(12,5,7,.62) 52%,rgba(5,5,7,.42));--gold:#e5b52d}
#page-home .hero::before{background:none;display:none}
#page-home .collection-gateway::before{content:none}
@media(max-width:580px){#page-home .hero-slideshow{aspect-ratio:1/1}.hero-banner-copy{inset:auto 26px 43px;gap:10px}.hero-banner-copy h2{font-size:28px}#page-home .hero-slide .hero-banner-logo{max-width:120px;height:40px}.hero-slideshow-btn{width:30px;height:36px}.hero-slideshow-prev{left:3px}.hero-slideshow-next{right:3px}}
@media(prefers-reduced-motion:reduce){#page-home .hero-slide,.homepage-art-layer{transition:none}}
/* Cover the viewport proportionally: crop excess edges instead of leaving bare bands. */
#page-shop::before,.homepage-art-layer{background-size:cover,cover}
.homepage-art-layer{transition:opacity .5s ease}
@media(prefers-reduced-motion:reduce){.homepage-art-layer{transition:none}}

/* Game-specific accents live in the hero; the surrounding store keeps Elite 4 gold. */
#hero-slideshow [data-brand="0"],#hero-slideshow[data-brand="0"]{--brand-accent:#ffce32;--brand-ink:#132752;--brand-shade:#123579}
#hero-slideshow [data-brand="1"],#hero-slideshow[data-brand="1"]{--brand-accent:#e9b9ff;--brand-ink:#29143e;--brand-shade:#432153}
#hero-slideshow [data-brand="2"],#hero-slideshow[data-brand="2"]{--brand-accent:#66dbff;--brand-ink:#072536;--brand-shade:#063e76}
#hero-slideshow [data-brand="3"],#hero-slideshow[data-brand="3"]{--brand-accent:#ffae71;--brand-ink:#32170b;--brand-shade:#68240c}
#hero-slideshow [data-brand="4"],#hero-slideshow[data-brand="4"]{--brand-accent:#c91826;--brand-ink:#fff;--brand-shade:#490811}
#page-home #hero-slideshow{border-color:var(--brand-accent,#716044)}
#page-home .hero-slide::after{background:linear-gradient(180deg,transparent 22%,#10101455 44%,var(--brand-shade) 100%)}
#page-home .hero-banner-copy{border-left:3px solid var(--brand-accent);padding-left:18px}
#page-home .hero-banner-copy .btn-primary{background:var(--brand-accent);color:var(--brand-ink);border:1px solid var(--brand-accent);font:700 14px/1.3 var(--font-body);box-shadow:none}
#page-home .hero-banner-copy .btn-primary:hover{filter:brightness(1.08)}
#page-home .hero-slideshow-dot.active::after{background:var(--brand-accent)}
#page-home .hero-slide .hero-banner-logo{max-width:180px;height:56px;filter:drop-shadow(0 2px 3px #0009)}
@media(max-width:580px){#page-home .hero-banner-copy{padding-left:12px}#page-home .hero-slide .hero-banner-logo{max-width:145px;height:44px}}

/* Fixed page artwork must stay behind the subsequent footer, not obscure it. */
body>footer{position:relative;z-index:1;background:#151412}
#page-home .hero-ctas .tag-concierge-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#302a21,#171613);border:1px solid #b59a63;border-radius:6px;color:#f4e7cc;box-shadow:inset 0 1px 0 #e8cf9326;padding:12px 18px;min-height:48px;font:600 14px/1.3 var(--font-body);text-decoration:none}
.tag-cta-mark{font:700 13px/1 var(--font-body);letter-spacing:.08em;border-right:1px solid #b59a6370;padding-right:12px;color:#edcf8d}
#page-home .hero-ctas .tag-concierge-cta:hover{border-color:#f0dba8;background:#302a21;transform:translateY(-1px)}
#page-home .hero-ctas .tag-concierge-cta:focus-visible{outline:2px solid #edcf8d;outline-offset:4px}
/* Frame the character artwork above its embedded title, preserving its proportions. */
#page-home .hero-slide[data-brand="2"]>img{object-fit:cover;object-position:center top}

/* One store identity: red shopping actions, restrained gold details, game accents only. */
#page-home .hero-ctas .btn-primary,#page-home .hero-banner-copy .btn-primary{background:var(--red);border:1px solid var(--red);color:#fff;box-shadow:none}
#page-home .hero-ctas .btn-primary:hover,#page-home .hero-banner-copy .btn-primary:hover{background:#ad1722;border-color:#ad1722;color:#fff;filter:none}
#page-home .hero-title em{color:#e5b52d}
#page-home .hero-title{color:#f5f4ef}
#page-home .hero-sub,#page-home .hero-tag-note p{color:#d0ccca}
#page-home .hero-game-lanes span{color:#c8c3bd}
#page-home .hero-ctas .tag-concierge-cta{background:#101012;color:#e5b52d;border-color:#99741b;box-shadow:inset 0 1px 0 #e5b52d20}
#page-home .hero-ctas .tag-concierge-cta:hover{background:#191613;border-color:#e5b52d}
#page-home #hero-slideshow{border-color:#75613e}
#page-home .hero-slide::after{background:linear-gradient(180deg,transparent 22%,#08080a66 48%,#08080af5 100%)}
.tag-cta-logo{display:block;flex:0 0 52px;width:52px;height:19px;object-fit:contain}
@media(max-width:580px){#page-home .hero-ctas .tag-concierge-cta{gap:8px;flex-basis:210px}}

.product-add:not(:disabled){background:var(--red);border-color:var(--red);color:#fff;min-height:44px;font:600 14px/1.3 var(--font-body)}
.product-add:not(:disabled):hover{background:#ad1722;border-color:#ad1722}
.no-image-placeholder{display:flex;align-items:center;justify-content:center;padding:18px;color:var(--muted2);font:500 14px/1.5 var(--font-body);text-align:center;min-height:180px}
.detail-notify{display:block;min-height:44px;margin:8px 0;text-decoration:underline;text-underline-offset:4px;font:600 14px var(--font-body)}
/* The shared TAG introduction below replaces the duplicate server-rendered summary. */
#page-tag-grading>[data-route-citable]{display:none}
.tag-service-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px;color:var(--gold);font:600 12px var(--font-body)}
.tag-service-heading img{object-fit:contain}
.tag-service-title{font:700 clamp(30px,4vw,42px)/1.1 var(--font-display);margin:0 0 16px}
#page-tag-grading .tag-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.tag-intake-link{display:inline-flex;align-items:center;min-height:46px;text-decoration:none}
.tag-service-note{font:400 13px/1.65 var(--font-body);color:var(--muted2);max-width:70ch;margin:18px 0 28px}
#tag-intake{scroll-margin-top:130px}
@media(max-width:640px){
 #page-shop .shop-header{padding:20px 16px 14px}
 #page-shop .shop-header-inner{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
 #page-shop .shop-header-inner h2{font-size:26px;margin:0}
 #page-shop .shop-header-inner p{margin:0;font-size:13px}
 #page-shop .shop-header-inner>.section-link{flex-basis:100%;text-align:left;min-height:36px}
 #page-shop .cat-bar-inner{padding:12px 16px}
 #page-shop>.section{padding-top:20px;padding-bottom:28px}
 #page-tag-grading .tag-wrap{padding-top:24px}
 #page-tag-grading .tag-steps{grid-template-columns:1fr;gap:10px}
 #page-tag-grading .tag-step{padding:14px;text-align:left}
}
/* Quiet inventory invitation; scrolls away while the main navigation stays sticky. */
.restock-banner{position:relative;z-index:1;background:#09090b;border-bottom:1px solid #a61924;color:#e5e5e5;}
.restock-banner a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;min-height:40px;padding:8px 20px;color:inherit;text-decoration:none;font:400 13px/1.4 var(--font-body);}
.restock-banner svg{width:18px;height:18px;flex:none;color:#e5b52d;}
.restock-banner strong,.restock-banner a>span:last-child{color:#e5b52d;}
.restock-banner a:hover{text-decoration:underline;text-underline-offset:3px;}
.restock-banner a:focus-visible{outline:2px solid #ffdb82;outline-offset:-4px;}
.preorder-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),460px));justify-content:start;align-items:stretch;}
.preorder-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px 18px;padding:20px;border-color:var(--border);align-items:center;}
.preorder-icon{grid-row:1 / 3;width:104px;height:140px;border-radius:6px;background:var(--surface);}
.preorder-icon img{object-fit:contain;padding:6px;}
.preorder-icon .no-image-placeholder{min-height:0;font-size:12px;padding:8px;}
.preorder-info{min-width:0;}
.preorder-info .label{color:#d7bd7f;font-size:10px;letter-spacing:1.4px;}
.preorder-name{font:600 17px/1.35 var(--font-body);margin:6px 0;overflow-wrap:anywhere;}
.preorder-price{font:700 21px/1.2 var(--font-display);color:var(--white);}
.preorder-add{grid-column:2;justify-self:start;margin:0;min-height:44px;border-radius:6px;padding:10px 18px;background:var(--red);border-color:var(--red);color:white;font:600 14px/1.3 var(--font-body);}
.preorder-add:hover{background:#ad1722;}
.case-spotlight{max-width:1256px;margin:32px auto;padding:24px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;align-items:center;background:#111113;border:1px solid #67532c;border-radius:12px;width:calc(100% - 32px)}
.case-spotlight[hidden],.mobile-purchase-bar[hidden]{display:none!important}
.case-spotlight-photo{display:block;background:#1d1b18;border-radius:8px;padding:12px}
.case-spotlight-photo img{display:block;width:100%;height:220px;object-fit:contain}
.case-eyebrow{font:700 10px/1.4 var(--font-body);letter-spacing:.12em;color:#e5b52d}
.case-spotlight h2{font:700 clamp(22px,3vw,32px)/1.15 var(--font-display);margin:10px 0;color:#f5f4ef}
.case-spotlight p{color:#bfbab3;font:400 14px/1.6 var(--font-body);margin:0 0 14px}
.case-price{display:block;font:700 24px var(--font-display);color:#f5f4ef;margin-bottom:12px}
.case-spotlight .section-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#e5b52d}
#collection-heading-mark{display:inline-block;vertical-align:middle;object-fit:contain;max-width:100px;margin-right:16px}
.mobile-purchase-bar{display:none}
/* User-supplied photography: preserve both complete halves of the composite. */
.store-photo-split{position:relative;aspect-ratio:8/5;overflow:hidden;border-radius:8px;background:#151515}
.store-photo-split>img{position:absolute;left:0;top:0;display:block;width:100%;height:200%;max-width:none;object-fit:fill}
.store-photo-split.store-photo-bottom>img{top:-100%}
#page-home .community-note{grid-template-columns:minmax(240px,380px) minmax(0,1fr);gap:32px}
.store-photo-figure{margin:24px 0 32px}
.store-photo-figure>img,.store-interior-photo{display:block;width:100%;height:auto;border-radius:8px}
.store-photo-figure figcaption{color:#bdb8b2;font:400 13px/1.6 var(--font-body);margin-top:10px}
.tag-introduction{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:center;margin-bottom:24px}
.tag-introduction .tag-store-photo{margin:0;max-width:none;padding:10px;background:#101012;border:1px solid #363638;border-radius:8px}
.tag-introduction .tag-store-photo>img{aspect-ratio:3/2;object-fit:contain;border-radius:4px}
.tag-introduction figcaption{font-size:11px;margin:8px 0 0}
@media(max-width:700px){.tag-introduction{grid-template-columns:1fr;gap:20px}.tag-introduction .tag-store-photo{max-width:300px}}
#about-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
#about-gallery img,.experience-gallery img{aspect-ratio:3/2;object-fit:contain;background:#151515}
#experience-tour-box{height:auto;aspect-ratio:auto;background:#151515}
@media(max-width:640px){#page-home .community-note{grid-template-columns:1fr;gap:20px}.community-photo{width:100%}#about-gallery{grid-template-columns:1fr}.store-photo-figure{margin:20px 0}}
@media(hover:hover) and (pointer:fine){
 .product-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
 .product-card:hover,.product-card:focus-within{transform:translateY(-2px);border-color:#c1a267;box-shadow:inset 0 1px 0 #fff5,inset 1px 0 0 #e5b52d33,0 7px 18px #0005}
 .product-card:hover .product-img img{transform:none}
 .product-card .product-img::after{display:none}
}
@media(max-width:640px){
 .case-spotlight{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:16px}
 .case-spotlight-photo{padding:5px}
 .case-spotlight-photo img{height:155px}
 .case-spotlight p{font-size:12px}
 .case-spotlight h2{font-size:22px}
 .mobile-purchase-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#101012;border-top:1px solid #82682f;box-shadow:0 -4px 20px #0004}
 .mobile-purchase-bar small{display:block;color:#bbb;font-size:10px}
 .mobile-purchase-bar strong{font:700 21px var(--font-display);color:#fff}
 .mobile-purchase-bar button{min-height:44px;padding:12px 20px;border:0;border-radius:6px;background:var(--red);color:white;font:600 14px var(--font-body)}
 .mobile-purchase-bar button:disabled{background:#343434;color:#aaa}
 body:has(#page-detail.active){padding-bottom:90px}
}
@media(prefers-reduced-motion:reduce){.product-card,.product-card:hover,.product-card:focus-within{transform:none!important;transition:none!important}}
@media(max-width:480px){
 .restock-banner a{gap:4px 8px;font-size:12px;}
 .preorder-card{grid-template-columns:84px minmax(0,1fr);gap:10px 14px;padding:16px;}
 .preorder-icon{width:84px;height:120px;}
 .preorder-name{font-size:15px;}
}
/* Small visual controls retain generous, non-overlapping hit areas. */
#page-home .hero-slideshow-btn,#page-home .carousel-btn{min-width:44px;min-height:44px}
#page-home .carousel-slide .btn-primary{min-height:44px}
#page-home .hero-slideshow-dot,#page-home .carousel-dot{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:none;display:grid;place-items:center;transform:none;box-shadow:none}
#page-home .hero-slideshow-dot::before,#page-home .carousel-dot::before{content:'';width:8px;height:8px;border-radius:50%;background:#b8b8bf}
#page-home .hero-slideshow-dot.active::before,#page-home .carousel-dot.active::before{background:#e5b52d}
#page-home .hero-slideshow-dot::after{content:none}
#page-home .hero-banner-copy{bottom:56px}
#page-home .hero-slideshow-dots,#page-home .carousel-dots{gap:0;bottom:4px}
.section-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.about-gallery-item{padding:0;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.catalogue-error{grid-column:1/-1;max-width:100%;padding:32px 16px}
.catalogue-error p{margin-bottom:16px}
.catalogue-error button{min-height:44px}
/* Compact brand invitation: no reserved empty product slot or brown panel. */
#page-home .collection-gateway .collection-brand-spotlight{background:#0d0d10;border:1px solid #37373b;border-left:3px solid #bd1826;border-radius:6px;min-height:80px;padding:10px 22px;gap:0;width:min(100%,880px);margin-left:auto;margin-right:auto}
#page-home .collection-gateway .collection-peekers{max-width:880px;margin-left:auto;margin-right:auto}
#page-home .collection-brand-spotlight .brand-spotlight-track{height:54px}
#page-home .collection-brand-spotlight .brand-spotlight-item{display:flex;gap:24px;align-items:center;justify-content:center}
#page-home .collection-brand-spotlight .brand-spotlight-logo{width:120px;max-width:120px;height:38px;flex:0 0 120px;object-fit:contain}
#page-home .collection-brand-spotlight .brand-spotlight-detail{color:#e1e1e5;font-size:14px;line-height:1.4;flex:0 1 310px;min-width:0}
#page-home .collection-brand-spotlight .brand-spotlight-product{display:block;width:64px;height:54px;max-height:100%;flex:0 0 64px;object-fit:contain;object-position:center;align-self:center}
#page-home .collection-brand-spotlight .brand-spotlight-product-placeholder{display:none}
#page-home .collection-brand-spotlight .brand-spotlight-arrow{display:flex;align-items:center;gap:10px;margin-left:0;white-space:nowrap;font:600 13px/1.3 var(--font-body);color:#e5b52d;border-left:1px solid #45403a;padding-left:20px}
@media(max-width:580px){#page-home .collection-gateway .collection-brand-spotlight{padding:10px 12px;min-height:76px}#page-home .collection-brand-spotlight .brand-spotlight-track{height:54px}#page-home .collection-brand-spotlight .brand-spotlight-item{gap:12px}#page-home .collection-brand-spotlight .brand-spotlight-logo{width:76px;max-width:76px;flex-basis:76px;height:32px}#page-home .collection-brand-spotlight .brand-spotlight-detail{font-size:12px}#page-home .collection-brand-spotlight .brand-spotlight-product{display:none}#page-home .collection-brand-spotlight .brand-spotlight-arrow{font-size:12px;padding-left:10px;gap:5px}}
#page-home .hero-slide{transition:none;background:transparent}
#page-home .hero-slide>img{opacity:0;transition:opacity .5s ease}
#page-home .hero-slide.active>img{opacity:1}
#page-home .hero-slide:not(.active) .hero-banner-copy{visibility:hidden}
#page-home .hero-slide.active .hero-banner-copy{visibility:visible}
.restock-banner a{min-height:44px}
#checkout-modal .close-btn{min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){#page-home .hero-slide>img{transition:none}}
