/* Tech Gear Atlas 3.0: progressive premium UI layer; zero dependencies */
:root{--atlas-v3-cyan:#79e8ff;--atlas-v3-violet:#a69aff;--atlas-v3-edge:rgba(158,193,255,.19)}
html{scroll-padding-top:100px}
body{min-width:320px;background-color:#060a16}
.wrap{max-width:1920px}
:where(a,button,input,select):focus-visible{outline:3px solid var(--atlas-v3-cyan);outline-offset:3px}
header{border-bottom-color:var(--atlas-v3-edge)}
.nav{gap:clamp(12px,2vw,32px)}
.nav nav{gap:clamp(10px,1.4vw,24px)}
.nav nav a{transition:color .18s ease}
.gaming-hero{min-height:clamp(500px,64vh,780px);background-color:#0b1231}
.gaming-hero-content{max-width:min(1100px,94%)}
.gaming-hero h1{font-weight:850;letter-spacing:-.065em;text-wrap:balance}
.gaming-hero p{max-width:650px}
:where(.feature-game,.game-card,.browse-tiles a,.card){will-change:auto}
:where(.feature-game,.game-card,.browse-tiles a,.card):hover{border-color:rgba(121,232,255,.5)}
:where(.featured-showcase,.games-section,.browse-block){min-width:0}
:where(.game-grid,.featured-games,.browse-tiles)>*{min-width:0}
.game-search-row input{min-width:0}
:where(.btn,.game-search-row button,.discovery-actions button){touch-action:manipulation}
footer a:hover,nav a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1200px){
 .gaming-hero{padding-left:clamp(32px,7vw,136px)}
 .game-controls{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b1329f5}
}
@media(max-width:900px){
 header{position:relative;backdrop-filter:none;-webkit-backdrop-filter:none}
 .nav{flex-wrap:wrap}
 .nav nav{width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:10px;scrollbar-width:thin}
 .gaming-hero{min-height:520px;padding:70px clamp(20px,5vw,48px)}
 .gaming-hero h1{font-size:clamp(46px,10vw,78px)}
 .gaming-scene{opacity:.65}
 .scene-halo{display:none}
}
@media(max-width:600px){
 .wrap{padding-inline:18px}
 .gaming-hero{min-height:490px;padding:54px 20px 46px}
 .gaming-hero-content{max-width:100%}
 .gaming-hero h1{font-size:clamp(42px,11vw,62px)}
 .gaming-hero p{font-size:16px}
 .scene-moon{width:150px;height:150px;right:-25px;top:28px}
 .scene-vehicle{transform:scale(.65) skewX(-15deg);transform-origin:right bottom;right:2%}
 .actions{gap:10px}
 .actions .btn{max-width:100%;text-align:center}
 .featured-games,.game-grid{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(hover:none),(pointer:coarse){
 .gaming-hero:before,.gaming-hero:after,.scene-halo{animation:none!important}
 .game-controls{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .feature-game:hover,.game-card:hover,.card:hover{transform:none}
}

/* Readable seasonal guide and accessible skip-navigation */
.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:#79e8ff;color:#07101e;padding:10px 16px;border-radius:10px;font-weight:750}
.skip-link:focus{top:12px}
.seasonal-steps{counter-reset:buy-step;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.seasonal-step{counter-increment:buy-step;padding:24px;border:1px solid var(--atlas-v3-edge);border-radius:20px;background:linear-gradient(160deg,#182545,#0b1227)}
.seasonal-step:before{content:counter(buy-step,decimal-leading-zero);font-size:13px;letter-spacing:.16em;color:var(--atlas-v3-cyan);font-weight:800}
.seasonal-step h3{margin:10px 0}
.seasonal-step p{margin:0}
.seasonal-note{border-left:3px solid var(--atlas-v3-cyan);padding:12px 18px;background:#10203a;border-radius:0 12px 12px 0}
@media(max-width:600px){.seasonal-step{padding:18px}.seasonal-steps{grid-template-columns:1fr}}

/* Local Black Friday shortlist */
.shortlist-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:22px 0}
.shortlist-form label{display:grid;gap:7px;flex:1 1 210px;font-weight:700;color:#e8efff}
.shortlist-form input{width:100%;min-height:46px;padding:10px 14px;border:1px solid #4b628e;border-radius:12px;background:#101a31;color:#fff;font:inherit}
.shortlist-form .btn{border:0;min-height:46px;font:inherit}
.shortlist-items{padding:0;list-style:none;display:grid;gap:10px;max-width:900px}
.shortlist-items li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#111c36;border:1px solid var(--atlas-v3-edge);border-radius:12px}
.shortlist-items button{border:1px solid #6178a0;background:#1e2e50;color:#fff;border-radius:9px;padding:8px 12px;font:inherit}
#shortlistStatus:empty{display:none}

/* Premium editorial visual refresh — wide screens first, light on GPU effects */
:root{--atlas-v3-edge:rgba(158,193,255,.22)}
body{background:radial-gradient(ellipse 85% 32% at 85% 0%,rgba(68,51,146,.20),transparent 68%),#060a16;color:#eff4ff}
header{background:rgba(7,12,28,.96);box-shadow:0 16px 40px rgba(0,0,0,.14)}
.brand{font-weight:800;letter-spacing:-.025em}
.nav nav a{font-size:clamp(12px,.83vw,14px);font-weight:650;padding-block:8px}
.nav nav a:hover{color:#9aecff}
.gaming-hero{background:linear-gradient(97deg,rgba(4,8,25,.99) 0%,rgba(5,11,30,.94) 36%,rgba(8,13,38,.52) 67%,rgba(10,11,38,.20) 100%),radial-gradient(circle at 78% 22%,rgba(226,93,231,.34),transparent 36%),linear-gradient(130deg,#080f24,#15275a 55%,#3b265e)}
.gaming-hero-content{max-width:1120px}
.gaming-hero .eyebrow{letter-spacing:.23em;color:#91eaff;font-weight:800}
.gaming-hero h1{font-size:clamp(64px,7.1vw,134px);line-height:.99;letter-spacing:-.07em;max-width:1130px}
.gaming-hero p{line-height:1.7;color:#dce9ff}
.gaming-hero .actions{margin-top:28px}
.gaming-hero .actions .btn{min-height:52px;display:inline-flex;justify-content:center;align-items:center;padding:15px 23px;font-weight:800;box-shadow:0 12px 32px rgba(14,11,49,.30)}
.hero-shortcuts a{border:1px solid rgba(174,201,255,.27);border-radius:999px;background:rgba(15,29,61,.75);padding:9px 15px;transition:background .18s,border-color .18s}
.hero-shortcuts a:hover{background:#203a67;border-color:#91eaff}
:where(.featured-showcase,.games-section,.browse-block,.partner-rail){padding-block:clamp(28px,4vw,70px)}
:where(.featured-heading,.game-heading) h2{letter-spacing:-.045em;text-wrap:balance}
:where(.feature-game,.game-card,.browse-tiles a,.card){border:1px solid rgba(145,185,255,.20);box-shadow:0 14px 35px rgba(0,0,0,.16);transition:border-color .2s,box-shadow .2s,transform .2s}
@media(hover:hover) and (pointer:fine){:where(.feature-game,.game-card,.browse-tiles a,.card):hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(0,0,0,.33);border-color:rgba(121,232,255,.53)}}
:where(.feature-game,.game-card,.card){overflow:hidden}
.partner-rail{gap:12px}
.partner-rail a{border:1px solid rgba(158,193,255,.22);border-radius:16px;transition:border-color .18s,background .18s}
.partner-rail a:hover{border-color:#79e8ff;background:#172547}
.game-search-row input{min-height:48px}
.game-controls{border:1px solid rgba(149,186,255,.20);border-radius:20px}
@media(min-width:1400px){.gaming-hero{min-height:730px}.featured-showcase{padding-top:84px}}
@media(max-width:1200px){.nav{flex-wrap:wrap}.nav nav{width:100%;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:10px;scrollbar-width:thin}}
@media(max-width:900px){.gaming-hero h1{font-size:clamp(45px,9vw,84px)}.gaming-hero{min-height:560px}}
@media(max-width:600px){.gaming-hero{min-height:520px}.gaming-hero h1{font-size:clamp(44px,11vw,62px)}.gaming-hero .actions .btn{min-height:48px;padding:13px 16px}.hero-shortcuts a{padding:8px 12px}.partner-rail{padding-top:26px}}
@media(prefers-reduced-motion:reduce){:where(.feature-game,.game-card,.browse-tiles a,.card,.partner-rail a,.hero-shortcuts a){transition:none!important;transform:none!important}}

/* Ultimate premium editorial design: wide, varied layouts with zero external dependencies */
.gaming-hero{min-height:clamp(650px,78vh,920px);background:linear-gradient(100deg,rgba(3,8,24,.98) 4%,rgba(6,12,33,.85) 48%,rgba(9,15,45,.32) 100%),radial-gradient(circle at 79% 20%,rgba(245,130,88,.27),transparent 33%),linear-gradient(132deg,#070e26,#172966 65%,#361e50)}
.gaming-hero-content{max-width:min(1220px,90%)}.gaming-hero h1{max-width:1180px;font-size:clamp(52px,7vw,120px);line-height:1.02}.gaming-hero h1 em{background-image:linear-gradient(100deg,#80edff,#b9a5ff 56%,#ffb17f)}
.gaming-hero .actions a:first-child{background:linear-gradient(115deg,#6fecff,#b4a0ff 75%,#ffb177)}
.atlas-story-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:32px 20px}
.atlas-story-strip a{display:flex;flex-direction:column;gap:12px;min-width:0;padding:clamp(20px,2.5vw,34px);border-radius:22px;text-decoration:none;color:#eff6ff;border:1px solid rgba(157,190,255,.25);background:linear-gradient(145deg,rgba(23,40,77,.91),rgba(9,19,44,.95));transition:transform .2s,border-color .2s}
.atlas-story-strip a:nth-child(2){background:linear-gradient(145deg,#23204e,#111937)}.atlas-story-strip a:nth-child(3){background:linear-gradient(145deg,#442337,#171b39)}
.atlas-story-strip a span,.atlas-story-strip a small{color:#a6dffb;letter-spacing:.10em;font-weight:750;font-size:12px}
.atlas-story-strip a strong{font-size:clamp(18px,1.65vw,27px);line-height:1.22;letter-spacing:-.035em}
.atlas-section-intro{margin-bottom:24px;max-width:850px}.atlas-section-intro h2{font-size:clamp(32px,4vw,64px);line-height:1.05;letter-spacing:-.055em;margin:10px 0 14px}.atlas-section-intro p{color:#bdcde8;font-size:clamp(16px,1.3vw,19px)}
.atlas-premium-grid,.atlas-brand-section{padding-block:clamp(44px,6vw,105px)}
.atlas-collection-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:18px}
.atlas-collection{min-height:285px;position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;border:1px solid rgba(156,191,255,.24);border-radius:26px;padding:clamp(22px,2.8vw,44px);color:#fff;text-decoration:none;background:#101d3c;transition:transform .22s,border-color .22s}
.atlas-collection:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 83% 23%,rgba(126,230,255,.26),transparent 43%),linear-gradient(135deg,#172b52,#10162c)}
.atlas-collection-phone:before{background:radial-gradient(circle at 79% 25%,rgba(179,135,255,.29),transparent 45%),linear-gradient(125deg,#22204a,#0f1833)}
.atlas-collection-gear:before{background:radial-gradient(circle at 84% 21%,rgba(255,171,116,.26),transparent 44%),linear-gradient(125deg,#2d233d,#10182f)}
.atlas-collection-news:before{background:radial-gradient(circle at 80% 19%,rgba(115,235,198,.19),transparent 42%),linear-gradient(135deg,#112f39,#0e1a34)}
.atlas-collection>div{max-width:75%;position:relative;z-index:2}.atlas-collection .eyebrow{color:#92e9ff}.atlas-collection h3{font-size:clamp(25px,2.7vw,43px);line-height:1.1;letter-spacing:-.045em;margin:13px 0}.atlas-collection p{max-width:450px;color:#d6e4fb}.atlas-collection b{display:inline-block;margin-top:14px;color:#90edff}
.atlas-collection-art{position:absolute;right:5%;top:8%;font-size:clamp(160px,19vw,330px);font-weight:800;line-height:1;color:rgba(172,233,255,.21);text-shadow:0 0 70px rgba(117,200,255,.28);transform:rotate(-12deg);pointer-events:none}
.atlas-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.atlas-brands a{min-height:132px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid rgba(153,190,255,.22);border-radius:20px;background:linear-gradient(150deg,#17243e,#0d162b);text-decoration:none;color:#fff;transition:transform .2s,border-color .2s}
.atlas-brands strong{font-size:clamp(22px,2.5vw,33px);letter-spacing:-.045em}.atlas-brands span{font-size:13px;color:#a8c8ee}
@media(hover:hover) and (pointer:fine){.atlas-story-strip a:hover,.atlas-collection:hover,.atlas-brands a:hover{transform:translateY(-4px);border-color:#86deff}}
@media(max-width:900px){.atlas-collection-grid{grid-template-columns:1fr 1fr}.atlas-collection{min-height:300px}.atlas-collection>div{max-width:90%}.atlas-story-strip{gap:10px}.atlas-brands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gaming-hero{min-height:615px}.gaming-hero-content{max-width:100%}.gaming-hero h1{font-size:clamp(44px,10vw,62px)}.atlas-story-strip,.atlas-collection-grid,.atlas-brands{grid-template-columns:1fr}.atlas-story-strip{padding-block:18px}.atlas-story-strip a{min-height:126px}.atlas-collection{min-height:270px}.atlas-collection-art{font-size:205px}.atlas-collection>div{max-width:88%}.atlas-brands a{min-height:108px}}
@media(prefers-reduced-motion:reduce){.atlas-story-strip a,.atlas-collection,.atlas-brands a{transition:none!important;transform:none!important}}

/* Department landing pages: cohesive premium editorial art without heavy images */
.atlas-department-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);align-items:center;gap:30px;min-height:clamp(450px,52vw,680px);padding:clamp(45px,7vw,110px) clamp(20px,5vw,110px);background:radial-gradient(circle at 76% 32%,rgba(121,224,255,.17),transparent 37%),linear-gradient(130deg,#080d20,#192d59 63%,#251a49);border-bottom:1px solid rgba(158,193,255,.25)}
.atlas-department-phone{background:radial-gradient(circle at 77% 26%,rgba(195,145,255,.28),transparent 42%),linear-gradient(115deg,#081022,#1b244f,#271d44)}
.atlas-department-gear{background:radial-gradient(circle at 79% 26%,rgba(255,159,109,.27),transparent 43%),linear-gradient(115deg,#101221,#29213e,#372537)}
.atlas-department-news{background:radial-gradient(circle at 79% 26%,rgba(104,228,210,.21),transparent 40%),linear-gradient(115deg,#091722,#162e46,#11283c)}
.atlas-department-copy{z-index:2;max-width:950px}.atlas-department-copy h1{font-size:clamp(46px,6vw,100px);line-height:1.01;letter-spacing:-.065em;text-wrap:balance;margin:18px 0 24px}.atlas-department-copy .lead{max-width:700px;color:#d5e2f6;line-height:1.65;font-size:clamp(17px,1.35vw,22px)}
.atlas-department-copy .eyebrow{letter-spacing:.19em;color:#8deaff}
.atlas-department-copy .actions{margin-top:26px;display:flex;flex-wrap:wrap}
.atlas-department-art{position:relative;min-height:340px;display:grid;place-items:center;pointer-events:none}
.atlas-art-orbit{position:absolute;width:min(31vw,440px);aspect-ratio:1;border:2px solid rgba(160,215,255,.27);border-radius:50%;box-shadow:0 0 100px rgba(78,125,255,.18),inset 0 0 70px rgba(115,174,255,.13)}
.atlas-art-symbol{font-size:clamp(150px,21vw,370px);line-height:1;color:#a2dbff;text-shadow:0 0 60px rgba(130,144,255,.7);transform:rotate(-11deg)}
.atlas-department-phone .atlas-art-symbol{color:#c5b4ff}.atlas-department-gear .atlas-art-symbol{color:#ffccaa}.atlas-department-news .atlas-art-symbol{color:#9cffe7}
.atlas-department-hero+.section{padding-top:clamp(48px,6vw,100px)}
.atlas-department-hero~.section .grid .card{min-height:200px;padding:clamp(23px,2.5vw,38px)}
@media(max-width:900px){.atlas-department-hero{grid-template-columns:1fr;min-height:0;padding-block:70px 52px}.atlas-department-art{position:absolute;right:0;top:0;opacity:.30;min-height:100%;width:60%}.atlas-art-orbit{width:350px}.atlas-department-copy{max-width:740px}}
@media(max-width:600px){.atlas-department-hero{padding:56px 20px 48px}.atlas-department-copy h1{font-size:clamp(44px,10vw,58px)}.atlas-department-art{opacity:.18;width:75%}.atlas-art-symbol{font-size:215px}.atlas-department-copy .actions .btn{max-width:100%}}
@media(prefers-reduced-motion:reduce){.atlas-art-symbol{transform:none}}

/* Visual polish following real desktop screenshots: fewer, more readable game cards */
@media(min-width:1500px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}}
@media(min-width:1050px) and (max-width:1499px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media(min-width:700px) and (max-width:1049px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:699px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:370px){.game-grid{grid-template-columns:1fr}}
.game-card{background:linear-gradient(165deg,#1b2a51,#0b142b);border-radius:22px;display:flex;flex-direction:column}
.game-card .game-art{aspect-ratio:4/3.4;min-height:0}
.game-card .game-art::before{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.15),transparent 45%),linear-gradient(145deg,transparent 35%,rgba(8,12,36,.25))}
.game-poster-visual .game-art-symbol{font-size:clamp(60px,5vw,110px);opacity:.48}
.game-poster-title{font-size:clamp(15px,1.5vw,24px);line-height:1.04;padding:22px 7px 15px;letter-spacing:-.04em}
.game-info{padding:clamp(14px,1.55vw,23px);display:flex;flex-direction:column;gap:10px;flex:1}
.game-info h3{font-size:clamp(16px,1.22vw,20px);line-height:1.24;min-height:0;margin:0}
.game-info .game-platform-badges{margin:0}
.game-info .game-profile-link{margin-top:auto}
.game-info a,.game-info button{font-size:13px}
.game-card .game-details-btn{min-height:43px;border-radius:11px}
.game-art .game-favorite{width:40px;height:40px}
.featured-games{gap:20px}
.feature-game{border-radius:24px}
@media(max-width:699px){.game-info{padding:12px;gap:8px}.game-info h3{font-size:15px}.game-poster-title{font-size:15px}.game-card .game-details-btn{min-height:40px}.game-art .game-favorite{width:36px;height:36px}}
@media(hover:none),(pointer:coarse){.game-card:hover{transform:none}}

/* Unique editorial game identities (not representations of official publisher logos) */
.game-card .game-art{background:linear-gradient(155deg,hsl(var(--game-hue) 65% 36%),hsl(var(--game-hue-alt) 60% 20%) 73%,#070e24)}
.game-card .game-poster-ring{border-radius:32% 68% 45% 55%;border-color:hsla(var(--game-hue-alt),95%,82%,.57);transform:rotate(-22deg) scale(.92)}
.game-card .game-poster-visual .game-art-symbol{opacity:.95;font-size:clamp(42px,5vw,82px);font-weight:950;letter-spacing:-.11em;color:#f9fcff;text-shadow:0 4px 20px #0009,0 0 35px hsla(var(--game-hue-alt),100%,80%,.85)}
.game-card .game-poster-title{background:linear-gradient(0deg,rgba(5,10,30,.55),transparent)}
/* Distinct typographic brand tiles; never imply these are licensed official logotypes */
.atlas-brands a{position:relative;overflow:hidden;gap:15px;align-items:flex-start}
.atlas-brands a:before{content:"";width:48px;height:48px;display:block;flex:none;border-radius:14px;background:radial-gradient(circle at 34% 28%,#ffffff77,transparent 36%),linear-gradient(145deg,var(--brand-start,#5570d6),var(--brand-end,#182a50));box-shadow:0 10px 26px #0006}
.atlas-brands a:nth-child(1){--brand-start:#b9d2ff;--brand-end:#4e5997}
.atlas-brands a:nth-child(2){--brand-start:#a9e8ff;--brand-end:#267c90}
.atlas-brands a:nth-child(3){--brand-start:#ffaf96;--brand-end:#9c3055}
.atlas-brands a:nth-child(4){--brand-start:#afadff;--brand-end:#5b3fbd}
.atlas-brands a:nth-child(5){--brand-start:#89e8a2;--brand-end:#236d67}
.atlas-brands a:nth-child(6){--brand-start:#ffdfa2;--brand-end:#aa613f}
.atlas-brands strong{display:block;line-height:1}

/* Rights-reviewed per-game artwork, loaded only when registered locally */
.game-art .game-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.game-art .game-logo-image{position:absolute;top:18%;left:12%;width:76%;height:35%;object-fit:contain;z-index:2;filter:drop-shadow(0 3px 12px #000b)}
.game-art .game-cover-image,.game-art .game-logo-image{opacity:0;transition:opacity .2s ease}
.game-art.has-loaded-cover .game-cover-image,.game-art.has-loaded-logo .game-logo-image{opacity:1}
.game-art.has-loaded-cover .game-poster-visual{opacity:0}
.game-art.has-loaded-logo .game-poster-title{opacity:1}
.game-art:has(.game-cover-image)::after{z-index:1;background:linear-gradient(to top,rgba(2,7,22,.78),transparent 62%)}
.game-art .game-label,.game-art .game-favorite,.game-art .game-poster-title{z-index:3}

/* Keep a readable name on every poster, even when a publisher wordmark is present. */
.game-art.has-loaded-cover .game-poster-title{position:relative;z-index:4;text-shadow:0 2px 12px #000,0 5px 24px #000}
.game-art .game-logo-image{max-width:76%;max-height:35%;pointer-events:none}
@media(prefers-reduced-motion:reduce){.game-art .game-cover-image,.game-art .game-logo-image{transition:none!important}}

/* Game catalog UX correction after live desktop photo: artwork first, one title below */
.game-card{border:1px solid rgba(149,194,255,.25);border-radius:20px;background:#101c36;box-shadow:0 12px 34px rgba(0,0,0,.18)}
.game-card .game-art{aspect-ratio:4/3;align-items:stretch;display:block;padding:0;min-height:0;background:#13294a}
.game-card .game-cover-image{z-index:1;object-position:center}
.game-card .game-art::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(6,11,30,.16) 0%,transparent 55%,rgba(6,11,30,.23) 100%)}
.game-card .game-poster-title{display:none!important}
.game-card .game-art .game-label{z-index:4;top:11px;left:11px;max-width:calc(100% - 62px)}
.game-card .game-art .game-favorite{z-index:5;top:10px;right:10px}
.game-card .game-poster-visual{z-index:0}
.game-card .game-logo-image{z-index:3}
.game-card .game-info{gap:8px;padding:15px 16px 17px}
.game-card .game-info h3{font-size:clamp(16px,1.2vw,19px);line-height:1.25;letter-spacing:-.02em;min-height:0}
.game-card .game-info .status{font-size:11px}
.game-card .game-info a{margin-top:2px}
.game-card .game-info .game-profile-link{margin-top:8px;color:#99eaff;font-weight:700}
.game-card .game-info .game-details-btn{min-height:42px;border:1px solid #658bca;background:linear-gradient(125deg,#223e74,#315ca1);color:#fff;font-weight:750}
.game-card .game-info .game-details-btn:hover{background:#365e9b}
@media(min-width:1400px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}}
@media(min-width:1000px) and (max-width:1399px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media(min-width:680px) and (max-width:999px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:679px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-card .game-info{padding:12px}.game-card .game-art{aspect-ratio:4/3}}
@media(max-width:359px){.game-grid{grid-template-columns:1fr}}

/* Card redesign v2: visually substantial, readable catalog cards, not tiny tiles */
.game-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(16px,1.7vw,26px)!important;align-items:stretch}
.game-grid .game-card{min-width:0!important;display:flex!important;flex-direction:column!important;overflow:hidden;border-radius:24px!important;border:1px solid #435f90!important;background:linear-gradient(150deg,#162847,#0b1428)!important;box-shadow:0 14px 40px #0005!important}
.game-grid .game-card .game-art{position:relative;aspect-ratio:16/9!important;width:100%;min-height:0!important;overflow:hidden;background:#142641}
.game-grid .game-card .game-cover-image{object-fit:cover;width:100%;height:100%}
.game-grid .game-card .game-info{display:flex!important;flex-direction:column!important;flex:1;gap:11px!important;padding:clamp(18px,2vw,28px)!important}
.game-grid .game-card .game-info h3{font-size:clamp(21px,1.7vw,29px)!important;line-height:1.15!important;margin:0!important;font-weight:850!important;letter-spacing:-.035em!important;min-height:0!important}
.game-grid .game-card .game-info .status{font-size:12px!important;color:#c1d8f6!important}
.game-grid .game-card .game-platform-badges{display:flex;flex-wrap:wrap;gap:6px;min-height:0}
.game-grid .game-card .game-platform-badges span{font-size:11px;padding:5px 8px}
.game-grid .game-card .game-info a{font-size:13px!important;line-height:1.35}
.game-grid .game-card .game-profile-link{margin-top:auto!important;font-weight:750!important;color:#9ee9ff!important}
.game-grid .game-card .game-details-btn{min-height:48px!important;border-radius:12px!important;font-size:15px!important;font-weight:750!important;background:linear-gradient(100deg,#416ed1,#625db9)!important;color:#fff!important;cursor:pointer}
.game-grid .game-card .game-info>a:last-child{color:#9db8db!important;text-decoration:none!important}
.game-grid .game-card .game-favorite{width:42px!important;height:42px!important}
.game-grid .game-card .game-poster-title{display:none!important}
@media(min-width:1650px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1020px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.game-grid{grid-template-columns:1fr!important;gap:18px!important}.game-grid .game-card .game-art{aspect-ratio:16/9!important}.game-grid .game-card .game-info{padding:18px!important}.game-grid .game-card .game-info h3{font-size:22px!important}}
@media(hover:hover) and (pointer:fine){.game-grid .game-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.game-grid .game-card{transition:none!important;transform:none!important}}