
/* GFSX V5 — storefront polish, original blue aesthetic. Loaded after previous themes. */
:root { --v5-glass: #070c15; --v5-blue: #257cff; --v5-ice: #79c9ff; }
body {font-family:'Manrope','DM Sans',system-ui,sans-serif;letter-spacing:-.012em}
.site-header-v5 {background:rgba(3,8,16,.975);border-bottom:1px solid #223a5a;box-shadow:0 12px 40px #02050db8;height:76px!important;min-height:76px!important}
.site-header-v5 .container {width:min(1530px,calc(100% - 54px))}
.site-header-v5 .header-inner-v3 {height:76px;min-height:76px;grid-template-columns:minmax(0,1fr) minmax(270px,540px) minmax(0,1fr);gap:24px}
.site-header-v5 .brand-v3 img {width:174px;height:67px;object-fit:contain;filter:drop-shadow(0 2px 12px #2f8cff26)}
.site-header-v5 .header-left {gap:18px}
.site-header-v5 .header-dropdown summary {height:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Manrope',system-ui,sans-serif;font-weight:800;font-size:11.5px;line-height:1;border-radius:999px;letter-spacing:0;padding:0 17px}
.site-header-v5 .browse-popover summary {background:#1269ee;border-color:#388afa;box-shadow:0 7px 23px #0a57df38}
.site-header-v5 .browse-popover summary:hover{background:#2e86ff}
.site-header-v5 .more-popover summary,.site-header-v5 .currency-popover summary{background:#111926;border:1px solid #293c59}
.site-header-v5 .v5-chevron {width:13px;height:13px;flex:0 0 13px;display:inline-block!important;vertical-align:middle;margin:0!important;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;opacity:.85;transition:transform .2s}
.site-header-v5 details[open] .v5-chevron {transform:rotate(180deg)}
.site-header-v5 .v5-browse-icon {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
.site-header-v5 .header-search {height:45px;border:1px solid #2b3c54;background:#0c131f;border-radius:999px;min-width:0;width:100%;justify-self:center;box-shadow:inset 0 1px 3px #0003}
.site-header-v5 .header-search input{font:500 12px 'Manrope',sans-serif;letter-spacing:0;padding:10px 13px;color:#eef6ff}
.site-header-v5 .header-search button {display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#a2cfff;transition:background .2s}
.site-header-v5 .header-search button:hover{background:#1a355b}
.site-header-v5 .header-actions{gap:9px}
.site-header-v5 .currency-popover summary {min-width:112px;padding-inline:13px;gap:8px}
.site-header-v5 .currency-symbol {font-size:14px;color:#8bd1ff;min-width:14px}
.site-header-v5 .currency-code {font-size:11px;letter-spacing:.02em}
.site-header-v5 .mobile-menu-toggle {border-radius:9px}

/* Cinematic centre + synchronized cover wall structure */
.hero-v3 {padding:0!important;min-height:0;background:#060b14;position:relative;overflow:hidden;isolation:isolate}
.hero-v3::before {content:'';background:linear-gradient(90deg,transparent 0,rgba(33,91,176,.08) 45%,transparent 100%);position:absolute;inset:0;opacity:1;mask-image:none;pointer-events:none}
.hero-v3-grid {width:min(1920px,100%);margin-inline:auto;height:725px;min-height:725px;display:grid;grid-template-columns:minmax(0,30.5%) minmax(460px,39%) minmax(0,30.5%);position:relative}
.hero-v3-center{min-height:725px;max-width:100%;padding:40px 16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:4;background:linear-gradient(90deg,#070d17e8 0%,#080d17 12%,#080d17 88%,#070d17e8 100%);box-shadow:0 0 65px 55px #060b14a6}
.hero-v3-center::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 38%,#245faa16,transparent 59%),radial-gradient(#3a64854a .7px,transparent 1.4px);background-size:auto,29px 29px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.8}
.hero-v5-inner{width:100%;max-width:625px;display:flex;align-items:center;flex-direction:column;text-align:center;padding-bottom:5px}
.hero-v5-eyebrow {color:#83b9ee;font-size:10px;letter-spacing:.17em;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;margin-bottom:25px;text-transform:uppercase}
.hero-v5-live{width:7px;height:7px;border-radius:50%;display:inline-block;background:#61ddeb;box-shadow:0 0 0 5px #39cbe616,0 0 15px #37bfe8;flex:0 0 auto}
.hero-v5-separator {height:1px;width:24px;background:#416685}
.hero-v5-year{color:#6384a9}
.hero-v3-center .hero-v5-title{font-family:'Archivo Black','Inter Display',Impact,'Arial Black',sans-serif;font-weight:900;font-size:clamp(54px,4.6vw,84px);line-height:1.01;letter-spacing:-.068em;margin:0 0 23px;color:#f8fbff;text-transform:uppercase;text-shadow:0 9px 30px #03050955;white-space:normal;width:100%}
.hero-v5-title .v5-title-line{display:block;white-space:nowrap}
.hero-v5-title .accent{color:#69b9ff;background:linear-gradient(110deg,#a6e2ff 1%,#53a9fc 37%,#227af5 93%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-v5-period{color:#a6e2ff;-webkit-text-fill-color:#a6e2ff}
.hero-v5-tagline{font:800 17px/1.55 'Manrope',sans-serif;color:#f9fbff;margin:0 0 10px}
.hero-v5-description{font:500 12.5px/1.85 'Manrope',sans-serif;letter-spacing:0;color:#a8b9d3;max-width:430px;margin:0 0 27px}
.hero-v5-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%}
.v5-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;min-height:48px;padding:0 22px;font:800 12px/1 'Manrope',sans-serif;white-space:nowrap;border:1px solid #456083;transition:background .2s,transform .2s,box-shadow .2s,color .2s}
.v5-cta svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.v5-cta:hover{transform:translateY(-2px)}.v5-cta:hover svg{transform:translateX(3px)}
.v5-cta-primary{background:#176af2;border-color:#3186ff;color:white;box-shadow:0 9px 28px #135ee936}
.v5-cta-primary:hover{background:#378fff;box-shadow:0 12px 38px #116df159}
.v5-cta-secondary{background:#0c1728;color:#e6f4ff;border-color:#355375}
.v5-cta-secondary:hover{background:#172b47;border-color:#62acfb}
.hero-v5-reviews{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:38px;color:#f8fcff;font-size:11px;white-space:nowrap}
.hero-v5-stars{letter-spacing:2px;font-size:17px;color:#ffd36d;line-height:1;text-shadow:0 0 10px #dbad3b40}
.hero-v5-rating{font-size:13px;letter-spacing:-.03em;font-weight:800;color:white}
.hero-v5-rating span{font-size:10px;font-weight:600;color:#adc2da}
.hero-v5-review-divider{width:1px;height:20px;background:#364b63;margin:0 2px}
.hero-v5-review-count{color:#bdd0e8;font-size:11px}
.hero-v5-review-count strong{color:#f5faff;font-weight:900}
.hero-v5-proof-note{font-size:9px!important;color:#71849d!important;line-height:1.5!important;margin:10px 0 0!important;letter-spacing:.012em}
/* Image-backed game tiles in equal square cards, with subtle consistent blue edge. */
.mosaic-wall {--tile-gap:7px;--tile-h:auto;position:relative;height:100%;display:block;overflow:hidden;opacity:1;padding:0;isolation:isolate;background:#050a12}
.mosaic-wall::after {content:'';z-index:2;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060b14 0%,transparent 16%,transparent 66%,#060b14e8 100%),linear-gradient(180deg,#060b14d1 0%,transparent 18%,transparent 81%,#060b14dc 100%)}
.mosaic-right::after {background:linear-gradient(90deg,#060b14e8 0%,transparent 34%,transparent 100%),linear-gradient(180deg,#060b14d1 0%,transparent 18%,transparent 81%,#060b14dc 100%)}
.mosaic-track{display:flex;flex-direction:column;width:100%;will-change:transform;animation:mosaic-rise 31s linear infinite;transform:translate3d(0,0,0)}
.mosaic-right .mosaic-track{animation:mosaic-fall 37s linear infinite}
.mosaic-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:var(--tile-gap);padding:3.5px 3px;width:100%;flex-shrink:0}
.mosaic-set .mosaic-tile{aspect-ratio:1/1;height:auto!important;min-height:0;width:100%;border-radius:10px!important;display:grid;place-items:center;margin:0!important;transform:none!important;background:linear-gradient(145deg,#101825,#090d16);border:1px solid #18253b!important;box-shadow:inset 0 1px #e5f6ff0a,0 6px 20px #0008!important;position:relative;overflow:hidden;transition:background .25s,border-color .2s}
.mosaic-set .mosaic-tile::before{content:'';position:absolute;inset:15%;border-radius:22px;pointer-events:none;background:radial-gradient(circle at 50% 65%,#197cea26,transparent 80%);filter:blur(9px)}
.mosaic-set .mosaic-tile img{width:84%;height:84%;object-fit:cover;object-position:center center;border-radius:21px;display:block;opacity:.99;filter:saturate(.99) contrast(1.08);box-shadow:0 3px 0 #b6d4ff33,0 10px 22px #0008;border:1px solid #8eadd550;transition:transform .3s,filter .3s}
.mosaic-set .mosaic-tile:hover{border-color:#397de0!important;background:linear-gradient(145deg,#182c49,#0b1320)}
.mosaic-set .mosaic-tile:hover img{transform:scale(1.06);filter:saturate(1.12) contrast(1.05)}

.game-advanced-warfare img{object-position:46% 48%}
.game-black-ops-3 img{object-position:50% 48%}
.game-black-ops-2 img{object-position:52% 43%}
.game-cold-war img{object-position:50% 43%}
.game-modern-warfare-2019 img{object-position:50% 44%}
.game-infinite-warfare img{object-position:50% 45%}
.game-black-ops-1 img{object-position:50% 43%}
.game-wwii img{object-position:50% 40%}
.game-ghosts img{object-position:50% 44%}
.game-modern-warfare-remastered img{object-position:50% 42%}
.game-black-ops-4 img{object-position:50% 42%}
.game-psvita-trophies img{object-position:48% 51%}
.game-ps3-avatar img{object-position:44% 50%}
.mosaic-wall:hover .mosaic-track,.mosaic-wall:focus-within .mosaic-track{animation-play-state:paused}
@keyframes mosaic-rise{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,-50%,0)}}
@keyframes mosaic-fall{0%{transform:translate3d(0,-50%,0)}100%{transform:translate3d(0,0,0)}}
.hero-edge{height:2px;background:linear-gradient(90deg,#061c39,#177ffa,#74d6ff,#1e6bf2,#071d40)}
.game-ticker{height:46px;background:#0b3d8c!important;border-top:1px solid #367fec;border-bottom:1px solid #2863ac;display:flex;align-items:center}
.game-ticker .ticker-track{font-size:18px;line-height:1}
.hero-v5-promise{border-bottom:1px solid #1c2c42;background:#0a111d;}
.hero-v5-promise-inner{display:flex;align-items:center;justify-content:center;gap:65px;min-height:65px}
.hero-v5-promise-inner>span{display:inline-flex;gap:10px;align-items:center;font:750 11px 'Manrope',sans-serif;letter-spacing:.005em;color:#b8cce4}
.v5-promise-dot{width:6px;height:6px;background:#4fa8ff;border-radius:50%;box-shadow:0 0 10px #47a3ff66}
/* Clean continuity and readability below the fold. */
.section-heading h2,.process-copy h2,.faq-intro h2,.final-cta h2{letter-spacing:-.02em}
.service-grid{gap:15px}
.service-card{border:1px solid #2a3a50;background:#0e1725;box-shadow:0 9px 24px #0004}
.service-card:hover{border-color:#4786d5;box-shadow:0 16px 34px #0008}
button,.btn,.header-dropdown summary {touch-action:manipulation}
/* Consistent arrows attached to text, never detached on a separate line. */
.site-header-v5 .drop-chevron,.site-header-v5 .currency-chevron{display:inline-block}
.hero-v3-center .btn span,.site-header-v5 summary span,.btn .button-arrow{white-space:nowrap}
@media(min-width:1921px){.hero-v3-grid{max-width:1920px}}
@media(max-width:1500px){.hero-v3-grid{height:675px;min-height:675px;grid-template-columns:30% 40% 30%}.hero-v3-center{min-height:675px}.hero-v3-center .hero-v5-title{font-size:clamp(49px,4.55vw,76px)}.mosaic-set .mosaic-tile img{border-radius:15px}.hero-v5-reviews{margin-top:31px}}
@media(max-width:1220px){.site-header-v5 .header-inner-v3{grid-template-columns:minmax(0,1fr) minmax(230px,400px) minmax(0,1fr);gap:12px}.site-header-v5 .header-left{gap:10px}.site-header-v5 .brand-v3 img{width:133px;height:58px}.site-header-v5 .header-dropdown summary{padding-inline:11px;font-size:10px}.hero-v3-grid{grid-template-columns:26% 48% 26%;height:640px;min-height:640px}.hero-v3-center{min-height:640px}.hero-v3-center .hero-v5-title{font-size:clamp(43px,5vw,64px)}.mosaic-set{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-set .mosaic-tile img{width:80%;height:80%}.hero-v5-promise-inner{gap:25px}}
@media(max-width:890px){.site-header-v5{height:72px!important;min-height:72px!important}.site-header-v5 .header-inner-v3{height:72px;min-height:72px;grid-template-columns:auto minmax(130px,1fr) auto;gap:9px}.site-header-v5 .brand-v3 img{width:117px;height:54px}.site-header-v5 .header-actions{gap:6px}.hero-v3-grid{grid-template-columns:17% 66% 17%;height:625px;min-height:625px}.hero-v3-center{min-height:625px;padding:32px 10px}.hero-v3-center .hero-v5-title{font-size:clamp(39px,6.1vw,60px)}.mosaic-set{grid-template-columns:1fr;gap:7px}.mosaic-set .mosaic-tile img{width:85%;height:85%}.hero-v5-promise-inner{gap:15px;min-height:55px}.hero-v5-promise-inner>span{font-size:9px}}
@media(max-width:620px){.site-header-v5{height:68px!important;min-height:68px!important}.site-header-v5 .container{width:calc(100% - 20px)}.site-header-v5 .header-inner-v3{grid-template-columns:auto minmax(70px,1fr) auto;gap:6px;height:68px;min-height:68px}.site-header-v5 .brand-v3 img{width:94px;height:45px}.site-header-v5 .header-search{height:36px}.site-header-v5 .header-search input{font-size:10px;padding:7px}.site-header-v5 .currency-popover summary{min-width:76px;height:35px;min-height:35px;gap:3px;padding:0 7px}.site-header-v5 .currency-symbol{font-size:12px}.site-header-v5 .currency-code{font-size:10px}.site-header-v5 .v5-chevron{width:10px;height:10px;flex-basis:10px}.hero-v3-grid{display:block;height:auto;min-height:0}.mosaic-wall{display:none}.hero-v3-center{min-height:620px;padding:59px 20px 48px;box-shadow:none}.hero-v5-eyebrow{font-size:8px;letter-spacing:.1em;gap:7px}.hero-v5-year{display:none}.hero-v5-separator{display:none}.hero-v3-center .hero-v5-title{font-size:clamp(32px,9.2vw,57px);letter-spacing:-.065em;margin-bottom:22px}.hero-v5-description{font-size:12px;max-width:355px}.hero-v5-tagline{font-size:15px}.hero-v5-actions{gap:9px}.v5-cta{min-height:45px;padding:0 17px;font-size:11px;gap:8px}.hero-v5-reviews{gap:9px;margin-top:30px}.hero-v5-stars{font-size:14px;letter-spacing:1px}.hero-v5-review-count{font-size:10px}.hero-v5-promise-inner{flex-wrap:wrap;justify-content:center;gap:10px 20px;padding:15px 10px}.hero-v5-promise-inner>span{font-size:9px}}
@media(max-width:390px){.site-header-v5 .brand-v3 img{width:82px}.hero-v3-center .hero-v5-title{font-size:clamp(29px,8.7vw,41px)}.hero-v5-review-count{font-size:9px}.v5-cta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mosaic-track,.mosaic-right .mosaic-track{animation:none!important;transform:none!important}.v5-cta,.v5-cta svg{transition:none!important}}
