:root{--bg:#05070c;--panel:#0d1220;--line:#1c2740;--text:#e8eefc;--muted:#9aa8c7;--blue:#1e9bff;--blue2:#4fc3ff;--glow:0 0 24px rgba(30,155,255,.45)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html{background:var(--bg)}
body{margin:0;background:transparent;position:relative;isolation:isolate;color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:var(--blue2)}
h1,h2,h3,h4{font-family:Rajdhani,Inter,sans-serif;line-height:1.1;margin:0 0 .5em;letter-spacing:.01em}
h1{font-size:clamp(2.3rem,5vw,3.8rem);text-transform:uppercase}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem);text-transform:uppercase}
h3{font-size:1.4rem}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.eyebrow{color:var(--blue2);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;margin:0 0 .6em}
.lead{font-size:1.15rem;color:var(--muted);max-width:40em}
.sub{color:var(--muted);margin-top:-.4em}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;padding:.8em 1.4em;border-radius:8px;box-shadow:var(--glow);transition:transform .15s,background .15s}
.btn:hover{background:var(--blue2);transform:translateY(-1px)}
.btn-ghost{background:transparent;border:1px solid var(--blue);box-shadow:none;color:var(--text)}
.btn-ghost:hover{background:rgba(30,155,255,.15)}
.btn-sm{padding:.5em 1em;font-size:.9rem}
.site-header{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.brand img{height:56px;width:auto}
.nav{display:flex;align-items:center;gap:22px}
.nav a:not(.btn){color:var(--text);text-decoration:none;font-weight:500}
.nav a.on,.nav a:not(.btn):hover{color:var(--blue2)}
.hero{padding:72px 0 80px;background:radial-gradient(ellipse at 75% 30%,rgba(30,155,255,.22),transparent 60%),#000}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-pics{position:relative;height:440px}
.hero-pics img{position:absolute;border-radius:14px;border:2px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.6)}
.hero-pics .p1{width:62%;right:0;top:0;transform:rotate(3deg);z-index:2;box-shadow:var(--glow),0 20px 50px rgba(0,0,0,.6)}
.hero-pics .p2{width:46%;left:2%;top:12%;transform:rotate(-6deg)}
.hero-pics .p3{width:42%;left:22%;bottom:0;transform:rotate(-1deg);z-index:3}
.section{padding:72px 0}
.band{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.tile:hover{border-color:var(--blue);box-shadow:var(--glow)}
.tile img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tile h3,.tile p{padding:0 18px}
.tile h3{margin-top:16px}
.tile p{color:var(--muted);margin-bottom:20px}
.buy{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.buy p{color:var(--muted);margin:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.rounded{border-radius:14px;border:1px solid var(--line)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.gallery img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}
.hours{border-collapse:collapse;width:100%;max-width:420px;margin-bottom:12px}
.hours th,.hours td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}
.hours th{font-weight:500;color:var(--muted)}
.hours td{text-align:right;font-weight:600}
.note{color:var(--muted);font-size:.92rem;margin-bottom:32px}
.page-head{padding:64px 0 24px;background:radial-gradient(ellipse at 80% 0,rgba(30,155,255,.2),transparent 60%),#000;border-bottom:1px solid var(--line)}
.events{display:grid;gap:18px}
.event{display:grid;grid-template-columns:130px 1fr;gap:28px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}
.event p{color:var(--muted);margin:0}
.event h2{font-size:1.7rem}
.when{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:12px;padding:14px 6px;box-shadow:var(--glow);text-align:center;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.when strong{font-family:Rajdhani,sans-serif;font-size:1.9rem;color:#fff;line-height:1.1}
.map{width:100%;height:420px;border:1px solid var(--line);border-radius:14px;filter:grayscale(.3)}
.site-footer{background:#000;border-top:1px solid var(--line);padding:48px 0 20px;color:var(--muted)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.foot h4{color:var(--text);text-transform:uppercase;font-size:1.1rem}
.foot-logo{height:64px;width:auto;margin-bottom:10px}
.fine{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:.85rem}
@media (max-width:900px){
  .hero-grid,.two{grid-template-columns:1fr}
  .hero-pics{height:340px;max-width:460px}
  .cards,.gallery{grid-template-columns:repeat(2,1fr)}
  .foot{grid-template-columns:1fr}
}
@media (max-width:600px){
  .bar{height:auto;padding-top:10px;padding-bottom:10px;flex-direction:column;gap:8px}
  .brand img{height:44px}
  .nav{gap:16px;font-size:.95rem}
  .hero{padding:44px 0 56px}
  .section{padding:52px 0}
  .event{grid-template-columns:1fr;gap:16px}
  .when{flex-direction:row;gap:8px;justify-content:flex-start;padding:10px 14px}
  .when strong{font-size:1.3rem}
}
/* Shop (mockup) */
.mock-note{background:rgba(30,155,255,.12);border:1px dashed var(--blue);color:var(--text);border-radius:10px;padding:10px 14px;font-size:.9rem;margin-top:18px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.product:hover{border-color:var(--blue);box-shadow:var(--glow)}
.product .ph{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(30,155,255,.35),#000 70%);position:relative}
.product .ph img{width:55%}
.badge{position:absolute;top:12px;left:12px;background:var(--blue);color:#fff;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:4px 9px;border-radius:6px}
.badge.out{background:#3a2330;color:#ffb3c7}
.product .body{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}
.product h3{margin:0}
.product p{color:var(--muted);margin:0;font-size:.95rem;flex:1}
.product .row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.price{font-family:Rajdhani,sans-serif;font-size:1.6rem;font-weight:700}
button.btn{border:0;cursor:pointer;font:inherit;font-weight:600}
button.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.checkout{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}
.panel h2{font-size:1.5rem}
.line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.line .qty{display:flex;align-items:center;gap:8px}
.qty button{background:#000;border:1px solid var(--line);color:var(--text);width:30px;height:30px;border-radius:6px;cursor:pointer}
.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 18px}
.choice label{border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer}
.choice input{margin-right:8px}
.choice label:has(input:checked){border-color:var(--blue);box-shadow:var(--glow)}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:.92rem;color:var(--muted)}
.field input,.field select{background:#000;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font:inherit}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.totals div{display:flex;justify-content:space-between;padding:6px 0;color:var(--muted)}
.totals .grand{color:var(--text);font-weight:600;font-size:1.2rem;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
@media (max-width:900px){.products{grid-template-columns:repeat(2,1fr)}.checkout{grid-template-columns:1fr}}
@media (max-width:600px){.products,.grid2,.choice{grid-template-columns:1fr}}
/* ===== Storefront (Oct 2026) ===== */
.muted{color:var(--muted)}
.promo{background:var(--blue);color:#fff;font-size:.82rem;font-weight:600}
.promo a{color:#fff}
.promo-in{display:flex;justify-content:center;gap:34px;padding:7px 22px;flex-wrap:wrap}
.site-header{background:rgba(0,0,0,.96)}
.bar{height:76px;gap:24px}
.search{flex:1;display:flex;max-width:640px}
.search input{flex:1;background:#0b111e;border:1px solid var(--line);border-right:0;color:var(--text);font:inherit;padding:12px 16px;border-radius:10px 0 0 10px;outline:none}
.search input:focus{border-color:var(--blue)}
.search button{background:var(--blue);color:#fff;border:0;font:inherit;font-weight:600;padding:0 22px;border-radius:0 10px 10px 0;cursor:pointer}
.acts{display:flex;align-items:center;gap:20px}
.act{color:var(--text);text-decoration:none;font-weight:600;white-space:nowrap}
.act:hover{color:var(--blue2)}
.cart-btn{position:relative;font-size:1.5rem;text-decoration:none;line-height:1}
.cart-btn span{position:absolute;top:-8px;right:-12px;background:var(--blue);color:#fff;font-size:.72rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.cats{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}
.cats::-webkit-scrollbar{display:none}
.cats a{color:var(--text);text-decoration:none;font-weight:600;font-size:.93rem;padding:7px 12px;border-radius:8px;white-space:nowrap}
.cats a:hover{background:rgba(30,155,255,.15);color:var(--blue2)}
.cats a.hot{color:var(--blue2)}
.mock-note{margin:14px 0 0}
.hero-shop{padding:48px 0 56px;background:radial-gradient(ellipse at 75% 30%,rgba(30,155,255,.25),transparent 60%),#000}
.hero-shop .hero-pics{height:380px}
.btn-big{padding:1em 1.8em;font-size:1.05rem}
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px;padding-bottom:18px}
.trust-in div{display:flex;flex-direction:column}
.trust-in span{color:var(--muted);font-size:.88rem}
.section.tight{padding:36px 0}
.row-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.row-head h2{font-size:1.9rem;margin:0}
.row-head a{font-weight:600;text-decoration:none}
.gametiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.gtile{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;border:1px solid var(--line);background:#000;transition:border-color .2s,box-shadow .2s}
.gtile:hover{border-color:var(--blue);box-shadow:var(--glow)}
.gtile img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .2s}
.gtile img.contain{object-fit:contain;padding:18%;opacity:.85}
.gtile:hover img{opacity:.8}
.gtile span{position:absolute;left:0;right:0;bottom:0;padding:12px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.25rem;color:#fff;text-transform:uppercase;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.prow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.pcard:hover{border-color:var(--blue);box-shadow:var(--glow);transform:translateY(-2px)}
.pimg{position:relative;display:block;aspect-ratio:3/4;background:#05080f;padding:12px}
.pimg>img{width:100%;height:100%;object-fit:contain}
.art{width:100%;height:100%;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;border:2px solid rgba(255,255,255,.12);position:relative;overflow:hidden}
.art img{position:absolute;width:50%;left:25%;top:36%;opacity:.25}
.art-game{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.75);font-weight:600}
.art-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.05rem;line-height:1.1;color:#fff;position:relative}
.art-pokemon{background:linear-gradient(160deg,#f7c600,#e2401c 70%,#5b1206)}
.art-magic{background:linear-gradient(160deg,#5a3d1e,#1d1209 70%)}
.art-sports{background:linear-gradient(160deg,#0f5132,#04210f 70%)}
.art-video{background:linear-gradient(160deg,#c3002f,#2a0010 70%)}
.art-merch{background:radial-gradient(circle at 50% 40%,#1e9bff,#020814 70%)}
.slab{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#e9edf3,#c5ccd7);border-radius:8px;padding:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.slab-label{background:#fff;border:2px solid #c8102e;border-radius:4px;padding:3px 6px;display:flex;justify-content:space-between;align-items:center;gap:6px;color:#111;font-size:.62rem;line-height:1.2}
.slab-label b{font-size:.8rem;color:#c8102e;white-space:nowrap}
.slab-label span{text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.slab-card{flex:1;margin-top:6px;min-height:0;display:flex}
.slab-card>img{width:100%;height:100%;object-fit:contain}
.badge{top:10px;left:10px;z-index:2}
.b-sale{left:auto;right:10px;background:#e8364f}
.b-drop,.b-hot{background:#ff7a1a}
.b-incoming{background:#6b4dff}
.b-exclusive,.b-retro{background:#111;border:1px solid var(--blue)}
.badge.inline{position:static;display:inline-block;margin-bottom:10px}
.pbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.pmeta{font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pname{color:var(--text);text-decoration:none;font-weight:600;line-height:1.3;font-size:.96rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.pname:hover{color:var(--blue2)}
.pdetail{font-size:.8rem;color:var(--blue2);font-weight:600}
.pprice{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.pprice .price{font-size:1.45rem;line-height:1}
.pprice s{color:var(--muted);font-size:.9rem}
.stock{font-size:.78rem;font-weight:600}
.stock.ok{color:#3ddc84}.stock.low{color:#ffb020}.stock.out{color:#ff6b81}.stock.inc{color:#a99bff}
.btn-add{margin-top:auto;width:100%;box-shadow:none}
.pbody .stock{margin-bottom:10px}
.catalog{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.filters{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;position:sticky;top:150px;display:flex;flex-direction:column}
.filters h3{margin:0 0 6px}
.filters fieldset{border:0;border-top:1px solid var(--line);padding:12px 0 6px;margin:0}
.filters legend{font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:0}
.filters label{display:flex;gap:8px;align-items:center;font-size:.92rem;padding:3px 0;cursor:pointer}
.filters label small{color:var(--muted);margin-left:auto}
.price-range{display:flex;gap:6px;align-items:center}
.price-range input,.sortbar select,.qtysel select{width:100%;background:#000;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px;font:inherit}
.sortbar{order:-1;margin-bottom:12px}
.sortbar label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted)}
.clear{font-size:.88rem;margin-top:10px}
.cat-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}
.cat-head h1{font-size:2.2rem;margin:0}
.empty{grid-column:1/-1;background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:40px;text-align:center;color:var(--muted)}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:18px}
.crumbs a{text-decoration:none}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pdp-media{background:#05080f;border:1px solid var(--line);border-radius:14px;padding:28px;aspect-ratio:3/4;max-height:640px;display:flex;justify-content:center}
.pdp-media>img{object-fit:contain;height:100%}
.pdp-media .slab,.pdp-media .art{aspect-ratio:auto;width:100%;max-width:440px}
.pdp-media .art-name{font-size:1.8rem}
.pdp-info h1{font-size:clamp(1.9rem,3.4vw,2.7rem);text-transform:none}
.pprice.big .price{font-size:2.4rem}
.save{background:#e8364f;color:#fff;font-size:.8rem;font-weight:700;padding:3px 8px;border-radius:6px}
.buybox{display:flex;gap:12px;align-items:end;margin:20px 0 6px}
.buybox .btn-big{flex:1}
.qtysel{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted);width:90px}
.assure{list-style:none;padding:16px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:8px;font-size:.94rem}
.specs{width:100%;border-collapse:collapse}
.specs th,.specs td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);font-size:.94rem}
.specs th{color:var(--muted);font-weight:500;width:38%}
.related{margin-top:56px}
.related h2{font-size:1.8rem}
.line-img{width:54px;flex:none;aspect-ratio:3/4}
.line-img>img{width:100%;height:100%;object-fit:contain}
.line-img .art{padding:3px}.line-img .art-name,.line-img .art-game,.line-img .slab-label span{display:none}
.line-img .slab{padding:2px}.line-img .slab-label{padding:0 2px}.line-img .slab-label b{font-size:.5rem}
.line-name{flex:1}.line-name a{color:var(--text);text-decoration:none}.line-name small{color:var(--muted)}
.promo2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pbox{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px}
.pbox p{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}
.step b{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--blue);align-items:center;justify-content:center;font-family:Rajdhani,sans-serif;font-size:1.3rem;margin-bottom:12px;box-shadow:var(--glow)}
.step p{color:var(--muted);margin:0}
.prose{max-width:760px}.prose h2{font-size:1.6rem;margin-top:1.4em}.prose p{color:var(--muted)}
.signup{background:linear-gradient(120deg,#062a52,#000 70%);border-top:1px solid var(--line);padding:40px 0}
.signup-in{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.signup h2{font-size:1.9rem}.signup p{color:var(--muted);margin:0}
.signup-form{position:relative}
.signup-row{display:flex;gap:8px}
.signup-row input{flex:1;background:#000;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:12px 14px;font:inherit}
.consent{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:.82rem;margin-top:10px}
.consent input{margin-top:3px}
@media (max-width:1100px){.prow{grid-template-columns:repeat(4,1fr)}.prow>:nth-child(5){display:none}.grid{grid-template-columns:repeat(3,1fr)}.gametiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.catalog,.pdp,.promo2,.signup-in{grid-template-columns:1fr}.filters{position:static}.trust-in{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.prow{grid-template-columns:repeat(3,1fr)}.prow>:nth-child(4){display:none}}
@media (max-width:600px){
  .bar{flex-direction:row;flex-wrap:wrap;height:auto;gap:10px}
  .search{order:3;flex-basis:100%;max-width:none}
  .act{font-size:.9rem}
  .promo-in{gap:4px 16px;font-size:.75rem}
  .promo-in span:nth-child(n+2){display:none}
  .grid,.prow{grid-template-columns:repeat(2,1fr);gap:10px}
  .prow>:nth-child(n+5){display:none}.prow>:nth-child(4){display:flex}
  .gametiles{grid-template-columns:repeat(2,1fr)}
  .pdp-media{padding:14px}
  .signup-row{flex-direction:column}
}

/* Brand prominence + all caps (Oct 21 2026) */
body,input,button,select,textarea{text-transform:uppercase}
input::placeholder,textarea::placeholder{text-transform:uppercase}
body{letter-spacing:.02em}
.bar{height:104px}
.brand img{height:84px;width:auto;filter:drop-shadow(0 0 14px rgba(30,155,255,.45))}
.site-header{border-bottom:2px solid var(--blue);box-shadow:0 4px 24px rgba(30,155,255,.25)}
.hero-logo{display:block;width:100%;max-width:520px;height:auto;margin:0 0 22px -8px;filter:drop-shadow(0 0 28px rgba(30,155,255,.55))}
.foot-logo{height:90px}
.cats a{letter-spacing:.04em;padding:7px 9px;font-size:.9rem}
.cats{justify-content:space-between}
@media (max-width:1240px){.cats{justify-content:flex-start}}
@media (max-width:900px){.hero-logo{max-width:420px}}
@media (max-width:600px){
  .bar{height:auto}
  .brand img{height:58px}
  .hero-logo{max-width:100%;margin-left:0}
}

/* New logo + photo hero + Lorcana (Oct 21 2026) */
.art-lorcana{background:linear-gradient(160deg,#c9a23a,#3b1f6b 60%,#0d0820)}
.hero-photo{position:relative;background:#000 url(/img/hero.jpg) right center/cover no-repeat;min-height:560px;display:flex;align-items:center}
.hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 38%,rgba(0,0,0,.35) 70%,rgba(0,0,0,.1))}
.hero-photo .wrap{position:relative;width:100%}
.hero-photo .hero-grid{grid-template-columns:minmax(0,640px)}
.hero-logo{max-width:600px;margin:0 0 18px -10px;filter:drop-shadow(0 0 22px rgba(30,155,255,.45))}
.brand img{height:90px}
.gtile img.contain{padding:12%}
.art img{opacity:.5}
@media (max-width:900px){.hero-photo{min-height:0;background-position:70% center}.hero-photo::before{background:rgba(0,0,0,.72)}}
/* Uniform placeholder art: dark brand card, game image faded behind, logo centered */
.pimg,.pimg *{text-decoration:none}
.art{background:#060b18 !important;border:1px solid rgba(30,155,255,.35);justify-content:space-between;align-items:center;text-align:center}
.art::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38}
.art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,24,.2),rgba(6,11,24,.85))}
.art-pokemon::before{background-image:url(/img/pokemon.jpg)}
.art-magic::before{background-image:url(/img/magic.jpg)}
.art-lorcana::before{background-image:url(/img/lorcana.jpg)}
.art-sports::before{background-image:url(/img/sports.jpg)}
.art-video::before{background-image:url(/img/video.jpg)}
.art-merch::before{background:radial-gradient(circle at 50% 40%,rgba(30,155,255,.6),transparent 70%);opacity:1}
.art img{opacity:1;width:62%;left:19%;top:50%;transform:translateY(-50%);z-index:1}
.art-game,.art-name{position:relative;z-index:1}
.art-game{color:#7cc4ff}
.pcard .art-name{visibility:hidden}
.pimg .badge{top:auto;bottom:10px;left:10px}
.pimg .b-sale{left:auto;right:10px}
/* Utility bar: store links above the header, shopping-only main menu */
.promo-in{justify-content:space-between;gap:16px;align-items:center}
.util{display:flex;gap:18px}
.util a{color:#fff;text-decoration:none;opacity:.9}
.util a:hover{opacity:1;text-decoration:underline}
.cats{justify-content:space-between}
.cats a{padding:7px 12px}
/* Cleaner product cards */
.pcard .pname{order:0}
.pmeta b{color:var(--blue2);font-weight:600}
/* Product page assurances */
.assure li{display:flex;flex-direction:column;gap:2px}
.assure li span{color:var(--muted);font-size:.86rem}
/* Type chips on catalog */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 16px}
.chips:empty{display:none}
.chip{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:.06em}
.chip:hover{border-color:var(--blue)}
.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.filter-toggle{display:none;margin-left:auto}
/* Slim TCGplayer band */
.morebar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:14px;padding:22px 26px;background:var(--panel)}
.morebar h2{margin:0}
@media (max-width:900px){
  .filter-toggle{display:inline-flex}
  .filters{display:none}
  .filters.open{display:flex}
  .morebar{flex-direction:column;align-items:flex-start}
  .promo-msg{display:none}
  .promo-in{justify-content:center}
}
@media (max-width:600px){
  .brand img{height:44px !important;width:auto !important;max-width:none}
  .bar{padding-top:8px !important;padding-bottom:8px !important;gap:8px !important}
  .search input{padding:10px 12px}
  .search button{padding:0 14px}
  .cat-head{flex-wrap:nowrap;align-items:center;gap:10px}
  .cat-head h1{font-size:1.6rem}
  #shop-count{white-space:nowrap;font-size:.85rem}
  .filter-toggle{white-space:nowrap;padding:.5em .9em}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .chip{white-space:nowrap}
  .util{gap:14px;font-size:.72rem}
}
.catalog>*{min-width:0}
@media (max-width:600px){.cat-head h1{font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}}

/* Homepage leads with products (Oct 21 2026) */
.shop-intro{background:radial-gradient(ellipse at 80% 0%,rgba(30,155,255,.22),transparent 60%),#000;border-bottom:1px solid var(--line);padding:26px 0 22px}
.intro-in{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.shop-intro h1{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.1;margin:0 0 8px;max-width:760px}
.shop-intro .lead{margin:0;color:var(--muted);font-size:1rem;max-width:680px}
.intro-chips{display:flex;flex-wrap:wrap;gap:8px}
.intro-chips a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;font-weight:700;font-size:.85rem;background:var(--panel)}
.intro-chips a:hover{border-color:var(--blue)}
.intro-chips a.all{background:var(--blue);border-color:var(--blue);color:#fff}
.section.first-row{padding-top:24px}
.section.first-row + .section.band{margin-top:0}

/* Centered homepage + big logo back (Oct 21 2026) */
.shop-intro{padding:30px 0 28px;background:radial-gradient(ellipse at 50% 20%,rgba(30,155,255,.25),transparent 60%),#000}
.intro-in{flex-direction:column;align-items:center;text-align:center;gap:18px}
.intro-logo{display:block;width:100%;max-width:560px;height:auto;margin:0 auto 10px;filter:drop-shadow(0 0 24px rgba(30,155,255,.5))}
.shop-intro h1,.shop-intro .lead{margin-left:auto;margin-right:auto}
.intro-chips{justify-content:center}
.home .row-head{flex-direction:column;align-items:center;text-align:center;gap:4px}
.home .trust-in div{align-items:center;text-align:center}
.home .morebar{flex-direction:column;align-items:center;text-align:center;justify-content:center}
.home .morebar .ctas{justify-content:center}
.home .prow{justify-content:center}
@media (max-width:600px){.intro-logo{max-width:90%}}

/* Compact intro so products show above the fold (Oct 21 2026) */
.shop-intro{padding:14px 0 16px}
.intro-in{gap:10px}
.intro-logo{max-width:400px;margin:0 auto -4px}
.shop-intro h1{font-size:clamp(1.25rem,2.2vw,1.7rem);margin:0}
.intro-chips a{padding:6px 12px}
.section.first-row{padding-top:18px}
.home .first-row .row-head{margin-bottom:12px}
@media (max-width:600px){.intro-logo{max-width:280px}}
.home .row-head{flex-direction:row;justify-content:center;align-items:baseline;gap:16px}
.home .row-head a{font-size:.95rem}
/* Softer logo: no added glow, faint background haze (owner, Oct 21 2026) */
.intro-logo,.hero-logo,.brand img{filter:none}
.shop-intro{background:radial-gradient(ellipse at 50% 20%,rgba(30,155,255,.08),transparent 60%),#000}
.intro-logo{margin:4px auto 2px}
.gtile img.contain{padding:4% 12% 28%}
.gtile img.contain{padding:0 12% 40%}
.gtile img.contain{padding:10% 12% 0;object-position:50% 0}
.gtile img.contain{padding:17% 12% 0}

/* Checkout, payment, and order pages */
.line-group{margin:18px 0 2px;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}
.linkish{background:none;border:0;padding:0;margin-top:4px;color:var(--accent,#1e6bff);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline}
.checkout-error{color:#c62828;min-height:1.2em;margin:12px 0 6px;font-size:.92rem}
.checkout-error:empty{min-height:0;margin:0}
.pay-element{margin:12px 0}
.order-status{padding:12px 14px;border-radius:10px;background:rgba(127,127,127,.08);margin:0 0 10px}
.pdp-media .thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pdp-media .thumbs button{border:1px solid rgba(127,127,127,.3);border-radius:8px;padding:0;background:none;cursor:pointer;width:64px;height:64px;overflow:hidden}
.pdp-media .thumbs img{width:100%;height:100%;object-fit:cover}
.pdesc{margin:16px 0;line-height:1.6}

/* Nov 7 2026: selling moved to TCGplayer Pro (TCG) + eBay; big TCG button on the homepage */
.tcg-cta{text-align:center;border:1px solid var(--blue);border-radius:16px;padding:34px 24px;background:radial-gradient(ellipse at 50% 0%,rgba(30,155,255,.28),transparent 70%),var(--panel);box-shadow:var(--glow)}
.tcg-cta h2{margin:0 0 .4em;font-size:clamp(1.6rem,3.2vw,2.4rem)}
.tcg-cta p:not(.eyebrow){color:var(--muted);max-width:620px;margin:0 auto 1.3em}
.site-header .bar{justify-content:space-between}
.soon{text-align:center;padding:70px 0 60px}
.soon h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 .3em}
.soon p{color:var(--muted);max-width:560px;margin:0 auto 1.4em}
.soon img{max-width:340px;width:70%;margin-bottom:18px}

/* Animated background: blue swirls, faint stars, and comets */
.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.sky::before{content:"";position:absolute;inset:0;opacity:.9;background-image:radial-gradient(1px 1px at 12% 22%,#cfe9ff,transparent),radial-gradient(1px 1px at 68% 14%,#cfe9ff,transparent),radial-gradient(1.5px 1.5px at 84% 62%,#9fd6ff,transparent),radial-gradient(1px 1px at 33% 78%,#cfe9ff,transparent),radial-gradient(1px 1px at 52% 45%,#9fd6ff,transparent),radial-gradient(1.5px 1.5px at 7% 88%,#cfe9ff,transparent),radial-gradient(1px 1px at 92% 30%,#cfe9ff,transparent),radial-gradient(1px 1px at 44% 8%,#9fd6ff,transparent);background-size:520px 520px}
.swirl{position:absolute;border-radius:50%;will-change:transform}
.s1{width:90vmax;height:90vmax;left:-35vmax;top:-40vmax;background:conic-gradient(from 0deg,transparent 0 12%,rgba(30,155,255,.38) 22%,transparent 36%,rgba(79,195,255,.26) 58%,transparent 72%,rgba(30,155,255,.32) 88%,transparent);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);animation:spin 70s linear infinite}
.s2{width:80vmax;height:80vmax;right:-35vmax;bottom:-40vmax;background:conic-gradient(from 180deg,transparent 0 10%,rgba(79,195,255,.32) 24%,transparent 40%,rgba(30,155,255,.34) 66%,transparent 82%);-webkit-mask:radial-gradient(circle,#000 15%,transparent 66%);mask:radial-gradient(circle,#000 15%,transparent 66%);animation:spin 90s linear infinite reverse}
.s3{width:60vmax;height:60vmax;left:30%;top:35%;background:radial-gradient(circle,rgba(30,155,255,.2),transparent 62%);animation:drift 26s ease-in-out infinite alternate}
.comet{position:absolute;top:0;left:0;width:220px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(79,195,255,.35) 60%,#e8f6ff);box-shadow:0 0 10px rgba(79,195,255,.7);opacity:0;transform-origin:right center;animation:comet 9s linear infinite}
.comet::after{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(79,195,255,.9)}
.c1{--x:5vw;--y:22vh;animation-delay:0s}
.c2{--x:40vw;--y:18vh;animation-delay:3.2s;animation-duration:11s}
.c3{--x:-10vw;--y:40vh;animation-delay:6.5s;animation-duration:10s}
.c4{--x:55vw;--y:30vh;animation-delay:8.4s;animation-duration:13s;width:150px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drift{from{transform:translate(-12vw,-8vh) scale(1)}to{transform:translate(10vw,6vh) scale(1.2)}}
@keyframes comet{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(28deg)}3%{opacity:1}14%{opacity:1}18%,100%{opacity:0;transform:translate(calc(var(--x) + 55vw),calc(var(--y) + 30vw)) rotate(28deg)}}
@media (max-width:700px){.comet{width:130px}.c4{display:none}}
@media (prefers-reduced-motion:reduce){.swirl,.comet{animation:none}.comet{display:none}}

/* Game tiles: branded icon tiles (Nov 7 2026) */
.gtile.ic{background:radial-gradient(circle at 50% 40%,rgba(30,155,255,.3),transparent 62%),linear-gradient(160deg,#0e1a34,#04060b 75%)}
.gtile.ic::before{content:"";position:absolute;width:70%;height:2px;left:-10%;top:16%;transform:rotate(-24deg);background:linear-gradient(90deg,transparent,rgba(79,195,255,.55));opacity:.5;transition:opacity .2s,transform .3s}
.gtile.ic:hover::before{opacity:1;transform:rotate(-24deg) translateX(14%)}
.gtile img.icon{object-fit:contain;padding:12% 22% 30%;opacity:.95;filter:drop-shadow(0 0 8px rgba(79,195,255,.65));transition:transform .2s,filter .2s}
.gtile.ic:hover img.icon{opacity:1;transform:translateY(-3px);filter:drop-shadow(0 0 14px rgba(79,195,255,.95))}
.gtile.ic img.contain{opacity:.95}
.gtile.ic span{background:none;text-align:center;letter-spacing:.06em;padding-bottom:14px}
.gtile span small{display:block;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:.68rem;letter-spacing:.14em;color:var(--blue2);margin-top:2px}

/* Gift cards page (Nov 7 2026) */
.gc-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.gc-side h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .3em}
.gc-lead,.gc-muted{color:var(--muted)}
.gc-card{position:relative;margin:26px 0;aspect-ratio:1.6;max-width:440px;border-radius:18px;border:1px solid var(--blue);box-shadow:var(--glow),0 20px 50px rgba(0,0,0,.6);overflow:hidden;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 15%,rgba(30,155,255,.45),transparent 55%),linear-gradient(150deg,#0e1a34,#04060b 70%)}
.gc-card::before{content:"";position:absolute;width:80%;height:2px;left:-10%;top:58%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,rgba(79,195,255,.6))}
.gc-card img{width:52%;max-width:220px}
.gc-amt{font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;color:#fff;text-shadow:0 0 18px rgba(79,195,255,.7)}
.gc-code{font-family:ui-monospace,monospace;letter-spacing:.2em;color:var(--blue2);font-size:.9rem}
.gc-points{list-style:none;padding:0;margin:0;color:var(--muted);font-size:.92rem}
.gc-points li{padding:6px 0 6px 22px;position:relative}.gc-points li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue)}
.gc-panel h2{margin-top:0}
.gc-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gc-amounts button{background:#000;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:12px 6px;font:600 1rem Rajdhani,sans-serif;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.gc-amounts button.on{border-color:var(--blue);box-shadow:var(--glow);color:#fff}
#gc-custom{margin-top:8px}
.gc-two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.field textarea{background:#000;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font:inherit;resize:vertical}
.gc-buy{width:100%;margin-top:6px}.gc-buy:disabled{opacity:.6;cursor:wait}
.gc-offer{margin:0 0 6px;padding:12px 16px;border:1px solid var(--blue);border-radius:10px;background:rgba(30,155,255,.12);box-shadow:var(--glow);color:#fff}
.gc-bonus{margin:4px 0 0;padding:10px 12px;border:1px dashed var(--blue);border-radius:8px;color:#fff;font-size:.95rem}
.gc-error{color:#ff7a7a;min-height:1.2em;margin:4px 0}
.gc-fine{font-size:.75rem;color:var(--muted);text-align:center;margin:12px 0 0}
.gc-bal{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center}
.gc-bal h2{margin:0;font-size:1.5rem}.gc-bal p{margin:4px 0 0}
.gc-bal-row{display:flex;gap:10px}.gc-bal-row input{flex:1;background:#000;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font:inherit;letter-spacing:.12em}
.gc-bal-out{grid-column:1/-1;margin:0;color:var(--text)}.gc-bal-out:empty{display:none}
@media (max-width:860px){.gc-wrap,.gc-bal{grid-template-columns:1fr}.gc-two{grid-template-columns:1fr}}
.gametiles{grid-template-columns:repeat(6,1fr)}
@media (max-width:1100px){.gametiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.gametiles{grid-template-columns:repeat(2,1fr)}}
[hidden]{display:none!important}

/* Featured: Pokémon, Magic, Gift Cards big on top; the rest a slimmer row below */
.gametiles .gtile.feat,.gametiles .gtile.sub{grid-column:span 2}
.gtile.feat{aspect-ratio:4/3}.gtile.feat span{font-size:1.6rem}
.gtile.sub{aspect-ratio:auto;height:120px}
.gtile.sub img.icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:84px;height:84px;padding:6px}
.gtile.sub img.contain{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:120px;height:100px;padding:0}
.gtile.ic.sub:hover img.icon{transform:translateY(calc(-50% - 2px))}
.gtile.ic.sub span{top:0;bottom:0;left:120px;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:0 12px 0 16px}
@media (max-width:1100px){.gtile.sub{grid-column:span 2}}
@media (max-width:640px){.gametiles .gtile.feat{grid-column:span 2}.gametiles .gtile.sub{grid-column:span 2;height:96px}.gtile.sub img.icon{width:64px;height:64px}.gtile.ic.sub span{left:90px}}