[data-theme="gaming"]{color-scheme: dark}
[data-theme="gaming"] .store-brand{--action: var(--neon-cyan);--focus: var(--neon-cyan);--link: var(--ink)}
[data-theme="gaming"] body{
background:
radial-gradient(circle at 14% -12%, var(--glow-violet), transparent 34rem),
radial-gradient(circle at 92% 18%, var(--glow-cyan), transparent 28rem),
var(--surface);
}
.store-brand{--radius-card: 18px}
.store-brand .kl-btn{border-radius: 12px}
.store-brand :focus-visible{outline: 2px solid var(--focus);outline-offset: 3px}
.store-brand .site-header, .site-header{
position: sticky;top: 0;z-index: var(--z-header);
background: var(--header-glass);border-bottom: 1px solid var(--line);
-webkit-backdrop-filter: blur(18px);backdrop-filter: blur(18px);
}
.store-brand .header-inner{height: auto;min-height: 76px;gap: var(--space-16)}
[data-theme="gaming"] .store-brand .brand img{filter: grayscale(1) contrast(4) invert(1);mix-blend-mode: screen}
[data-theme="gaming"] .store-brand .nav a{color: var(--ink-muted)}
[data-theme="gaming"] .store-brand .nav a:hover, [data-theme="gaming"] .store-brand .nav a[aria-current]{color: var(--neon-cyan);background: var(--surface-soft)}
[data-theme="gaming"] .cart-count, [data-theme="gaming"] .store-brand .cart-count{background: var(--neon-cyan);color: var(--on-action)}
.header-search{flex: 1;min-width: 0;max-width: 26rem;margin-inline-start: auto}
.header-search input{
width: 100%;min-height: var(--tap-min);padding-inline: var(--space-16);
border: 1px solid var(--line-strong);border-radius: 13px;
background: var(--glass-field);color: var(--ink);font: inherit;font-size: 1rem;
}
.header-search input::placeholder{color: var(--ink-muted);opacity: 1}
.header-search input:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;border-color: var(--focus)}
.header-search-icon{display: none}
.site-footer, .store-brand .site-footer{background: var(--surface);border-top: 1px solid var(--line)}
.gx-banner{
position: relative;isolation: isolate;overflow: hidden;
border: 1px solid var(--line);border-radius: 26px;color: var(--ink);
background:
radial-gradient(circle at 75% 20%, var(--glow-cyan-strong), transparent 30%),
radial-gradient(circle at 20% 80%, var(--glow-pink), transparent 40%),
linear-gradient(135deg, var(--banner-from), var(--banner-mid) 55%, var(--banner-to));
box-shadow: var(--shadow-lift);
}
.gx-banner::after{
content: "";position: absolute;z-index: -1;inset: auto -5% -45% 20%;height: 90%;
background: var(--glow-violet);filter: blur(32px);
}
.gx-hero-wrap{padding-block: var(--space-24) 0}
.gx-hero-grid{display: grid;grid-template-columns: minmax(0, .8fr) minmax(0, 1.8fr);gap: 14px}
.gx-hero-side{display: grid;grid-template-rows: 1fr 1fr;gap: 14px}
.gx-mini{
display: flex;align-items: flex-end;justify-content: space-between;gap: var(--space-12);
min-height: 145px;padding: 1.2rem;text-decoration: none;transition: border-color .2s ease, transform .2s ease;
}
.gx-mini:hover{border-color: var(--neon-cyan);transform: translateY(-2px)}
.gx-mini-text{display: grid;gap: var(--space-4)}
.gx-mini-title{font-size: 1.125rem;font-weight: 800;line-height: 1.6}
.gx-mini-cta{color: var(--neon-cyan);font-size: 1rem;font-weight: 700}
.gx-mini img{flex: none;width: 88px;height: 88px;object-fit: contain;border-radius: 14px;background: var(--sand-sweep)}
.gx-hero{
display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);align-items: center;
gap: var(--space-24);min-height: 330px;padding: clamp(1.4rem, 4vw, 3.2rem);
}
.gx-hero-copy{display: grid;gap: var(--space-12);align-content: center}
.gx-eyebrow, .store-brand .editorial-kicker{color: var(--neon-cyan);font-size: 1rem;font-weight: 800}
.gx-hero-copy .studio-seo-heading{font-size: 1rem;line-height: 1.8;font-weight: 600;color: var(--ink-muted);margin: 0}
.gx-hero-title{font-size: clamp(2rem, 4vw, 3.4rem);font-weight: 900;line-height: 1.35;margin: 0;text-wrap: balance}
.gx-hero-title > span{display: block;color: var(--neon-cyan)}
.gx-hero-intro{max-width: 40ch;font-size: 1.0625rem;line-height: 1.9;color: var(--ink-muted);margin: 0}
.gx-hero-actions{display: flex;flex-wrap: wrap;gap: .7rem;margin-top: var(--space-8)}
.gx-hero-actions .kl-btn{min-height: var(--tap-min)}
.gx-hero-secondary{background: var(--glass-field);color: var(--ink);border: 1px solid var(--line-strong)}
.gx-hero-secondary:hover{border-color: var(--neon-cyan)}
.gx-hero-product{
display: grid;gap: var(--space-8);color: inherit;text-decoration: none;
transform: none;background: transparent;border-radius: 20px;overflow: visible;
}
.gx-hero-product:hover{transform: none}
.gx-hero-product img{
width: 100%;height: auto;aspect-ratio: 1;object-fit: contain;
border-radius: 20px;background: var(--sand-sweep);box-shadow: var(--shadow-lift);
}
.gx-hero-product-caption{display: flex;justify-content: space-between;gap: var(--space-12);font-size: 1rem}
.gx-hero-product-caption strong{font-weight: 800;line-height: 1.7}
.gx-hero-product-caption > span{color: var(--neon-cyan);white-space: nowrap;font-weight: 700}
.store-brand .section{padding-block: 3.5rem 1rem}
.store-brand .home-edit, .store-brand .newsletter-band{padding-block: 3.5rem;margin-top: 2.5rem}
.store-brand .section-head{display: flex;align-items: end;justify-content: space-between;gap: var(--space-16);margin-bottom: 1.4rem}
.store-brand .section-head > a{color: var(--ink-muted);min-height: var(--tap-min);display: inline-flex;align-items: center}
.store-brand .section-head > a:hover{color: var(--neon-cyan)}
.category-tiles{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 12px}
.category-tile{
display: grid;gap: var(--space-8);min-height: var(--tap-min);padding: 1.2rem;
border: 1px solid var(--line);border-radius: 18px;color: var(--ink);text-decoration: none;
background: linear-gradient(145deg, var(--tile-from), var(--card-to));
transition: transform .2s ease, border-color .2s ease;
}
.category-tile:hover{transform: translateY(-4px);border-color: var(--neon-cyan)}
.category-mark{font-size: 1.5rem;line-height: 1;color: var(--neon-cyan)}
.category-tile strong{font-size: 1.0625rem;font-weight: 800}
.category-tile .muted{font-size: 1rem;color: var(--ink-muted)}
.store-brand .card-slot .kl-card{
gap: var(--space-8);padding: var(--space-8) var(--space-8) var(--space-12);
border: 1px solid var(--line);border-radius: 18px;
background: linear-gradient(155deg, var(--card-from), var(--card-to));
transition: transform .22s ease, border-color .22s ease;
}
.store-brand .card-slot .kl-card:hover{transform: translateY(-4px);border-color: var(--neon-cyan)}
.store-brand .card-slot .kl-card-well{border-radius: 12px;background: var(--sand-sweep)}
.store-brand .card-slot .kl-card-meta, .store-brand .card-slot .kl-card-foot{padding-inline: var(--space-8)}
.store-brand .card-slot .kl-card-name{font-weight: 800;line-height: 1.7}
.store-brand .card-slot .kl-price-now{color: var(--neon-cyan);font-weight: 700}
@media (min-width: 900px){.store-brand .grid{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 12px}}
.kl-badge{border-radius: var(--radius-full)}
[data-theme="gaming"] .kl-badge{background: color-mix(in srgb, var(--neon-pink) 13%, transparent);color: var(--neon-pink-text);border: 1px solid color-mix(in srgb, var(--neon-pink) 33%, transparent)}
[data-theme="gaming"] .kl-badge--success{background: color-mix(in srgb, var(--neon-lime) 11%, transparent);color: var(--neon-lime-text);border-color: color-mix(in srgb, var(--neon-lime) 28%, transparent)}
.experience-hero, .experience-hero--gaming, .experience-hero--home{
position: relative;isolation: isolate;overflow: hidden;border: 1px solid var(--line);border-radius: 26px;
color: var(--ink);
background:
radial-gradient(circle at 75% 20%, var(--glow-cyan-strong), transparent 30%),
radial-gradient(circle at 20% 80%, var(--glow-pink), transparent 40%),
linear-gradient(135deg, var(--banner-from), var(--banner-mid) 55%, var(--banner-to));
}
.experience-hero .experience-eyebrow{color: var(--neon-cyan)}
.experience-hero-object{border-radius: 20px;background: var(--sand-sweep)}
.experience-hero-object > span{background: var(--surface-raised);color: var(--ink)}
[data-theme="gaming"] .home-edit{background: transparent;border-block: 1px solid var(--line)}
.studio-steps{gap: 0;border: 1px solid var(--line);border-radius: 18px;overflow: hidden;background: var(--surface-raised)}
.studio-steps li{border-top: 0;border-inline-start: 1px solid var(--line);padding: 1.1rem}
.studio-steps li:first-child{border-inline-start: 0}
.studio-steps .step-number{color: var(--neon-cyan);font-weight: 800}
.store-brand .newsletter-band{background: transparent}
.store-brand .pdp-media .kl-gallery-main, .store-brand .pdp-media img{border-radius: 20px}
.store-brand .buybox{padding: var(--space-16);border: 1px solid var(--line);border-radius: 18px;background: linear-gradient(155deg, var(--card-from), var(--card-to))}
@media (min-width: 900px){.header-search-icon{display: none}}
@media (max-width: 899px){
.header-search{display: none}
.header-search-icon{display: inline-flex}
.gx-hero-grid{grid-template-columns: 1fr}
.gx-hero-side{order: 2;grid-template-columns: 1fr 1fr;grid-template-rows: auto}
.gx-hero{grid-template-columns: 1fr}
}
@media (max-width: 560px){
.gx-hero{min-height: 0;padding: 1.3rem}
.gx-hero-title{font-size: 2.1rem}
.gx-mini{min-height: 110px;padding: .8rem;flex-direction: column-reverse;align-items: flex-start}
.gx-mini img{width: 64px;height: 64px}
.store-brand .section-head{flex-direction: column;align-items: start}
.studio-steps li{border-inline-start: 0;border-top: 1px solid var(--line)}
.studio-steps li:first-child{border-top: 0}
}
@media (prefers-reduced-motion: reduce){
.gx-mini, .category-tile, .store-brand .card-slot .kl-card{transition: none}
.gx-mini:hover, .category-tile:hover, .store-brand .card-slot .kl-card:hover{transform: none}
}
@media (prefers-reduced-transparency: reduce){
.site-header, .store-brand .site-header{-webkit-backdrop-filter: none;backdrop-filter: none;background: var(--surface)}
}