/* Gameplay XR reference-lock v5 — tuned to the three approved reference images. */
:root{--max:2028px}
body{background:#020408}
.shell{width:min(var(--max),calc(100% - 24px))}

/* Desktop masthead proportions from the approved 16:9 references */
.site-header{position:sticky;top:0;z-index:50;background:rgba(2,4,7,.985);border-bottom:1px solid rgba(255,23,55,.45)}
.topbar{min-height:72px;grid-template-columns:430px minmax(380px,1fr) auto auto;gap:18px}
.brand-word{font-size:39px}.brand-sub{font-size:9px}.top-search{height:46px}.store-pill{height:44px}
.nav-row{min-height:54px}.nav-row a{font-size:15px;padding:14px 31px}

/* Homepage hero: use the approved visual field as the right-side art while keeping text/buttons live. */
.hero-approved{min-height:430px;margin-top:0;border-radius:0 0 14px 14px;background:#05060a;overflow:hidden}
.hero-approved::before{display:none}
.hero-approved::after{background:linear-gradient(90deg,#030507 0%,rgba(3,5,7,.98) 31%,rgba(3,5,7,.70) 43%,rgba(3,5,7,.08) 67%,rgba(3,5,7,.02) 100%)}
.hero-city{inset:0 0 0 37%;background:url('../img/reference/home-hero-art-2k.jpg') center/cover no-repeat;opacity:1}
.hero-art{display:none}
.hero-copy{max-width:760px;padding:28px 38px 24px}
.hero-kicker{font-size:16px;padding:7px 18px}
.hero-copy h1{font-size:clamp(50px,3.8vw,72px);line-height:.92;margin:10px 0 8px}
.hero-copy p{font-size:17px;line-height:1.35;max-width:650px;margin-bottom:14px}
.hero-actions{max-width:650px;gap:9px}.hero-btn{height:50px;font-size:15px}

/* The approved reference intentionally has four columns across desktop. */
.dashboard-grid{grid-template-columns:minmax(520px,1.36fr) minmax(390px,.92fr) minmax(330px,.77fr) minmax(330px,.77fr);gap:10px;margin-top:10px}
.dash-card{min-width:0;border-radius:9px}
.card-head{height:40px;padding:0 13px}.card-head h2{font-size:16px}.card-head a{font-size:11px}
.trending-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}
.trend-item a{display:block!important;color:inherit}.trend-item img{display:block;width:100%;height:auto;aspect-ratio:.72;object-fit:cover;min-height:0;background:#111;border-radius:5px}
.trend-item img.image-missing{display:none}.trend-item b{font-size:12.5px;line-height:1.15;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.trend-item small{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.source-note{font-size:8.5px;padding:0 10px 8px;color:#74808e}
.video-list,.live-list,.community-list{padding:6px 10px 8px}.video-row,.live-row{grid-template-columns:132px 1fr;gap:9px;padding:6px 0}.video-row a,.live-row a{display:contents!important}.video-row img,.live-row img{width:132px;height:58px;object-fit:cover;border-radius:4px}.video-row img.image-missing,.live-row img.image-missing{background:#111}.video-row b,.live-row b{font-size:11.5px;line-height:1.17}.video-row small,.live-row small{font-size:9px;line-height:1.3;margin-top:3px}.community-row{grid-template-columns:48px 1fr;min-height:61px;gap:9px}.community-icon{height:39px}.community-row b{font-size:11.5px}.community-row small{font-size:9px}

/* GTA banner / sponsor / merch row */
.lower-grid{grid-template-columns:minmax(690px,1.35fr) minmax(355px,.66fr) minmax(410px,.78fr);gap:10px;margin-top:10px}
.gta-module{grid-column:auto;min-height:150px;padding:16px 18px;background:linear-gradient(90deg,rgba(11,3,8,.96),rgba(59,8,40,.72)),url('../img/reference/gta-command-art-2k.jpg') right center/58% auto no-repeat}
.gta-module::after{display:none}.gta-module h2{font-size:27px}.gta-module ul{font-size:11.5px;line-height:1.45}.gta-module .gta-actions{left:18px;bottom:14px}.gta-module .gta-actions a{font-size:10px;padding:7px 10px}.gta-countdown{right:15px;bottom:14px;gap:5px}.count-box{min-width:62px;padding:7px 8px}.count-box strong{font-size:20px}.count-box span{font-size:7px}
.partners{padding:8px 10px}.partner-brand{height:58px;gap:9px}.partner-brand img{width:92px;height:46px;object-fit:cover;background:#06080c}.partner-brand b{font-size:11.5px}.partner-brand small{font-size:8.5px}.partner-code{font-size:8px;padding:2px 5px}
.merch-mini{height:112px;background:url('../img/merch/gameplayxr-merch-wide.png') center/cover no-repeat}.merch-mini::after{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.4) 48%,rgba(0,0,0,.04) 78%)}.merch-mini-copy{padding:12px 14px}.merch-mini-copy h3{font-size:17px}.merch-mini-copy small{font-size:10px}.merch-mini-copy a{margin-top:12px;font-size:10px;padding:7px 10px}

.platform-row{grid-template-columns:1.25fr .95fr;gap:10px;margin-top:10px}.platform-banner{min-height:88px;padding:13px 22px}.platform-banner h3{font-size:25px}.platform-banner p{font-size:10.5px}.platform-banner .store-pill{font-size:12px;height:38px}

/* Keep discover/search below the reference fold without changing its functionality. */
.section-block{margin-top:24px}.discover-panel{padding:17px}.game-results-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}

/* GTA VI command-center reference */
.command-hero{min-height:430px;border-radius:0 0 14px 14px;background:#05060a;overflow:hidden}
.command-hero::before{content:"";position:absolute;inset:0 0 0 40%;background:url('../img/reference/gta-command-art-2k.jpg') center/cover no-repeat;z-index:0}
.command-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030507 0%,rgba(3,5,7,.97) 31%,rgba(3,5,7,.58) 47%,rgba(3,5,7,.03) 72%);z-index:1}
.command-art{display:none}.command-copy{position:relative;z-index:3;max-width:760px;padding:28px 38px 24px}.command-copy h1 em{font-size:84px}.command-copy h1 span{font-size:39px}.command-copy p{font-size:15px;line-height:1.35;max-width:680px}.command-countdown{gap:6px}.command-actions{max-width:650px}.command-actions a{height:42px;font-size:12px}
.command-grid{grid-template-columns:minmax(640px,1.18fr) minmax(500px,.92fr) minmax(330px,.58fr);gap:10px;margin-top:10px}.fan-column{grid-column:auto;grid-template-columns:1fr;gap:10px}.command-panel{border-radius:9px}.command-panel .card-head{height:40px}.news-cards{gap:8px;padding:9px}.news-card img{height:112px}.news-card div{padding:8px}.news-card b{font-size:11.5px}.news-card small{font-size:9px}.featured-video{padding:9px}.featured-video img{height:235px}.featured-video h3{font-size:15px;margin:7px 0 4px}.featured-video p{font-size:10px!important}.fan-box,.side-cta{min-height:auto}.fan-box{padding:13px}.fan-box h3{font-size:15px}.fan-box p{font-size:10px}.side-cta{padding:13px}.side-cta strong{font-size:17px}.side-cta small{font-size:10px}.wide-panels{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.list-thumbs{gap:8px;padding:9px}.list-thumbs img{height:92px}.list-thumbs b{font-size:10.5px;padding:7px}.faq{padding:9px 12px}.faq summary{font-size:11px}.faq p{font-size:9.5px}.related{grid-template-columns:repeat(4,1fr)}

/* Mobile reference: visible six-item nav row, tall hero, horizontal games, paired sponsor/merch blocks. */
@media(max-width:820px){
  .shell{width:min(100%,calc(100% - 10px))}.site-header{position:sticky}.topbar{min-height:70px;grid-template-columns:auto 1fr auto;padding:0 7px;gap:8px}.topbar>a{grid-column:2}.brand-word{font-size:25px}.brand-sub{display:none}.mobile-toggle{display:block;grid-column:1;grid-row:1;font-size:25px}.top-search,.lang-switch,.store-actions{display:none}
  .nav-row{display:grid!important;position:static;grid-template-columns:repeat(6,1fr);min-height:72px;border:0;border-bottom:1px solid #5b0b22;background:#040609;border-radius:0;overflow:hidden}
  .nav-row a{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 3px;font-size:10px;line-height:1.1;white-space:normal;border-right:1px solid #181e26}.nav-row a:nth-child(3),.nav-row a:nth-child(8),.nav-row a:nth-child(9){display:none}.nav-row a.active{background:linear-gradient(180deg,#5d0711,#160407)}
  .hero-approved{min-height:720px;border-radius:0 0 11px 11px}.hero-approved::after{background:linear-gradient(180deg,rgba(0,0,0,.03) 0,rgba(0,0,0,.08) 36%,rgba(2,4,7,.95) 60%,#020407 100%)}.hero-city{inset:0;background:url('../img/reference/home-hero-art-2k.jpg') 64% top/auto 370px no-repeat #04050a}.hero-copy{padding:350px 13px 14px;max-width:none}.hero-kicker{font-size:10px;padding:5px 9px}.hero-copy h1{font-size:35px;line-height:.94;margin:8px 0}.hero-copy p{font-size:12.7px;line-height:1.35;margin-bottom:11px}.hero-actions{grid-template-columns:1fr 1fr;gap:7px;max-width:none}.hero-btn{height:47px;font-size:11px}.hero-btn:nth-child(3){grid-column:1/-1}.hero-btn:nth-child(4){display:none}
  .dashboard-grid{grid-template-columns:1fr;gap:8px;margin-top:8px}.dash-card{border-radius:9px}.card-head{height:38px;padding:0 10px}.card-head h2{font-size:14px}.card-head a{font-size:10px}.trending-list{grid-template-columns:repeat(4,128px);overflow-x:auto;gap:7px;padding:9px}.trend-item b{font-size:11px}.trend-item small{font-size:8.5px}.source-note{font-size:8px}
  .video-list,.live-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px}.video-row,.live-row{display:block;padding:0;border:1px solid #202934;border-radius:6px;overflow:hidden}.video-row a,.live-row a{display:block!important}.video-row img,.live-row img{width:100%;height:74px;border-radius:0}.video-row div,.live-row div{padding:6px}.video-row b,.live-row b{font-size:10.5px}.video-row small,.live-row small{font-size:8px}.video-row:nth-child(n+3),.live-row:nth-child(n+3){display:none}
  .community-list{padding:8px 10px}.community-row{min-height:58px}
  .lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.gta-module{grid-column:1/-1;min-height:168px;padding:11px 12px;background-size:68% auto;background-position:right center}.gta-module h2{font-size:20px}.gta-module ul{font-size:9px;max-width:45%}.gta-module .gta-actions{display:none}.gta-countdown{right:10px;bottom:12px;gap:3px}.count-box{min-width:48px;padding:5px}.count-box strong{font-size:16px}.count-box span{font-size:6px}.lower-card{min-width:0}.partners{padding:7px}.partner-brand{height:52px;gap:6px}.partner-brand img{width:64px;height:38px}.partner-brand b{font-size:9.5px}.partner-brand small{font-size:7px}.partner-code{font-size:6.5px}.merch-mini{height:126px}.merch-mini-copy{padding:9px}.merch-mini-copy h3{font-size:14px}.merch-mini-copy small{font-size:8px}.merch-mini-copy a{font-size:8px;padding:6px 8px;margin-top:10px}
  .platform-row{grid-template-columns:1fr;margin-top:8px}.platform-banner.roku{display:none}.platform-banner{min-height:100px;padding:14px}.platform-banner h3{font-size:20px}.platform-banner p{font-size:10px;max-width:55%}.platform-banner .store-pill{font-size:11px}
  .section-block{margin-top:18px}.game-results-grid{grid-template-columns:1fr 1fr}
  .command-hero{min-height:700px}.command-hero::before{inset:0;background:url('../img/reference/gta-command-art-2k.jpg') 61% top/auto 360px no-repeat #030509}.command-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.08) 36%,rgba(2,4,7,.96) 58%,#020407 100%)}.command-copy{padding:340px 13px 15px;max-width:none}.command-copy h1 em{font-size:61px}.command-copy h1 span{font-size:29px}.command-copy p{font-size:12px}.command-actions{grid-template-columns:1fr 1fr;max-width:none}.command-actions a{font-size:9.5px;height:42px}.command-grid,.wide-panels{grid-template-columns:1fr;gap:8px;margin-top:8px}.fan-column{grid-template-columns:1fr;gap:8px}.news-cards{grid-template-columns:1fr 1fr}.news-card:nth-child(3){display:none}.featured-video img{height:210px}.list-thumbs{grid-template-columns:1fr 1fr}.list-thumbs article:nth-child(3){display:none}.related{grid-template-columns:1fr 1fr}
}

@media(min-width:821px) and (max-width:1500px){
  .topbar{grid-template-columns:340px minmax(280px,1fr) auto}.store-actions{display:none}.nav-row a{padding:13px 17px;font-size:13px}
  .hero-copy{max-width:650px}.hero-copy h1{font-size:52px}.hero-copy p{font-size:15px}.hero-city{inset:0 0 0 39%}
  .dashboard-grid{grid-template-columns:1.28fr .92fr .78fr .72fr}.video-row,.live-row{grid-template-columns:112px 1fr}.video-row img,.live-row img{width:112px;height:54px}.video-row b,.live-row b,.community-row b{font-size:10px}.video-row small,.live-row small,.community-row small{font-size:8px}.trending-list{gap:6px}.trend-item b{font-size:10.5px}.trend-item small{font-size:8.5px}
  .lower-grid{grid-template-columns:1.28fr .66fr .72fr}.gta-module ul{font-size:10px}.partner-brand img{width:74px}.merch-mini-copy h3{font-size:15px}
  .command-grid{grid-template-columns:1.15fr .9fr .62fr}.command-copy{max-width:660px}.command-copy h1 em{font-size:70px}.command-copy h1 span{font-size:32px}.news-card img{height:96px}.featured-video img{height:200px}
}

/* v5 scan fix: platform banners use verified Gameplay XR Roku / Google Play artwork. */
.platform-banner{isolation:isolate;overflow:hidden}
.platform-banner::before{content:"";position:absolute;inset:0 auto 0 0;width:38%;background-repeat:no-repeat;background-position:left center;background-size:cover;opacity:.98;z-index:-1}
.platform-banner::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.platform-banner.roku::before{background-image:url('../img/platforms/roku-card.jpg')}
.platform-banner.roku::after{background:linear-gradient(90deg,rgba(19,5,25,.04) 0 34%,rgba(51,13,75,.93) 45%,#351050 100%)}
.platform-banner.app::before{background-image:url('../img/platforms/google-play-card.jpg')}
.platform-banner.app::after{background:linear-gradient(90deg,rgba(5,9,15,.03) 0 34%,rgba(9,16,28,.94) 45%,#12090f 100%)}
.platform-banner>div{margin-left:38%;padding-left:16px}.platform-banner .push{position:relative;z-index:2}
@media(max-width:820px){.platform-banner.app::before{width:44%}.platform-banner.app>div{margin-left:42%;padding-left:8px}.platform-banner.app::after{background:linear-gradient(90deg,rgba(5,9,15,.04) 0 40%,rgba(9,16,28,.96) 51%,#12090f 100%)}}