/* Approved Arena visual direction. No business logic, URL or SEO changes. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&display=swap');
:root{--arena-bg:#192230;--arena-panel:#243248;--arena-copy:#bfcbdc;--arena-accent:#ffa45e;--xp-bg:#192230;--xp-panel:#243248;--xp-raised:#2c3b51;--xp-text:#f3f6fb;--xp-muted:#bfcbdc;--xp-accent:#ffa45e;--xp-line:#5d708750;--cinema-paper:#192230;--cinema-ink:#f3f6fb;--cinema-copy:#bfcbdc;--cinema-purple:#ffa45e;--fg:#f3f6fb;--muted:#bfcbdc}
html{scroll-padding-top:115px}body:has(.site-nav){background:#192230!important;color:#f3f6fb;--shop-ink:#f3f6fb;--shop-accent:#ef944e;--shop-tint:#3a485d;--fg:#f3f6fb;--muted:#bfcbdc;padding-top:108px}
body.home-page{padding-top:0}body :is(h1,h2){font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:800;letter-spacing:-.015em;text-transform:uppercase}
body .section h2{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.02}body .grad{background:none!important;-webkit-text-fill-color:currentColor!important;color:#ffb06f!important}body .muted{color:#bfcbdc}body .eyebrow{color:#ffb06f}
body :is(.container,.fn-wrap){max-width:1380px}body :is(a,button,summary,input,select):focus-visible{outline:3px solid #ffb773;outline-offset:4px}
/* Floating silver header. Deliberately outranks older game/locale navbar rules. */
html body #nav.site-nav.nav{position:fixed!important;top:var(--arena-nav-top,14px)!important;left:16px;right:16px;width:auto;max-width:none;z-index:150;overflow:visible;border:1px solid #fff9;border-radius:9px;background:linear-gradient(120deg,#fffffffa,#e1e8f2f5)!important;color:#263447;box-shadow:0 10px 40px #07142633,inset 0 1px #fff;backdrop-filter:blur(22px);isolation:isolate}
html body #nav.site-nav.nav:before,html body #nav.site-nav.nav:after{display:none}
html body #nav.site-nav.nav .nav-in{height:77px;width:100%;max-width:1800px;padding:0 22px;gap:17px;display:flex;flex-wrap:nowrap;align-items:center;overflow:visible}
html body #nav.site-nav.nav .logo{width:144px;min-width:144px;flex:0 0 144px;height:50px;padding:0 20px 0 0;margin:0;border-right:1px solid #283e5925;filter:drop-shadow(0 2px 1px #0002)}
html body #nav.site-nav.nav .logo .brand-logo-3d{width:124px;height:auto}
html body #nav.site-nav.nav .links{display:flex;position:static;align-items:center;flex:1 1 auto;gap:18px;min-width:0;width:auto;max-width:none;max-height:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:750 13px/1.4 Inter,Arial,sans-serif;text-transform:none;letter-spacing:0}
html body #nav.site-nav.nav .links>a{color:#2d3c51!important;min-height:44px;padding:7px 0;font:inherit;white-space:nowrap;border:0;background:none;box-shadow:none}
html body #nav.site-nav.nav .links>a:hover,html body #nav.site-nav.nav .links>a[aria-current=page]{color:#a54b0d!important}
html body #nav.site-nav.nav .links>a.nav-audio{color:#6843b0!important;background:none;border:0;padding:7px 0}
html body #nav.site-nav.nav .links>a.discord-nav{background:#5967d8!important;border:1px solid #5360c6;color:white!important;padding:8px 11px;border-radius:5px;min-height:38px;font-size:12px}
html body #nav.site-nav.nav .language-switcher{max-width:128px;margin:0!important;padding:0 9px;min-height:43px;gap:5px;border:1px solid #a0aec2;border-radius:5px;color:#27384e;background:#f7f9fc;box-shadow:none}
html body #nav.site-nav.nav .language-switcher select{font-size:12px;color:#25364d;max-width:88px}html body #nav.site-nav.nav .language-switcher select option{background:white;color:#25364d}
html body #nav.site-nav.nav .language-globe{font-size:14px}html body #nav.site-nav.nav .language-code{color:#25364d}html body #nav.site-nav.nav .language-chevron{color:#53647b}
html body #nav.site-nav.nav .nav-in>.btn-primary{display:flex;color:#172638!important;background:linear-gradient(#ffad68,#f38b39)!important;box-shadow:0 3px 0 #b763282f;border:1px solid #ffb67c;border-radius:4px;min-height:45px;padding:10px 19px;font:800 13px/1.4 Inter,Arial,sans-serif;margin:0}
html body #nav.site-nav.nav .site-cart-link{display:flex;flex:none;margin:0;padding:8px 10px;min-height:43px;gap:6px;border:1px solid #b8c5d5;border-radius:5px;background:#f5f8fd;color:#26394f;box-shadow:none}
html body #nav.site-nav.nav .site-cart-label{display:none}html body #nav.site-nav.nav .site-cart-count{background:#293d59;color:white}html body #nav.site-nav.nav .site-cart-link.has-items{border-color:#d1803e;background:#fff0df;color:#243448}
html body #nav.site-nav.nav .burger{display:none;color:#30405a;background:#e1e8f2;border:1px solid #a5b6cb;flex:0 0 38px;width:38px;height:43px;border-radius:5px;margin:0}
.arena-games-menu{position:relative;flex:none;align-self:center}.arena-games-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;white-space:nowrap;color:#2b3d54;font-weight:800}.arena-games-menu summary::-webkit-details-marker{display:none}.arena-games-menu[open] summary{color:#a34d14}.arena-games-menu[open] summary svg{transform:rotate(180deg)}
html body #nav .arena-games-dropdown{position:absolute;top:57px;left:-18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:520px;padding:15px;background:#eef3fa;color:#243650;border:1px solid white;border-radius:8px;box-shadow:0 22px 45px #07142655}
html body #nav .arena-games-dropdown>.nav-game{display:flex;position:relative;align-items:flex-end;min-width:0;min-height:102px;padding:13px;border-radius:5px;border:1px solid #ffffff50;color:white!important;background:linear-gradient(0deg,#101c33ed,#101c3322),var(--arena-thumb) center/cover;font-size:15px;font-weight:800;box-shadow:0 3px 10px #26334420;transition:transform .2s;overflow:hidden}
html body #nav .arena-games-dropdown>.nav-game:hover{transform:translateY(-2px);border-color:#ffa96b}html body #nav .arena-games-dropdown>[data-arena-game=fortnite]{background:radial-gradient(ellipse at top right,#9676fb,#442777 75%)}
html body #nav .arena-games-dropdown>.nav-game:after{content:'↗';margin-left:auto;color:#fff}html body #nav .arena-games-dropdown>.arena-all-games{grid-column:1/-1;color:#31455f;padding:9px;font-size:12px;font-weight:750;text-align:center;background:#dce5f2;border-radius:4px}
/* Home: full Call of Duty scenery, typography centred. Keep the existing H1 and all SEO copy. */
html body.home-page .hero{min-height:920px;min-height:max(890px,100svh);display:flex;align-items:center;position:relative;isolation:isolate;padding:135px 0 40px;background:#1b2a40;overflow:hidden}
html body.home-page .hero:before{inset:0;z-index:1;clip-path:none;mask-image:none;background:linear-gradient(180deg,#0a142327,#14243d55 30%,#132137c9 70%,#192230 100%);opacity:1}
html body.home-page .hero:after{display:none}.home-page .cinema-scene{inset:0;z-index:0}.home-page .cinema-scene:after{display:none}.home-page .cinema-scene-image{object-position:center 40%;animation:arena-live-pan 24s ease-in-out infinite alternate}
html body.home-page .hero-in{display:flex;flex-direction:column;align-items:center;gap:22px;min-height:0;width:100%;padding-block:0;position:relative;z-index:2;text-align:center}
html body.home-page .home-hero-copy{max-width:950px;width:100%}.arena-hero-logo{display:block;width:min(540px,70vw);height:auto;margin:0 auto 18px;filter:drop-shadow(0 10px 18px #0005)}
.arena-live-tagline{font:800 italic clamp(50px,5.3vw,83px)/.95 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:-.02em;color:white;margin:0 auto 24px;text-shadow:0 3px 20px #0004}.arena-live-tagline span{display:block}
html body.home-page .hero .eyebrow{font-size:10px;letter-spacing:2.2px;margin:0 0 12px;color:#e6edf6}
html body.home-page .hero h1{font:750 20px/1.55 Inter,Arial,sans-serif;text-transform:none;max-width:850px;margin:0 auto;color:white;letter-spacing:0;text-shadow:0 2px 12px #0004}
html body.home-page .hero h1 .cinema-brand{display:inline;font:inherit;white-space:normal;margin:0}.home-page .hero h1 .cinema-brand small{font:inherit!important}.home-page .hero h1 .cinema-separator{position:static;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal}
html body.home-page .hero h1 .grad{color:white!important}html body.home-page .hero h1>span:last-child{font:500 13px/1.7 Inter,Arial,sans-serif;color:#e2eaf6;margin:5px 0 0;max-width:780px;display:inline-block;letter-spacing:0}
html body.home-page .hero .sub{font:500 13px/1.7 Inter,Arial,sans-serif;max-width:640px;margin:15px auto 20px;color:#d6e0ef}.home-page .hero-cta{display:flex;justify-content:center;gap:12px;margin-top:24px}
html body.home-page .hero .hero-cta .btn-primary,html body .btn-primary,html body .fn-btn,html body .audio-button{background:linear-gradient(#ffa65e,#f09146)!important;color:#1c2c42!important;border:1px solid #ffb578;border-radius:3px;box-shadow:0 3px 0 #85481d50;font-weight:800}
html body .btn,html body .fn-btn,html body .audio-button{border-radius:3px}html body.home-page .hero .hero-cta .btn-ghost{background:#edf3fb;color:#27384e;border-color:#fff;font-weight:800}
html body.home-page .hero-proof{display:flex;justify-content:center;align-items:center;margin:22px auto 0;max-width:500px;text-align:left;border:0;background:none;padding:0;gap:12px}.home-page .hero-proof small{font-size:10px!important}.home-page .hero-proof div>a{font-size:12px!important}
.home-page .cinema-hero-caption{align-self:center;padding:0;gap:9px}.home-page .cinema-watch{padding:8px 14px;font-size:11px;background:#233c5a88;border-color:#a5b6cb66}.home-page .cinema-watch>span:first-child{width:27px;height:27px}.home-page .cinema-motion{height:45px;color:white;background:#233c5a88}
/* Broad imagery and consistent dark-blue content, not the former white islands. */
html body.home-page :is(.game-hub,.pricing-front,.community-spotlight,#faq,.home-seo-context){background:#192230;color:#f3f6fb;--fg:#f3f6fb;--muted:#bfcbdc;border-color:#ffffff20}
html body.home-page :is(.section-heading h2,.game-hub h2,.pricing-front h2,.community-spotlight h2,#faq h2){color:#f3f6fb}
html body.home-page :is(.game-hub .eyebrow,.pricing-front .eyebrow,.community-spotlight .eyebrow){color:#ffb373}
html body.home-page :is(.game-hub p,.pricing-front .lead,.community-spotlight .section-sub,.home-seo-context p){color:#c3cede}
html body.home-page .game-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-page .game-hub{padding-top:85px}
html body.home-page .hub-game{display:flex;flex-direction:column;border:1px solid #62738c66;border-radius:4px;background:#233146;color:#fff;box-shadow:0 12px 25px #0a13222b;transform:none!important;transition:translate .2s}.home-page .hub-game:hover{translate:0 -4px}
html body.home-page .hub-game-art{height:220px;min-height:0;overflow:hidden}.home-page .hub-game-art img{width:100%;height:100%;object-fit:cover}.home-page .hub-game-art:after{background:linear-gradient(0deg,#233146,transparent 60%)}
html body.home-page .hub-game-copy{padding:22px;display:flex;flex:1;flex-direction:column}html body.home-page .hub-game-copy h3{font:800 italic 32px/1 'Barlow Condensed',sans-serif;color:#fff}html body.home-page .hub-game-copy p{font-size:12px;color:#c4d1e4;line-height:1.65;min-height:65px}html body.home-page .hub-game-link{margin-top:auto;padding-top:17px;font-size:11px;color:#ffb778}
html body.home-page .hub-series{border-radius:3px;background:#eef4fb;color:#293a51;font-size:9px}html body.home-page .hub-catalog-note{color:#bbcadd;background:none}.hub-status{color:#b9edd0!important;background:#20443c!important;border-color:#568874!important}
html body.home-page :is(.card,.price,.review,.feat,.interface-point){background:#233146;color:#f4f7fc;border:1px solid #60738e55;border-radius:4px;box-shadow:0 12px 28px #08132125}
html body.home-page .price :is(h3,.amount,.price-value){color:#f5f7fc}html body.home-page .price :is(p,li,.duration){color:#c8d5e7}.home-page .price .product-visual{height:180px;border-radius:0}
html body.home-page .pricing-category,.home-page .pricing-category-head{background:none;border-color:#ffffff25;color:#f3f6fb}.home-page .delivery-banner{background:#294337;border-color:#72a084;color:#dbf3e0}.home-page .home-shop-choice a{background:#29374d;color:#e0e9f5;border-color:#66778d}.home-page .pricing-front-actions a:not(.btn){color:#b6c6dc}
html body .discord-review-summary{background:#263653;border-color:#60759b;color:#f3f7ff;border-radius:4px}.discord-review-summary small{color:#c1cde1!important}html body.home-page .review :is(p,blockquote){color:#d5e0ef}html body.home-page .review :is(strong,b){color:#f7f9fe}.discord-review-join{background:#5966d5!important;color:#fff!important}
html body .featured-film{background:linear-gradient(120deg,#22344d,#111e30);border-block:1px solid #58708f55;padding:80px 0}html body .featured-film h2{color:#fff}.featured-film p{color:#ccd7e5}.featured-film-cta{background:#ff9d55!important;color:#1d2c42!important;border-radius:3px}.featured-film-media{border-radius:4px!important;overflow:hidden;box-shadow:0 22px 40px #08111e55}.featured-film-grid{gap:55px}
html body :is(.news-card,.video-card,.status-card,.account-card,.fn-plan,.fn-features article,.fn-steps article,.audio-plan,.audio-features article){background:#25344a;color:#f2f5fa;border:1px solid #61749055;border-radius:4px;box-shadow:0 12px 25px #07142622}
html body :is(.news-content,.video-card-head){background:#26364c;color:#f2f6fb}.news-content p,.video-card-head p{color:#c3d1e3!important}
html body.home-page :is(.news-sec,.interface-showcase,.video-sec,#features){background:#202d40}.home-page .interface-frame{border-radius:4px;border-color:#5b708d}.home-page .referral-promo{background:linear-gradient(120deg,#354079,#263c56);border:1px solid #7184aa55;border-radius:4px;color:white}
html body.home-page #faq details,html body.home-page #faq .faq-item{background:#25344a;border-color:#63768f55;color:#f1f5fb;border-radius:4px}html body.home-page #faq :is(summary,button,h3){color:#f1f5fb}html body.home-page #faq p{color:#c5d1e4}
html body :is(.cta,.fn-final){background:linear-gradient(125deg,#323f79,#24394f);color:white}.footer,footer{background:#141e2c!important;color:#d1dded}.footer a,footer a{color:#b8c8de}body .section-sub{color:#bdcbdf}
/* Real shop: preserve radio controls, IDs, prices, stock, checkout and cart events. */
html body.buy-page,html body.buy-page.shop-redesign{--shop-ink:#eef3fb;--shop-accent:#f49750;--shop-tint:#41516b;background:#192230;color:#eef3fb}
html body.buy-page .buy-hero{padding:40px 0;background:linear-gradient(90deg,#132039ef,#1b2c4366),url('/product-warzone.webp') center 40%/cover}
html body.buy-page .buy-hero h1{font-size:clamp(43px,4.6vw,70px);color:white}html body.buy-page .buy-hero p{color:#d2dceb}
html body.buy-page .buy-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}html body.buy-page .buy-catalog-card{border-radius:4px;min-height:135px}html body.buy-page .buy-catalog-card.is-active{border-color:#ffad6d;box-shadow:0 0 0 2px #ffad6d55}
html body.buy-page :is(.buy-plan-card,.buy-checkout,.buy-help,.buy-product-group){background:#25344a;color:#eff4fc;border:1px solid #5c718f66;border-radius:4px;box-shadow:none}
html body.buy-page .buy-product-group{background:none;padding:0;border:0}.buy-page .buy-product-group-head{background:none!important;border:0!important}.buy-page .buy-product-group-head h3{color:#eef3fb!important}
html body.buy-page .buy-plan-card h3{color:#f5f8ff}html body.buy-page .buy-plan-price{color:#f7f9fc}.buy-page .buy-plan-card :is(p,li){color:#cbd7e8!important}.buy-page .buy-plan-duration{color:#ffb875}.buy-page .buy-plan-card.in-cart{border-color:#ffb26e!important;box-shadow:0 0 0 1px #ffb26e!important}
html body.buy-page .buy-plan-card .buy-plan-button{border-radius:3px;background:#ff9e57!important;color:#182b43!important;border:1px solid #ffc291;box-shadow:0 3px 0 #8d4d2333;font-weight:800}
html body.buy-page .buy-plan-card .buy-plan-button:disabled{background:#3d4a60!important;color:#b8c6d9!important;border-color:#66778f}
html body.buy-page .buy-checkout{top:114px}.buy-checkout :is(h2,h3,.flbl){color:#f5f8fe!important}.buy-checkout :is(p,.muted,.buy-safe){color:#c5d2e3!important}html body.buy-page .finp,html body .account-search input{background:#152237;color:#edf4ff;border:1px solid #71839e;border-radius:4px}.finp::placeholder{color:#9cadc5!important}
html body.buy-page :is(.buy-order-summary,.cart-line){background:#1a293e;color:#f2f7ff;border-color:#526b8d}.cart-line :is(strong,b){color:#fff!important}.cart-line small{color:#b6c9e3!important}.cart-total{color:#f5f7fb!important;border-color:#60738f!important}.cart-total strong{color:#fff!important}.cart-saved-note{background:#244637!important;color:#cdebd9!important}.cart-remove{background:#703448!important;color:#fff1f5!important;border-color:#ba7087!important}.buy-page .buy-mobile-bar{background:#25354d!important;border-color:#516882!important}.buy-mobile-bar strong{color:#fff!important}.buy-checkout .buy-submit{background:#ff9e57!important;color:#192a43!important}
html body .buy-help :is(p,a){color:#d0dced}.buy-page .buy-plan-grid{gap:18px}
/* Dedicated games retain their images and translated server-rendered content. */
html body :is(.fn-hero,.mw4-hero){background:none;color:#f1f6ff}html body .fn-hero{padding-top:45px;padding-bottom:65px;gap:65px}html body .fn-hero h1{font-size:clamp(48px,5vw,78px)}html body .fn-hero-art{border-radius:4px;box-shadow:0 22px 45px #08132555;transform:none!important}
html body :is(.fn-lead,.fn-section-intro,.audio-subtitle){color:#c4d1e5}.fn-hero :is(h1,h1 span){color:white}.fn-chips span{background:#304058!important;color:#e4eefb!important;border-color:#6d819c!important}.fn-secondary{color:#e0eaf9!important}
html body :is(.fn-offers,.audio-offers){background:#202e42}.fn-plan :is(h3,.fn-price){color:#fff!important}.fn-plan li{color:#cbd8eb!important}.fn-plan-top{color:#ffb777!important}.fn-features article p,.fn-steps article p{color:#c4d1e5!important}
html body .fn-faq details,html body .audio-faq details{background:#24354b;color:#f3f6fc;border-color:#526986;border-radius:4px}.fn-faq details p,.audio-faq details p{color:#c4d1e5!important}
html body.audio-page{background:#192230;color:#f2f5fb}html body .audio-hero{background:#122039;border-radius:0}html body .audio-plan-body{background:#25354c;color:#f6f9ff}.audio-plan-body li{color:#d0dbeb!important}.audio-price{color:#fff!important}
html body :is(.account-hero,.account-search,.status-summary,.guide-card,.guide-section){background:#25354b;color:#f3f6fc;border-color:#5a708b;border-radius:4px}.account-main,.account-card{color:#f1f5fb}.account-card p,.account-row{color:#cbd8e9}.account-row code{color:#ffbf88}.status-details{color:#c5d3e6}
@keyframes arena-live-pan{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:1400px){html body #nav.site-nav.nav .nav-in{gap:12px;padding-inline:18px}html body #nav.site-nav.nav .links{gap:13px;font-size:12px}html body #nav.site-nav.nav .logo{width:126px;min-width:126px;flex-basis:126px;padding-right:16px}html body #nav.site-nav.nav .logo .brand-logo-3d{width:110px}html body #nav.site-nav.nav .nav-in>.btn-primary{padding-inline:15px}}
@media(max-width:1180px){html body #nav.site-nav.nav .burger{display:flex}html body #nav.site-nav.nav .logo{margin-right:auto}html body #nav.site-nav.nav .links{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;max-width:640px;max-height:calc(100dvh - 115px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-left:auto;padding:15px;background:#edf3fb;color:#293c54;border:1px solid #fff;border-radius:7px;box-shadow:0 18px 45px #06112b55;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 html body #nav.site-nav.nav .links.open{display:grid}html body #nav.site-nav.nav .links>a{padding:10px 12px;font-size:14px;border-radius:4px;white-space:normal;min-height:46px}html body #nav.site-nav.nav .links>a:hover{background:#dce6f3}html body #nav.site-nav.nav .links>a.discord-nav{grid-column:auto;justify-content:center}
 .arena-games-menu{grid-column:1/-1}.arena-games-menu summary{padding:8px 12px;justify-content:space-between;font-size:15px}html body #nav .arena-games-dropdown{position:static;width:100%;box-shadow:none;padding:10px;background:#dfe8f4;border:0}
 html body.home-page .game-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .hero{min-height:900px}.home-page .arena-hero-logo{width:460px}}
@media(max-width:760px){body:has(.site-nav){padding-top:92px}body.home-page{padding-top:0}html body #nav.site-nav.nav{left:9px;right:9px;border-radius:7px}html body #nav.site-nav.nav .nav-in{height:66px;gap:9px;padding-inline:12px}html body #nav.site-nav.nav .logo{width:105px;min-width:105px;flex-basis:105px;padding-right:0;border:0}html body #nav.site-nav.nav .logo .brand-logo-3d{width:105px}html body #nav.site-nav.nav .nav-in>.btn-primary{display:none}html body #nav.site-nav.nav .language-switcher{max-width:85px;padding:0 8px;min-height:40px}html body #nav.site-nav.nav .site-cart-link{min-height:40px;padding:6px 8px}html body #nav.site-nav.nav .links{max-height:calc(100dvh - 100px);grid-template-columns:1fr;max-width:none;padding:12px}html body #nav.site-nav.nav .language-code{display:inline}html body #nav.site-nav.nav .language-switcher select{position:absolute;inset:0;width:100%;height:100%;opacity:0}html body #nav.site-nav.nav .language-globe{display:none}
 html body.home-page .hero{min-height:890px;padding-top:110px;padding-bottom:35px}.home-page .arena-hero-logo{width:min(330px,82vw);margin-bottom:17px}.arena-live-tagline{font-size:clamp(42px,9.5vw,62px)!important;margin-bottom:23px}.home-page .cinema-scene-image{object-position:51% center}html body.home-page .hero h1{font-size:16px;line-height:1.5}html body.home-page .hero h1>span:last-child{font-size:11px;max-width:400px}html body.home-page .hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:17px}html body.home-page .hero .sub{font-size:12px;margin-top:17px;max-width:390px}html body.home-page .hero-cta{flex-direction:column;align-items:center;gap:9px}html body.home-page .hero-cta .btn{width:265px;min-height:49px;font-size:12px;padding:13px 18px}.home-page .hero-proof div>a{font-size:11px!important}.home-page .hero-proof small{font-size:9px!important}.home-page .hero-proof-icon{display:none}.home-page .hero-in{gap:18px!important}
 html body.home-page .game-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}html body.home-page .hub-game-art{height:190px}html body.home-page .hub-game-copy{padding:18px}html body.home-page .hub-game-copy h3{font-size:28px}html body.home-page .hub-game-copy p{font-size:11px;min-height:0}.featured-film-grid{gap:28px}html body .featured-film{padding:50px 0}
 html body.buy-page .buy-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html body.buy-page .buy-catalog-card{min-height:110px}html body.buy-page .buy-catalog-copy strong{font-size:18px!important}html body.buy-page .buy-catalog-copy small{display:none!important}html body.buy-page .buy-hero{padding-top:24px}html body.buy-page .buy-hero h1{font-size:46px}html body.buy-page .buy-checkout{position:static}.fn-hero{gap:30px!important}.fn-hero h1{font-size:54px!important}.site-nav .language-switcher{margin-left:0!important}}
@media(max-width:400px){html body #nav.site-nav.nav .nav-in{padding-inline:9px;gap:6px}html body #nav.site-nav.nav .logo{width:91px;min-width:91px;flex-basis:91px}html body #nav.site-nav.nav .logo .brand-logo-3d{width:91px}html body #nav.site-nav.nav .site-cart-link{padding:6px}html body #nav.site-nav.nav .language-switcher{max-width:66px;padding:0 6px;gap:3px}html body #nav.site-nav.nav .burger{width:33px;flex-basis:33px}.arena-live-tagline{font-size:43px!important}html body.home-page .hero{min-height:910px}html body.home-page .hub-game-art{height:140px}html body.home-page .hub-game-copy{padding:14px}html body.home-page .hub-game-copy h3{font-size:25px}.home-page .hub-game-link{font-size:10px!important}html body #nav .arena-games-dropdown{gap:7px;padding:7px}html body #nav .arena-games-dropdown>.nav-game{min-height:90px;font-size:12px;padding:10px}}
@media(prefers-reduced-motion:reduce){.cinema-scene-image{animation:none!important}.arena-games-dropdown>a{transition:none!important}}
/* Final surface authority over legacy edition styles and late-loaded shop CSS. */
html body.buy-page .buy-section,html body.account-page .account-main,html body.guide-page :is(.section,.section-alt),html body.fn-page .fn-section:not(.fn-offers),html body.mw4-page .mw4-features,html body.home-page .referral-section{background:#192230!important;color:#f1f5fb!important}
html body.buy-page.shop-redesign :is(.buy-plan-card,.buy-checkout),html body.fn-page :is(.fn-plan,.fn-features article,.fn-steps article,.fn-faq details),html body.guide-page :is(.card,.step,.control-guide-option),html body.account-page :is(.account-status-card,.account-metric,.account-card,.account-game,.account-recharge),html body.mw4-page .mw4-feature-grid article,html body.status-page :is(.status-card,.status-summary,.status-history),html body.home-page :is(.discord-review-card,#faq .q){background:#25344a!important;color:#eff4fc!important;border-color:#60748f66!important;border-radius:4px!important}
html body.buy-page :is(.buy-section-title h2,.buy-plan-card h3,.buy-plan-duration,.buy-checkout h2,.buy-checkout label,.buy-checkout strong),html body.fn-page :is(.fn-section h2,.fn-features h3,.fn-steps h3,.fn-faq summary),html body.guide-page :is(.section h2,.section h3),html body.account-page :is(.account-card h2,.account-game h3,.account-key,.account-metric b),html body.mw4-page :is(.mw4-features h2,.mw4-feature-grid h3),html body.status-page :is(.status-card h2,.status-hero h1),html body.home-page :is(.discord-review-summary b,.review-author strong,.review-author b,.price h4,.home-seo-context h3,#faq .q>button){color:#f4f7fc!important}
html body.buy-page :is(.buy-section-title p,.buy-product-group-head p,.buy-product-group-head small,.buy-checkout small,.buy-checkout .muted),html body.fn-page :is(.fn-section-intro,.fn-features p,.fn-steps p),html body.guide-page :is(.lead,.card p,.step p,.control-guide-option p),html body.account-page :is(.account-row,.account-game-note,.account-game-hint,.account-game-expiry,.account-games-explanation,.account-metric small),html body.mw4-page :is(.mw4-features .lead,.mw4-feature-grid p),html body.status-page :is(.status-card p,.status-details,.status-lead),html body.home-page :is(.review-author small,.review-author time,.review-source,.price .per,.news-points,.news-content time,#faq .a){color:#bdcde2!important}
html body.buy-page.shop-redesign .buy-plan-card .buy-plan-button{background:#ff9e57!important;color:#1e2e46!important;border:1px solid #ffbf8d!important;border-radius:3px!important}
html body.buy-page.shop-redesign .buy-plan-card .buy-plan-button:disabled{background:#435168!important;color:#d1dbeb!important;border-color:#65738a!important}
html body.buy-page.shop-redesign .buy-plan-price{color:#f8faff!important}html body.buy-page .buy-checkout input:not([type=hidden]):not([type=checkbox]):not([type=radio]),html body.buy-page .buy-checkout select{background:#15253c!important;color:#f2f6fc!important;border-color:#657b9a!important}
html body.buy-page :is(.cart-empty,.buy-referral-box,.buy-steps){background:#1b2b42!important;color:#d5e0ee!important;border-color:#556d8d!important}html body.buy-page .buy-checkout b{color:#ffbe89!important}
html body.fn-page .fn-offers,html body.audio-page .audio-offers{background:#202e42!important}html body.fn-page .fn-hero{background:linear-gradient(120deg,#25385a,#344171)!important}.apex-page .fn-hero{background:linear-gradient(110deg,#241f35ed,#241f3540),url('/apex-legends.png') center/cover!important}
html body.fn-page .fn-hero h1{font-size:clamp(48px,5vw,78px)!important}html body.fn-page .fn-plan{border-color:#687797!important}html body.fn-page .fn-faq p{color:#bdcde2!important}html body .fn-kicker{color:#ffb06e!important}
html body.guide-page .note,html body.account-page .hwid-reset-panel{background:#293b55!important;color:#d5e2f3!important;border-color:#6983a7!important}
html body.status-page .status-hero{background:linear-gradient(#213e42,#192230 650px)!important;color:#eff9f6!important}html body.status-page :is(.status-summary-copy strong,.status-clock strong,.status-details strong){color:#a2e3c3!important}html body.status-page :is(.status-clock time,.status-clock small,.status-summary-copy span){color:#c2dcd1!important}
html body #nav.site-nav.nav .site-cart-link svg{color:#31465f!important;stroke:#31465f!important}
html body.home-page .cinema-hero-caption{margin-top:0!important}.home-page .review-message-link{background:#354a68!important;color:#e6efff!important;border-color:#758bad!important}.home-page .delivery-banner>b{color:#ceeed9!important}
html body.home-page .hero .eyebrow{text-align:center;justify-content:center;width:100%}.arena-live-tagline{text-transform:uppercase}
html body.buy-page .buy-steps :is(strong,b,small,span,p){color:#c7d6e9!important}html body.buy-page .buy-steps i{color:#fff!important}
html body.buy-page .buy-hero{background:linear-gradient(90deg,#14233ced,#1b2d4566),url('/product-warzone.webp') center 40%/cover!important}
html body.buy-page[data-catalog=fortnite] .buy-hero{background:linear-gradient(120deg,#293c64,#574080)!important}html body.buy-page[data-catalog=apex] .buy-hero{background:linear-gradient(90deg,#22293cec,#39253466),url('/apex-legends.png') center/cover!important}html body.buy-page[data-catalog=overwatch] .buy-hero{background:linear-gradient(90deg,#15253ded,#1c2c4577),url('/assets/overwatch/gameplay-3.jpg') center/cover!important}html body.buy-page[data-catalog=valorant] .buy-hero{background:linear-gradient(90deg,#15253df5,#1c2c4555),url('/valorant-banner.jpg') center/cover!important}html body.buy-page[data-catalog=audio] .buy-hero{background:linear-gradient(90deg,#15253df5,#1c2c4522),url('/assets/audio/opti-son-banner.png') center/cover!important}
html body.buy-page.shop-redesign .buy-catalog-overwatch:before{background:linear-gradient(0deg,#14213cee,transparent),url('/assets/overwatch/gameplay-3.jpg') center/cover}html body.buy-page.shop-redesign .buy-catalog-valorant:before{background:linear-gradient(0deg,#14213cee,transparent),url('/valorant-banner.jpg') center/cover}html body.buy-page.shop-redesign .buy-catalog-audio:before{background:linear-gradient(0deg,#14213cee,transparent),url('/assets/audio/opti-son-banner.png') center/cover}
html body.ow-page :is(.ow-features article,.ow-plan,.ow-account){background:#25354c!important;color:#eef4fc!important;border-color:#687d9955!important;border-radius:4px!important}html body.ow-page :is(.ow-features h3,.ow-price,.ow-plan h3,.ow-account h2){color:#f5f8ff!important}html body.ow-page :is(.ow-features p,.ow-plan li,.ow-account p,.ow-footer,.ow-footer strong){color:#bfcee2!important}html body.ow-page .ow-eyebrow,html body.ow-page .ow-features b{color:#ffb471!important}
html body.audio-page :is(.audio-section,.audio-plan,.audio-section h2,.audio-section h3){color:#f1f5fc!important}html body.audio-page :is(.audio-features article p,.audio-plan-body p,.audio-payment-note,.audio-showcase figcaption,.audio-footer){color:#bfcee1!important}html body.audio-page :is(.audio-kicker,.audio-support,.audio-showcase figcaption a){color:#ffb57a!important}html body.audio-page .audio-showcase figure>a{border-radius:5px;background:#344965;border-color:#7085a5}.audio-showcase img{border-radius:3px}
html body.legal-page :is(.legal-hero h1,.legal-document h2){color:#f2f6fd!important}html body.legal-page :is(.legal-hero p,.legal-hero small,.legal-footer,.legal-document p,.legal-document caption){color:#c0cee2!important}html body.legal-page .legal-document{background:#24344b;border-color:#60789555;border-radius:4px}html body.legal-page .legal-document :is(th,td){border-color:#5b708b;color:#d3dfef}html body.legal-page .legal-document th,html body.legal-page .legal-notice{background:#304562;color:#d5e3f5}html body.legal-page :is(.legal-eyebrow,.legal-document a,.legal-footer a){color:#ffc08e!important}.legal-shell{padding-top:25px!important}
html body.home-page .home-seo-context .compat-copy{color:#c4d1e4!important}html body.home-page .referral-promo{box-shadow:none!important}html body :is(.news-content .news-kicker,.buy-help .eyebrow){color:#ffb575!important}html body .news-content .btn-ghost{color:#dce7f6;border-color:#91a2bb}
html body :is(.btn-primary,.fn-btn,.audio-button){background-color:#f49b52!important}
html body.home-page :is(.eyebrow,.eyebrow span,.hub-game-link,.hub-game-link span,.hub-catalog-note>a),html body.guide-page .eyebrow{color:#ffb77c!important}html body.home-page :is(.section-sub,.pricing-front .lead){color:#c7d5e7!important}html body.home-page .verified-review{color:#a8e5c5!important}
html body.buy-page :is(.buy-payment-option,.buy-payment-option.selected,.buy-payment-note){background:#1b2b43!important;border-color:#657c9d!important;color:#e5effc!important}html body.buy-page :is(.buy-payment-choice legend,.cart-empty-icon,.buy-help .buy-eyebrow){color:#e5effc!important}
html body :is(.audio-features article>span,.fn-features article>span){color:#c4b6ff!important}html body.guide-page .step a:not(.btn),html body.guide-page .card a:not(.btn){color:#ffd1a5!important}html body.guide-page .note b{color:#b4e6cb!important}
html body.status-page :is(.status-label,.status-details span,.status-history p,.status-history-date){color:#bcd1e0!important}html body.status-page :is(.status-eyebrow,.status-check,.service-time){color:#a6e2bf!important}html body.legal-page .legal-skip{color:#1c2c41!important}
html body.home-page :is(.home-shop-choice a,.home-shop-choice a span,.news-content h2,.news-content h2 span){color:#f2f6fd!important}html body.home-page :is(.news-points li,.news-content .btn-ghost,.home-seo-context a,#faq .q i){color:#cedcf0!important}
html body.home-page #reviews #reviews-grid .review-author .verified-review{color:#b0eccd!important}html body.buy-page .buy-payment-note>span,html body.buy-page .buy-payment-option i{color:#c9e9d7!important}
html body.status-page .status-card a{color:#ffc696!important}html body.status-page .valorant-status-card .status-mode-icon{background:#442838!important;color:#ffafb8!important}
/* Reference-style navigation: a single silver rail, spacious labels and orange CTA. */
html body #nav.site-nav.nav{border:1px solid #ffffff55;border-radius:8px;background:rgba(235,240,249,.62)!important;box-shadow:0 8px 26px #0a15251c,inset 0 1px 0 #ffffff45;-webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%)}
html body #nav.site-nav.nav .nav-in{height:72px;max-width:none;padding:0 12px 0 0;gap:12px}
html body #nav.site-nav.nav .logo{order:0;align-self:stretch;height:72px;width:160px;min-width:160px;flex-basis:160px;display:flex;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:8px 0 0 8px;background:#ffffff28;filter:none}
html body #nav.site-nav.nav .logo .brand-logo-3d{width:125px;height:auto}
html body #nav.site-nav.nav .links{order:1;gap:8px;padding-left:8px;font:700 18px/1.35 Arial,Helvetica,sans-serif}
html body #nav.site-nav.nav .links>a,html body #nav.site-nav.nav .links>a.nav-audio,html body #nav.site-nav.nav .links>a.discord-nav{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border:0;border-radius:5px;background:none!important;box-shadow:none;color:#181b22!important;font:inherit;letter-spacing:-.3px}
html body #nav.site-nav.nav .links>a.discord-nav{font-size:0;gap:9px}
html body #nav.site-nav.nav .links>a.discord-nav:before{content:'';display:block;position:static;flex:0 0 30px;width:30px;height:30px;border:1px solid #ffffff66;border-radius:9px;background:#5865f2 url('/assets/brand/discord-mark.svg') center/20px 20px no-repeat;box-shadow:0 3px 9px #5865f22e;transform:none}
html body #nav.site-nav.nav .links>a.discord-nav:after{content:'Discord';display:block;position:static;width:auto;height:auto;background:none;border:0;box-shadow:none;transform:none;font:700 18px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.3px}
html body #nav.site-nav.nav .links>a.discord-nav>span{display:none}
html body #nav.site-nav.nav .links>a:hover,html body #nav.site-nav.nav .links>a.nav-audio:hover,html body #nav.site-nav.nav .links>a.discord-nav:hover{background:#bbc4d15c!important;color:#10131a!important}
html body #nav .arena-games-menu,html body #nav .arena-info-menu{position:relative;flex:none;align-self:center;font:inherit}
html body #nav .arena-games-menu>summary,html body #nav .arena-info-menu>summary{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 12px;border-radius:5px;list-style:none;cursor:pointer;color:#181b22;font:inherit;white-space:nowrap;letter-spacing:-.3px}
html body #nav .arena-info-menu>summary::-webkit-details-marker{display:none}
html body #nav :is(.arena-games-menu,.arena-info-menu)>summary:hover,html body #nav :is(.arena-games-menu,.arena-info-menu)[open]>summary{background:#bbc4d15c;color:#151921}
html body #nav :is(.arena-games-menu,.arena-info-menu)>summary svg{width:10px;height:10px;color:#646b76}
html body #nav .arena-info-menu[open]>summary svg{transform:rotate(180deg)}
html body #nav :is(.arena-games-dropdown,.arena-info-dropdown){top:60px;left:0;background:#f0f2f7;border:1px solid #fff;border-radius:7px;box-shadow:0 18px 40px #0a17293b}
html body #nav .arena-info-dropdown{position:absolute;min-width:240px;padding:8px;display:grid;gap:3px}
html body #nav .arena-info-dropdown>a{display:flex;align-items:center;min-height:45px;padding:10px 15px;border:0;border-radius:4px;color:#232b39!important;background:transparent;font:600 16px/1.4 Arial,Helvetica,sans-serif}
html body #nav .arena-info-dropdown>a:hover{background:#dce2ec;color:#141923!important}
html body #nav.site-nav.nav .language-switcher{order:2;position:relative;min-height:48px;width:62px;max-width:62px;padding:0 6px;justify-content:center;border:0;border-radius:5px;background:none;gap:4px}
html body #nav.site-nav.nav .language-switcher:hover{background:#bbc4d15c;box-shadow:none}
html body #nav.site-nav.nav .language-globe{display:none}
html body #nav.site-nav.nav .language-code{display:inline;color:#252c36;font:700 14px Arial,sans-serif}
html body #nav.site-nav.nav .language-switcher select{position:absolute;inset:0;width:100%;max-width:none;height:100%;opacity:0;cursor:pointer}
html body #nav.site-nav.nav .site-cart-link{order:3;min-height:48px;padding:0 6px;border:0;background:none;border-radius:5px;gap:4px}
html body #nav.site-nav.nav .site-cart-link:hover{background:#bbc4d15c}
html body #nav.site-nav.nav .site-cart-link.has-items{background:#fbd8b9;color:#202936}
html body #nav.site-nav.nav .site-cart-count{min-width:19px;height:19px;font-size:11px;background:#303e50}
html body #nav.site-nav.nav .arena-account{order:4;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 9px;border-radius:5px;color:#161b23!important;font:700 16px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap}
html body #nav.site-nav.nav .arena-account:before{content:'';width:22px;height:24px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 22v-3a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5v3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
html body #nav.site-nav.nav .arena-account:hover{background:#bbc4d15c}
html body #nav.site-nav.nav .nav-in>.btn-primary{order:5;min-height:48px;min-width:150px;padding:12px 24px;border:0;border-radius:7px;background:#e86100!important;color:#fff!important;box-shadow:none;font:700 16px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
html body #nav.site-nav.nav .nav-in>.btn-primary:hover{background:#c85100!important;transform:none}
html body #nav.site-nav.nav .burger{order:6}
@media(min-width:1181px) and (max-width:1350px){html body #nav.site-nav.nav .nav-in{gap:5px}html body #nav.site-nav.nav .logo{width:142px;min-width:142px;flex-basis:142px}html body #nav.site-nav.nav .links{gap:1px;padding-left:0;font-size:17px}html body #nav.site-nav.nav .links>a,html body #nav .arena-games-menu>summary,html body #nav .arena-info-menu>summary{padding-inline:9px}html body #nav.site-nav.nav .nav-in>.btn-primary{min-width:125px;padding-inline:18px}}
@media(max-width:1180px){
 html body #nav.site-nav.nav .links{display:none;padding:14px;position:absolute;top:calc(100% + 9px);left:0;right:0;width:auto;max-width:none;max-height:calc(100dvh - 110px);overflow:auto;background:#eef1f6;border:1px solid white;border-radius:7px;box-shadow:0 16px 40px #0815254d;gap:6px}
 html body #nav.site-nav.nav .links.open{display:grid;grid-template-columns:1fr 1fr}
 html body #nav.site-nav.nav .logo{margin-right:auto}
 html body #nav.site-nav.nav .links>a{justify-content:flex-start}
 html body #nav .arena-games-menu,html body #nav .arena-info-menu{grid-column:1/-1;width:100%}
 html body #nav :is(.arena-games-menu,.arena-info-menu)>summary{justify-content:space-between}
 html body #nav :is(.arena-games-dropdown,.arena-info-dropdown){position:static;width:100%;min-width:0;margin-top:5px;box-shadow:none}
 html body #nav.site-nav.nav .burger{display:flex;align-items:center;justify-content:center;border:0;background:#bbc4d15c;height:48px;width:44px;flex-basis:44px}
}
@media(max-width:680px){
 html body #nav.site-nav.nav{left:8px;right:8px}
 html body #nav.site-nav.nav .nav-in{height:64px;gap:3px;padding-right:7px}
 html body #nav.site-nav.nav .logo{height:64px;width:115px;min-width:115px;flex-basis:115px;padding-inline:10px}
 html body #nav.site-nav.nav .logo .brand-logo-3d{width:96px}
 html body #nav.site-nav.nav .arena-account{font-size:0;gap:0;width:36px;padding:0}
 html body #nav.site-nav.nav .arena-account:before{width:20px;height:22px}
 html body #nav.site-nav.nav .language-switcher{width:43px;max-width:43px;min-width:43px;padding:0;gap:2px}
 html body #nav.site-nav.nav .nav-in>.btn-primary{display:none}
 html body #nav.site-nav.nav .burger{width:37px;flex-basis:37px;height:44px}
 html body #nav.site-nav.nav .site-cart-link{padding:0 3px;gap:2px}
 html body #nav .arena-games-dropdown{padding:8px;gap:6px}
 html body #nav .arena-games-dropdown>.nav-game{font-size:14px;min-height:85px;padding:10px}
 html body #nav.site-nav.nav .links{max-height:calc(100dvh - 92px);font-size:18px}
}
@media(max-width:360px){html body #nav.site-nav.nav .logo{width:91px;min-width:91px;flex-basis:91px;padding-inline:5px}html body #nav.site-nav.nav .logo .brand-logo-3d{width:81px}html body #nav.site-nav.nav .nav-in{gap:1px}html body #nav.site-nav.nav .arena-account{width:29px}}

/* Battlefield 6 catalog identity. */
.nav-battlefield{--game-color:#ff6a18}.buy-catalog-battlefield{background-image:linear-gradient(90deg,#111b17e8,#111b1740),url("/assets/battlefield/gameplay-3.jpg")!important;background-size:cover!important;background-position:center!important}.buy-catalog-battlefield .buy-catalog-icon{color:#ff9c5a}.account-game.battlefield .account-game-icon{background:#ff6a1820;color:#b53d00}.hub-battlefield{--game-color:#ff6a18}.battlefield-status-card{border-color:#ff6a18!important}
/* Battlefield checkout keeps the same basket with its own game artwork. */
html body.buy-page[data-catalog="battlefield"] .buy-hero{background:linear-gradient(90deg,#101914ed,#10191499),url("/assets/battlefield/gameplay-3.jpg") center/cover}