/* NitroDNS — pre-match gaming direction */
:root{
  --paper:#eef1e8;
  --paper-2:#dfe5d5;
  --ink:#070b09;
  --ink-2:#0d1310;
  --night:#070b09;
  --night-2:#101711;
  --muted:#697168;
  --muted-light:#9da89e;
  --line:rgba(7,11,9,.2);
  --line-light:rgba(255,255,255,.18);
  --coral:#ff4e2b;
  --coral-dark:#d93619;
  --blue:#7657ff;
  --green:#c7ff3d;
  --acid:#c7ff3d;
  --violet:#7657ff;
}

body{--mx:68%;--my:28%;background:var(--ink);color:#f4f7ef}
body::after{content:"";position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
::selection{background:var(--acid);color:var(--ink)}

.header{color:#fff}
.header::after{content:"";position:absolute;right:0;bottom:0;width:25vw;height:1px;background:var(--acid)}
.header.scrolled{background:rgba(7,11,9,.9);border-color:rgba(199,255,61,.18)}
.header .logo-glyph{background:transparent}
.logo b{color:var(--acid)}
.main-nav a::before{content:"[";margin-left:5px;color:var(--acid);opacity:0;transition:.2s}.main-nav a:hover::before{opacity:1}
.main-nav a::after{background:var(--acid)}
.pill-button{border-radius:0;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));letter-spacing:-.01em}
.pill-button-dark{background:var(--acid);color:var(--ink)}
.pill-button-coral{background:var(--acid);color:var(--ink)}
.pill-button-coral:hover{background:#ddff83}
.pill-button-ghost,.login-link.pill-button{background:rgba(12,18,14,.72);border:1px solid rgba(199,255,61,.32);color:#f4f7ef;box-shadow:inset 0 0 0 1px rgba(199,255,61,.12);backdrop-filter:blur(10px)}
.pill-button-ghost:hover,.login-link.pill-button:hover{background:rgba(199,255,61,.14);border-color:var(--acid);color:var(--acid);box-shadow:0 0 22px rgba(199,255,61,.25),inset 0 0 0 1px rgba(199,255,61,.35);transform:translateY(-2px)}
.pill-button-ghost span,.login-link.pill-button span{color:var(--acid);display:inline-block;transition:transform .25s ease}
.pill-button-ghost:hover span,.login-link.pill-button:hover span{transform:translateX(-3px)}

.hero{min-height:980px;background:var(--ink);color:#fff}
.hero::before{inset:0;background:radial-gradient(circle 360px at var(--mx) var(--my),rgba(118,87,255,.25),transparent 70%),linear-gradient(rgba(199,255,61,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(199,255,61,.065) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:linear-gradient(#000 75%,transparent)}
.hero::after{content:"NITRO//DNS";position:absolute;z-index:0;left:-.03em;top:116px;direction:ltr;color:transparent;-webkit-text-stroke:1px rgba(199,255,61,.11);font-family:Arial,sans-serif;font-size:clamp(7rem,15vw,15rem);font-weight:900;line-height:.8;letter-spacing:-.09em;writing-mode:vertical-rl;transform:rotate(180deg);pointer-events:none}
.hero-layout{z-index:1;grid-template-columns:.86fr 1.14fr;min-height:735px;gap:84px}
.hero-copy{padding:62px 0 130px}
.micro-label{color:var(--acid)}
.micro-label span{border-color:var(--acid);color:var(--ink);background:var(--acid);font-weight:900}
.hero h1{max-width:720px;margin-bottom:26px;color:#fff;font-size:clamp(4.4rem,6.9vw,7.7rem);font-weight:900;line-height:.88;letter-spacing:-.075em}
.hero h1 span{position:relative;display:inline-block}
.hero h1 span::after{content:"";position:absolute;right:3%;bottom:-9px;width:58%;height:7px;background:var(--violet);transform:skewX(-28deg)}
.hero h1 em{display:inline-block;color:var(--acid);text-shadow:7px 7px 0 var(--violet)}
.hero-copy>p{color:#b7c0b6;font-size:1.02rem}
.hero .text-button{border-color:rgba(255,255,255,.34);color:#fff}
.hero .text-button span{color:var(--acid)}
.platform-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:35px;direction:ltr}
.platform-line span{padding:5px 9px;border:1px solid rgba(255,255,255,.19);color:#7f8b81;font-family:var(--mono);font-size:.47rem}
.hero-footnote{margin-top:25px;color:#809087}
.hero-footnote i{border-radius:0;background:var(--acid);box-shadow:0 0 18px rgba(199,255,61,.55)}
.hero-footnote b{color:#fff}

.core-scene{height:650px}
.core-scene::before{inset:25px 0 30px;border-color:rgba(199,255,61,.35);background:rgba(3,6,4,.68);clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,38px 100%,0 calc(100% - 38px))}
.core-scene::after{content:"";position:absolute;z-index:1;inset:25px 0 30px;background:linear-gradient(transparent 49.5%,rgba(199,255,61,.16) 50%,transparent 50.5%);background-size:100% 8px;animation:screen-scan 8s linear infinite;pointer-events:none;clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,38px 100%,0 calc(100% - 38px))}
@keyframes screen-scan{0%{background-position:0 -120px}100%{background-position:0 620px}}
.stage-ruler{top:46px;right:26px;left:30px;color:#7d897f}.stage-ruler b{color:var(--acid)}
.live-panel{right:5%;bottom:62px;width:81%;border-color:var(--acid);background:#0c120e;color:#fff;box-shadow:18px 20px 0 var(--violet);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.live-panel header{border-color:rgba(199,255,61,.22)}
.live-panel header small,.route-summary small,.live-path small,.live-panel footer{color:#7e8b81}
.live-dot{border-radius:0;background:var(--acid);box-shadow:0 0 12px rgba(199,255,61,.8)}
.route-summary>div+div{border-color:rgba(199,255,61,.18)}
.route-summary strong{color:var(--acid)}
.live-path i{border-color:rgba(255,255,255,.22)}
.live-path>b{background:rgba(255,255,255,.18)}
.live-path>b::after{border-radius:0;background:var(--acid);box-shadow:0 0 9px var(--acid);animation:route-pulse 1.5s ease-in-out infinite alternate}
@keyframes route-pulse{to{left:72%}}
.live-path .active i{border-radius:3px;border-color:var(--acid);background:var(--acid);color:var(--ink);transform:rotate(45deg)}
.live-path .active i::first-letter{transform:rotate(-45deg)}
.response-chart{border-color:rgba(199,255,61,.2);background-image:linear-gradient(rgba(199,255,61,.08) 1px,transparent 1px)}
.response-chart span{background:var(--violet)}
.response-chart span:nth-child(4n){background:var(--acid)}
.hero-ticker{background:var(--acid);border-color:var(--ink);color:var(--ink)}
.ticker-note,.ticker-grid>div{border-color:rgba(7,11,9,.28)}
.ticker-note{color:var(--ink);font-weight:900}
.ticker-grid small{color:#42511f}
.online{color:var(--ink)}
.online i{border-radius:0;background:var(--ink)}

.section-mark{letter-spacing:.08em}.section-mark span{color:var(--violet)}.section-mark i{width:72px}
.editorial-section{position:relative;background:var(--acid);color:var(--ink);overflow:hidden}
.editorial-section::after{content:"NO MAGIC / JUST A VISIBLE ROUTE";position:absolute;left:-30px;bottom:25px;direction:ltr;color:rgba(7,11,9,.07);font-family:Arial,sans-serif;font-size:7vw;font-weight:900;white-space:nowrap;transform:rotate(-3deg)}
.editorial-copy h2 em{color:var(--violet);text-shadow:4px 4px 0 #fff}
.copy-columns{border-color:rgba(7,11,9,.28)}
.copy-columns p{color:#2e3829}
.route-comparison{position:relative;z-index:1;border:0;box-shadow:12px 12px 0 var(--violet)}
.route-column{background:#ecf7cf}.route-column+article{border-color:rgba(7,11,9,.3)}
.route-default{filter:none;opacity:.72}
.route-nitro{background:var(--ink)}
.route-nitro .nitro-node{border-radius:3px;background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--violet);transform:rotate(45deg)}
.route-nitro .route-line b::after{background:var(--acid)}

.games-section{position:relative;background:#090d0a}
.games-section::before{content:"SELECT YOUR GAME";position:absolute;top:26px;left:2%;direction:ltr;color:rgba(199,255,61,.055);font-family:Arial,sans-serif;font-size:9vw;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
.section-intro h2 em{color:var(--acid);text-shadow:5px 5px 0 var(--violet)}
.games-section .section-mark span{color:var(--acid)}
.game-gallery{gap:7px}
.game-tile{border:1px solid rgba(199,255,61,.18);border-radius:0;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,0 100%)}
.game-tile::before{content:"";position:absolute;z-index:3;top:0;right:0;width:58px;height:4px;background:var(--acid)}
.game-tile:hover{z-index:4;box-shadow:0 0 0 2px var(--acid),14px 14px 0 var(--violet)}
.game-number{border-color:var(--acid);border-radius:0;background:var(--acid);color:var(--ink)}
.official-badge{border-color:var(--acid);background:var(--ink);color:var(--acid)}
.ping i{border-radius:0;background:var(--acid);box-shadow:0 0 9px var(--acid)}

.network-section{background:var(--violet);color:#fff}
.network-canvas{background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px)}
.world-line{background:var(--acid)}.world-dot{border-color:var(--violet);border-radius:0;background:var(--acid);box-shadow:0 0 0 1px var(--acid)}
.network-copy h2{color:#fff}.network-copy h2 em{color:var(--acid)}.network-copy p{color:#dad3ff}.network-copy .text-button{border-color:#fff;color:#fff}
.network-section .section-mark span{color:var(--acid)}
.stack-card{border-color:rgba(199,255,61,.35);border-radius:0;background:#090d0a;box-shadow:18px 18px 0 rgba(7,11,9,.22)}
.stack-card-front{clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}
.stack-card-front header i{border-radius:0;background:var(--acid)}
.stack-value strong{color:var(--acid)}.stack-line{stroke:var(--acid)}.stack-area{fill:rgba(199,255,61,.1)}

.setup-section{background:var(--acid);color:var(--ink)}
.setup-section .section-mark span{color:var(--violet)}
.setup-heading h2{font-weight:900}.setup-heading p{color:#39432f}
.setup-list{border-color:rgba(7,11,9,.3)}.setup-list li{border-color:rgba(7,11,9,.3)}.setup-list li:hover{background:#d9ff77}.setup-list>li>span{color:var(--violet);font-weight:900}.setup-list p{color:#3f4938}.setup-list>li>b{border-radius:0;border-color:var(--ink);background:var(--ink);color:var(--acid);box-shadow:5px 5px 0 var(--violet)}

.hero-trial-badge{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin:22px 0 0;padding:6px 6px 6px 14px;border:1px solid var(--acid);background:rgba(199,255,61,.1);color:#fff;font-size:.78rem;font-weight:800}
.hero-trial-badge b{color:var(--acid)}
.hero-trial-badge span{padding:5px 9px;background:var(--acid);color:var(--ink);font-size:.68rem}
.hero-trial-cta{min-height:62px;padding:0 30px;font-size:.95rem;box-shadow:7px 7px 0 var(--violet)}
.pricing-section{position:relative;background:#111713;color:#fff;overflow:hidden}
.pricing-section::before{content:"CHOOSE LOADOUT";position:absolute;top:10%;left:-2%;direction:ltr;color:transparent;-webkit-text-stroke:1px rgba(199,255,61,.12);font-family:Arial,sans-serif;font-size:11vw;font-weight:900;white-space:nowrap;transform:rotate(-4deg)}
.pricing-heading{position:relative;z-index:1}.pricing-heading .section-mark span{color:var(--acid)}.pricing-heading p{color:#9eaa9e}
.plans{position:relative;z-index:1;border-color:rgba(199,255,61,.3);box-shadow:16px 16px 0 var(--violet)}
.plan{background:#151e17;color:#fff}.plan+article{border-color:rgba(199,255,61,.24)}.plan header small,.plan-price span{color:#8e9b8e}.plan ul{border-color:rgba(199,255,61,.18)}
.plan-featured{background:var(--acid);color:var(--ink);box-shadow:none}
.plan-featured header small,.plan-featured .plan-price span{color:#455424}
.plan-tag{top:-1px;left:20px;background:var(--violet);color:#fff}
.plan-price strong{font-family:var(--mono);font-weight:800}
.plan-link{border-color:rgba(199,255,61,.22)}.plan-featured .plan-link{border-color:rgba(7,11,9,.25)}.plan-link span{color:var(--acid)}.plan-featured .plan-link span{color:var(--violet)}
.trial-offer{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:28px;align-items:center;margin:0 0 28px;padding:28px 32px;background:var(--acid);color:var(--ink);box-shadow:14px 14px 0 var(--violet)}
.trial-offer-kicker{display:block;margin-bottom:8px;font-family:var(--mono,ui-monospace,monospace);font-size:.62rem;font-weight:800;letter-spacing:.08em}
.trial-offer h3{margin:0;font-size:clamp(2.4rem,4vw,3.8rem);line-height:.95;font-weight:900}
.trial-offer p{max-width:46rem;margin:.75rem 0 0;font-size:.88rem;line-height:1.8}
.trial-offer-price{display:flex;align-items:flex-end;gap:10px}
.trial-offer-price strong{font-family:var(--mono,ui-monospace,monospace);font-size:4.6rem;line-height:.75;font-weight:800}
.trial-offer-price span{font-size:.72rem;font-weight:800;line-height:1.35}
.trial-offer .pill-button{min-height:60px;padding:0 26px;background:var(--ink);color:var(--acid);font-size:.92rem}
.trial-offer .pill-button:hover{background:#171d18;color:var(--acid)}

.faq-section{background:#eef1e8;color:var(--ink)}
.faq-heading h2{font-weight:900}.faq-item{border-color:rgba(7,11,9,.23)}.faq-item button span::before{content:"//";margin-left:10px;color:var(--violet);font-family:var(--mono)}

.closing-section{background:var(--violet);color:#fff}
.closing-section::after{content:"GG";position:absolute;right:-.06em;bottom:-.24em;color:rgba(7,11,9,.18);font-family:Arial,sans-serif;font-size:35vw;font-weight:900;line-height:1}
.closing-object{border-color:rgba(199,255,61,.35);border-radius:0;transform:rotate(38deg)}
.closing-object i{border-color:rgba(199,255,61,.3);border-radius:0}.closing-object i:nth-child(3){background:var(--acid);box-shadow:0 0 90px rgba(199,255,61,.48)}
.closing-copy h2{font-weight:900}.closing-copy h2 em{color:var(--acid);text-shadow:6px 6px 0 var(--ink)}
.footer{background:#050705}.footer-logo b{color:var(--acid)}

.buy-dock{position:fixed;z-index:90;left:22px;bottom:22px;display:flex;align-items:center;gap:20px;padding:10px 10px 10px 18px;border:1px solid var(--acid);background:rgba(7,11,9,.94);color:#fff;box-shadow:8px 8px 0 var(--violet);transform:translateY(160%);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(12px)}
body.past-hero .buy-dock{transform:none;opacity:1}
.buy-dock div small,.buy-dock div strong{display:block}.buy-dock div small{color:#8e9a90;font-size:.47rem}.buy-dock div strong{color:var(--acid);font-family:var(--mono);font-size:1.05rem}.buy-dock div strong span{color:#fff;font-family:var(--font);font-size:.48rem;font-weight:500}
.buy-dock>a{padding:14px 18px;background:var(--acid);color:var(--ink);font-size:.68rem;font-weight:900;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}

@media(max-width:1100px){
  .hero-layout{gap:38px}.hero h1{font-size:5.5rem}.live-panel{width:91%;right:1%}
}

@media(max-width:900px){
  .menu-button{border-color:rgba(199,255,61,.35);border-radius:0}.menu-button span{background:var(--acid)}
  .mobile-nav{background:#080c09;border-color:rgba(199,255,61,.25);color:#fff}.mobile-nav>a:not(.pill-button){border-color:rgba(255,255,255,.12)}
  .hero{min-height:auto}.hero-layout{grid-template-columns:1fr;min-height:auto;gap:0}.hero-copy{text-align:right}.micro-label,.hero-actions,.hero-footnote{justify-content:flex-start}.hero-copy>p{margin-inline:0}.hero h1{font-size:clamp(4.8rem,12vw,7rem)}
  .core-scene{max-width:700px;width:100%;margin-inline:auto}.hero::after{font-size:12rem;opacity:.6}
  .plans{box-shadow:10px 10px 0 var(--violet)}
  .trial-offer{grid-template-columns:1fr;justify-items:start}
}

@media(max-width:620px){
  body{padding-bottom:0}
  .header::after{width:45vw}
  .hero{padding-top:90px}.hero-copy{padding:64px 0 18px}.hero h1{font-size:clamp(3.35rem,16vw,4.7rem);line-height:.92}.hero h1 em{text-shadow:4px 4px 0 var(--violet)}.hero h1 span::after{height:4px}
  .hero-actions{align-items:stretch}.hero-actions .text-button{align-self:center}.platform-line{gap:5px}.platform-line span{font-size:.4rem}
  .core-scene{height:520px}.core-scene::before,.core-scene::after{inset:26px 0 24px}.live-panel{right:3%;width:94%;bottom:46px;box-shadow:9px 10px 0 var(--violet)}.hero-ticker{margin-top:0}
  .editorial-section::after,.games-section::before,.pricing-section::before{font-size:20vw}
  .section-intro h2 em,.editorial-copy h2 em{text-shadow:3px 3px 0 var(--violet)}
  .game-tile:hover{box-shadow:0 0 0 2px var(--acid),7px 7px 0 var(--violet)}
  .plans{box-shadow:8px 8px 0 var(--violet)}
  .plan-featured{outline:4px solid var(--violet);outline-offset:-4px}
  .closing-copy h2 em{text-shadow:4px 4px 0 var(--ink)}
  .buy-dock{right:12px;left:12px;bottom:12px;justify-content:space-between;padding:8px 8px 8px 12px;box-shadow:5px 5px 0 var(--violet)}
  .buy-dock div strong{font-size:.88rem}.buy-dock>a{padding:12px 14px}
}

@media(prefers-reduced-motion:reduce){.core-scene::after,.live-path>b::after{animation:none}}

/* Lobby interactions: reuse the acid/violet palette and native controls. */
:root{--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--surface:#111713;--text-secondary:#b8c2b9;--border-interactive:#65715f}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
button,input{font:inherit}button{cursor:pointer}
:where(a,button,input):focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.pill-button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--violet),inset 0 0 0 6px #fff}
.main-nav a{min-height:44px;display:inline-flex;align-items:center}
.main-nav a[aria-current="location"]{color:var(--acid)}
.main-nav a[aria-current="location"]::after{width:100%}
.reading-progress{position:absolute;bottom:0;right:0;height:2px;width:100%;background:var(--acid);transform:scaleX(var(--scroll-progress,0));transform-origin:right;pointer-events:none}
.buy-dock{visibility:hidden;pointer-events:none}.past-hero .buy-dock{visibility:visible;pointer-events:auto}
.at-pricing .buy-dock,.menu-open .buy-dock{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(160%)}
.footer{padding-bottom:120px}
.hero h1{line-height:1.04;letter-spacing:-.035em}
.hero h1 span::after{bottom:0;height:4px}
.hero-copy>p,.copy-columns p,.network-copy p,.faq-answer p{line-height:1.95}
.game-info small,.game-disclaimer,.plan header small,.plan-price span,.plan-tag,.plan ul,.plan-link,.setup-list p,.footer-main nav a{font-size:.82rem}
.game-info small,.game-disclaimer{color:var(--text-secondary)}
.hero-footnote,.platform-line span{color:var(--text-secondary)}
.section-mark,.micro-label{font-family:var(--font)}
.core-toggle{position:absolute;z-index:6;left:24px;top:76px;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--border-interactive);background:var(--ink);color:var(--text-secondary);font-size:.75rem}
.core-toggle:hover,.core-toggle[aria-pressed="false"]{border-color:var(--acid);color:var(--acid)}
.chip-board,.chip-body{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.core-collapsed .chip-board-base{transform:translateZ(0)}
.core-collapsed .chip-board-mid{transform:translateZ(5px)}
.core-collapsed .chip-body{transform:translateZ(10px)}
.core-collapsed .chip-float{animation-play-state:paused}
.lobby-toolbar{display:flex;gap:24px;align-items:end;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--line-light);margin-bottom:32px}
.game-filters{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.game-filters button{min-height:44px;padding:8px 16px;border:1px solid var(--border-interactive);background:transparent;color:var(--text-secondary);font-size:.88rem;transition:background .2s,color .2s}
.game-filters button:hover{border-color:var(--acid);color:#fff}
.game-filters button[aria-pressed="true"]{background:var(--acid);border-color:var(--acid);color:var(--ink);font-weight:800}
.game-search{display:grid;gap:8px;color:var(--text-secondary);font-size:.8rem}
.game-search input{width:260px;max-width:100%;height:44px;padding:8px 12px;background:var(--surface);border:1px solid var(--border-interactive);border-radius:0;color:#fff;font-size:.9rem}
.game-search input::placeholder{color:#a7b1a8}
.game-count{margin:0;min-width:64px;line-height:44px;color:var(--acid);font-size:.85rem}
.game-gallery{grid-auto-rows:minmax(340px,auto)}
.game-gallery.is-filtered{grid-template-columns:repeat(3,minmax(0,1fr))}
.game-gallery.is-filtered .game-tile{grid-column:auto;grid-row:auto;height:340px}
.game-tile-feature{height:440px;min-height:100%}
.game-pick{position:absolute;z-index:5;inset:0;width:100%;height:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.game-pick>span{position:absolute;top:20px;left:20px;padding:8px 12px;background:rgba(7,11,9,.9);border:1px solid var(--border-interactive);color:#fff;font-size:.8rem;transition:background .2s,color .2s}
.game-pick:hover>span,.game-pick[aria-pressed="true"]>span{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.game-pick:focus-visible{outline-offset:-6px;outline:3px solid var(--acid)}
.game-tile:has(.game-pick[aria-pressed="true"]){border:2px solid var(--acid)}
.game-tile:focus-within img{transform:scale(1.045)}
.game-tile .official-badge{top:76px;left:20px}
.game-empty{text-align:center;border:1px dashed var(--border-interactive);padding:56px 24px}
.game-empty>span{display:block;color:var(--acid);font:40px var(--mono);margin-bottom:24px}
.game-empty p{color:var(--text-secondary)}
.loadout-builder{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px;margin-top:72px;border:1px solid var(--border-interactive);background:var(--surface);isolation:isolate;scroll-margin-top:110px}
.loadout-builder::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(118,87,255,.12),transparent 65%);pointer-events:none}
.loadout-eyebrow{color:var(--acid);font:11px var(--mono);letter-spacing:2px}
.loadout-copy h3{margin:24px 0;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.25;letter-spacing:-.025em}
.loadout-copy>p{color:var(--text-secondary)}
#selected-game{display:inline-block;unicode-bidi:plaintext;color:#fff}
#selected-game,#pass-game{font-feature-settings:normal}
.device-picker{display:flex;gap:8px;flex-wrap:wrap;border:0;margin:32px 0;padding:0}
.device-picker legend{margin-bottom:12px;color:var(--text-secondary);font-size:.9rem}
.device-picker label{position:relative;cursor:pointer}
.device-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.device-picker span{display:grid;place-items:center;min-height:48px;padding:8px 16px;border:1px solid var(--border-interactive);color:var(--text-secondary);font:14px Arial,sans-serif}
.device-picker input:checked+span{background:var(--acid);border-color:var(--acid);color:var(--ink);box-shadow:inset 0 -3px 0 var(--violet)}
.device-picker input:focus-visible+span{outline:3px solid var(--acid);outline-offset:4px}
.loadout-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.loadout-actions .text-button{color:#fff;border-color:var(--border-interactive);font-size:.9rem}
.loadout-actions .text-button span{color:var(--acid)}
.loadout-hint{font-size:.8rem;line-height:1.8;margin:20px 0 0}
.pass-stage{position:relative;min-width:0;perspective:1000px;display:grid;place-items:center;padding:24px 0 40px}
.player-pass{position:relative;width:min(100%,300px);height:408px;transform-style:preserve-3d;transform:rotateY(-16deg) rotateX(8deg) rotateZ(7deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pass-stage:hover .player-pass{transform:rotateY(4deg) rotateX(2deg) rotateZ(1deg)}
.pass-back{position:absolute;inset:0;background:var(--violet);border:1px solid #c5b3ff;transform:translateZ(-16px) translate(14px,10px)}
.pass-front{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px;background:#152018;border:1px solid var(--acid);box-shadow:inset 0 0 0 5px #0a110c;transform:translateZ(10px);overflow:hidden;direction:ltr;text-align:left}
.pass-front::after{content:"";position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(199,255,61,.09) 47%,rgba(255,255,255,.17) 50%,rgba(118,87,255,.12) 54%,transparent 61%);transform:translateX(-20%);transition:transform .8s}
.pass-stage:hover .pass-front::after{transform:translateX(20%)}
.pass-front header{display:flex;justify-content:space-between;align-items:center;font:bold 16px Arial,sans-serif;margin-bottom:16px}
.pass-front header small{font:8px var(--mono);color:var(--text-secondary)}
.pass-acid{color:var(--acid)}
.pass-art{position:relative;height:158px;flex-shrink:0;overflow:hidden;border:1px solid var(--line-light)}
.pass-art img{width:100%;height:100%;object-fit:cover}
.pass-stamp{position:absolute;bottom:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font:900 24px Arial;box-shadow:4px 4px 0 var(--violet)}
.pass-details{display:grid;gap:8px;padding:20px 0}
.pass-details small{font:9px var(--mono);letter-spacing:2px;color:var(--text-secondary)}
.pass-details strong{font-size:1.1rem;line-height:1.3;unicode-bidi:plaintext}
.pass-details>span{color:var(--acid);font:12px var(--mono)}
.pass-front footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font:8px var(--mono);color:var(--text-secondary)}
.pass-barcode{height:24px;width:96px;background:repeating-linear-gradient(90deg,var(--text-secondary) 0 2px,transparent 2px 5px,var(--text-secondary) 5px 6px,transparent 6px 10px)}
.pass-orbit{position:absolute;bottom:0;left:0;right:0;height:80px;border:1px solid rgba(199,255,61,.25);border-radius:50%;transform:rotateX(60deg);z-index:-1;background:radial-gradient(ellipse,rgba(118,87,255,.2),transparent 65%)}
.pricing-selection{position:relative;z-index:1;padding:16px 24px;background:var(--ink);border-inline-start:3px solid var(--acid);color:var(--text-secondary);margin-bottom:32px;font-size:.9rem}
@media(max-width:1100px){.loadout-builder{padding:40px;gap:32px}.loadout-actions{gap:16px}.core-toggle{left:16px;font-size:.68rem}}
@media(max-width:900px){.loadout-builder{grid-template-columns:1fr 1fr;padding:32px;gap:24px}.loadout-copy h3{font-size:2.3rem}.game-gallery.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .hero h1{line-height:1.12;font-size:clamp(2.8rem,13.8vw,3.8rem)}
  .core-toggle{top:16px;left:12px;min-height:44px;background:var(--surface);font-size:.7rem}.stage-ruler{top:68px}
  .chip-stage{top:84px;transform:translateX(-50%) scale(.78)}
  .lobby-toolbar{gap:16px;margin-bottom:24px}.game-filters{flex-basis:100%;gap:8px}.game-filters button{padding:8px 12px;font-size:.8rem}.game-search{flex:1;min-width:0}.game-search input{width:100%}
  .game-gallery.is-filtered{grid-template-columns:1fr}.game-gallery{grid-auto-rows:330px}.game-tile-feature{height:330px}
  .game-info small{font-size:.72rem}.game-pick>span{font-size:.75rem}.game-disclaimer{text-align:right;line-height:1.9}
  .loadout-builder{grid-template-columns:1fr;padding:32px 20px;margin-top:48px;gap:24px}.loadout-copy h3{font-size:2.5rem}.loadout-copy{min-width:0}.device-picker{margin:24px 0}.device-picker span{padding:8px 12px}.loadout-actions{flex-direction:column;align-items:stretch}.loadout-actions .text-button{align-self:flex-start}
  .pass-stage{padding:16px 12px 32px}.player-pass{height:392px;max-width:270px;transform:rotateY(-10deg) rotateX(5deg) rotateZ(3deg)}
  .pricing-selection{padding:16px;font-size:.8rem}.footer{padding-bottom:140px}
}
@media(prefers-reduced-motion:reduce){.chip-board,.chip-body,.player-pass,.pass-front::after{transition:none}.pass-stage:hover .player-pass{transform:rotateY(-16deg) rotateX(8deg) rotateZ(7deg)}}

/* FC 27 launch moment + chapter-based scroll navigation. */
[lang="en"],.game-info h3,#selected-game,#pass-game{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.game-info h3{direction:ltr;text-align:left;font-weight:900}

.scroll-cue{position:absolute;z-index:8;left:50%;bottom:112px;display:flex;align-items:center;gap:12px;direction:ltr;color:#97a298;font:700 9px/1 var(--mono);letter-spacing:2px;transform:translateX(-50%) rotate(-90deg);transform-origin:center;white-space:nowrap}
.scroll-cue i{position:relative;width:62px;height:1px;overflow:hidden;background:rgba(255,255,255,.2)}
.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--acid);transform:translateX(-100%);animation:scroll-cue 2.2s cubic-bezier(.65,0,.35,1) infinite}
@keyframes scroll-cue{50%,100%{transform:translateX(100%)}}

.scroll-rail{position:fixed;z-index:88;top:50%;left:22px;display:grid;justify-items:center;gap:9px;direction:ltr;color:#657168;transform:translateY(-50%)}
.scroll-rail-title{height:62px;color:var(--acid);font:700 8px/1 var(--mono);letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg)}
.scroll-rail-track{position:relative;width:1px;height:74px;background:rgba(255,255,255,.16);overflow:hidden}
.scroll-rail-track i{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--acid);transform:scaleY(var(--scroll-progress,0));transform-origin:top;box-shadow:0 0 10px var(--acid)}
.scroll-rail a{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;color:#7c887f;font:700 8px/1 var(--mono);transition:.2s ease}
.scroll-rail a::before{content:"";position:absolute;width:4px;height:4px;background:currentColor;transform:rotate(45deg)}
.scroll-rail a span{opacity:0;transform:translateX(-13px);transition:.2s ease}
.scroll-rail a:hover,.scroll-rail a[aria-current="location"]{border-color:var(--acid);color:var(--acid);background:rgba(7,11,9,.86)}
.scroll-rail a:hover::before,.scroll-rail a[aria-current="location"]::before{opacity:0}
.scroll-rail a:hover span,.scroll-rail a[aria-current="location"] span{opacity:1;transform:none}

.fc-launch-section{--fc-shift:0px;position:relative;padding:150px 0 164px;overflow:hidden;background:#070a08;color:#f6f8f3;isolation:isolate}
.fc-launch-section::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 17% 52%,rgba(118,87,255,.34),transparent 30%),linear-gradient(rgba(199,255,61,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(199,255,61,.055) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(90deg,#000 0 57%,transparent 90%)}
.fc-launch-section::after{content:"KICK OFF";position:absolute;z-index:-1;left:-.04em;bottom:-.18em;direction:ltr;color:transparent;-webkit-text-stroke:1px rgba(199,255,61,.12);font:900 clamp(9rem,21vw,23rem)/.8 Arial,sans-serif;letter-spacing:-.09em;white-space:nowrap;transform:translateY(calc(var(--fc-shift) * -.35));pointer-events:none}
.fc-launch-tape{position:absolute;z-index:4;top:38px;right:-3%;width:106%;overflow:hidden;border-block:1px solid var(--ink);background:var(--acid);color:var(--ink);transform:rotate(-1.8deg);box-shadow:0 8px 0 var(--violet)}
.fc-launch-tape>div{display:flex;align-items:center;width:max-content;animation:fc-tape 24s linear infinite}
.fc-launch-tape span,.fc-launch-tape b{padding:14px 34px;direction:ltr;font:900 12px/1 Arial,sans-serif;letter-spacing:1.5px;white-space:nowrap}
.fc-launch-tape b{background:var(--ink);color:var(--acid)}
@keyframes fc-tape{to{transform:translateX(33.333%)}}
.fc-launch-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:clamp(48px,6vw,88px)}
.fc-launch-visual{position:relative;perspective:1200px;min-width:0}
.fc-frame{position:relative;aspect-ratio:16/11;overflow:visible;transform-style:preserve-3d;transform:translateY(var(--fc-shift)) rotateY(8deg) rotateX(3deg) rotateZ(-2deg)}
.fc-frame::before{content:"";position:absolute;z-index:-1;inset:18px -18px -18px 18px;border:1px solid var(--acid);background:var(--violet);transform:translateZ(-38px);box-shadow:0 32px 80px rgba(0,0,0,.5)}
.fc-frame::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(120deg,rgba(199,255,61,.08),transparent 38%),linear-gradient(0deg,rgba(4,7,5,.7),transparent 55%);box-shadow:inset 0 0 0 1px rgba(199,255,61,.55);pointer-events:none;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px))}
.fc-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.08);clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px))}
.fc-ghost{position:absolute;z-index:2;right:-.04em;bottom:-.17em;direction:ltr;color:var(--acid);font:900 clamp(8rem,17vw,15rem)/.8 Arial,sans-serif;letter-spacing:-.12em;text-shadow:10px 10px 0 var(--violet);transform:translateZ(52px);pointer-events:none}
.fc-frame-label{position:absolute;z-index:4;top:18px;left:-22px;padding:10px 13px;background:var(--ink);border:1px solid var(--acid);color:var(--acid);font:700 8px/1 var(--mono);letter-spacing:1.2px;transform:translateZ(58px) rotate(-2deg)}
.fc-ball{position:absolute;z-index:5;top:-58px;right:8%;width:124px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 31% 25%,#fff 0 5%,#eff4e7 7% 22%,#aeb9a7 52%,#3b443c 78%,#070a08 100%);box-shadow:-18px 28px 30px rgba(0,0,0,.42),0 0 0 2px rgba(199,255,61,.35);transform:translateZ(90px) rotate(-12deg);animation:fc-ball-float 5s ease-in-out infinite;overflow:hidden}
.fc-ball::before{content:"";position:absolute;inset:34%;background:#101711;clip-path:polygon(50% 0,98% 35%,79% 91%,21% 91%,2% 35%);box-shadow:0 0 0 8px rgba(16,23,17,.45)}
.fc-ball::after{content:"";position:absolute;inset:8%;border:2px solid rgba(13,19,16,.45);border-radius:48% 52% 45% 55%;transform:rotate(38deg);box-shadow:24px -24px 0 -19px #101711,-35px 13px 0 -18px #101711,20px 36px 0 -18px #101711}
.fc-ball i{position:absolute;z-index:2;width:28px;height:2px;background:rgba(13,19,16,.55);transform-origin:left}
.fc-ball i:nth-child(1){top:51%;left:14%;transform:rotate(12deg)}.fc-ball i:nth-child(2){top:28%;left:39%;transform:rotate(-50deg)}.fc-ball i:nth-child(3){top:54%;left:60%;transform:rotate(-16deg)}.fc-ball i:nth-child(4){top:68%;left:35%;transform:rotate(56deg)}.fc-ball i:nth-child(5){top:44%;left:46%;transform:rotate(130deg)}
@keyframes fc-ball-float{50%{transform:translate3d(8px,-13px,110px) rotate(10deg)}}
.fc-launch-copy{position:relative;z-index:2;min-width:0}
.fc-launch-copy .section-mark{margin-bottom:30px}.fc-launch-copy .section-mark span{color:var(--acid)}
.fc-launch-eyebrow{margin:0 0 16px;color:var(--acid);font:700 10px/1 var(--mono);letter-spacing:2px}
.fc-launch-copy h2{margin:0 0 24px;color:#fff;font-size:clamp(3.6rem,5.2vw,6.3rem);line-height:.9;letter-spacing:-.055em}
.fc-launch-copy h2 em{color:var(--acid);text-shadow:6px 6px 0 var(--violet)}
.fc-launch-copy>p:not(.fc-launch-eyebrow):not(.fc-countdown-note):not(.fc-legal){max-width:580px;color:#aeb9af;line-height:1.9}
.fc-release-row{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 24px;border-block:1px solid rgba(199,255,61,.24)}
.fc-release-row>div{padding:16px 0}.fc-release-row>div+div{padding-right:18px;border-right:1px solid rgba(199,255,61,.24)}
.fc-release-row small,.fc-release-row time{display:block}.fc-release-row small{color:#77857a;font-size:.72rem}.fc-release-row time{margin-top:4px;color:#fff;font-size:.92rem;font-weight:800}
.fc-countdown{display:grid;grid-template-columns:repeat(4,1fr);direction:ltr;border:1px solid var(--acid);background:rgba(199,255,61,.035);box-shadow:8px 8px 0 var(--violet)}
.fc-countdown div{padding:17px 8px;text-align:center}.fc-countdown div+div{border-left:1px solid rgba(199,255,61,.28)}
.fc-countdown strong,.fc-countdown span{display:block}.fc-countdown strong{color:var(--acid);font:900 clamp(1.8rem,3vw,3rem)/1 var(--mono);font-variant-numeric:tabular-nums}.fc-countdown span{margin-top:7px;direction:rtl;color:#8e9a90;font-size:.67rem}
.fc-countdown-note{margin:16px 0 0;color:var(--acid);font-size:.78rem}
.fc-feature-list{display:grid;gap:0;margin:30px 0;padding:0;border-top:1px solid rgba(255,255,255,.14);list-style:none}
.fc-feature-list li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#d9dfd7;font-size:.86rem}.fc-feature-list span{color:var(--violet);font:900 10px/1 var(--mono)}
.fc-launch-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.fc-launch-actions .text-button{color:#fff;border-color:rgba(255,255,255,.3)}.fc-launch-actions .text-button span{color:var(--acid)}
.fc-legal{max-width:610px;margin:28px 0 0;color:#657168;font-size:.68rem;line-height:1.9}
.depth-paused .fc-ball,.depth-paused.fc-launch-tape>div{animation-play-state:paused}

@media(max-width:1180px){.scroll-rail{display:none!important}.fc-launch-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:45px}.fc-launch-copy h2{font-size:4.4rem}}
@media(max-width:900px){.scroll-cue{display:none}.fc-launch-section{padding:130px 0 110px}.fc-launch-grid{grid-template-columns:1fr;gap:68px}.fc-launch-visual{width:min(88%,720px);margin-inline:auto}.fc-launch-copy{width:min(100%,700px);margin-inline:auto}.fc-launch-copy h2{font-size:clamp(4rem,11vw,6rem)}.fc-launch-section::before{mask-image:none}.fc-launch-section::after{font-size:29vw}}
@media(max-width:620px){.fc-launch-section{padding:112px 0 88px}.fc-launch-tape{top:26px}.fc-launch-tape span,.fc-launch-tape b{padding:11px 20px;font-size:9px}.fc-launch-grid{gap:52px}.fc-launch-visual{width:94%;margin-right:0}.fc-frame{aspect-ratio:4/3;transform:translateY(var(--fc-shift)) rotateY(4deg) rotateX(2deg) rotateZ(-1deg)}.fc-frame::before{inset:10px -10px -10px 10px}.fc-ghost{font-size:8.6rem;text-shadow:6px 6px 0 var(--violet)}.fc-ball{top:-36px;right:4%;width:84px}.fc-frame-label{top:10px;left:-8px;font-size:6px}.fc-launch-copy h2{font-size:clamp(3.4rem,16vw,4.7rem)}.fc-launch-copy h2 em{text-shadow:4px 4px 0 var(--violet)}.fc-release-row{grid-template-columns:1fr}.fc-release-row>div+div{padding-right:0;border-top:1px solid rgba(199,255,61,.24);border-right:0}.fc-countdown{box-shadow:5px 5px 0 var(--violet)}.fc-countdown div{padding:14px 3px}.fc-countdown strong{font-size:1.55rem}.fc-countdown span{font-size:.59rem}.fc-launch-actions{align-items:stretch;flex-direction:column}.fc-launch-actions .pill-button{width:100%}.fc-launch-actions .text-button{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.scroll-cue i::after,.fc-launch-tape>div,.fc-ball{animation:none}.fc-frame,.fc-launch-section::after{transform:none}}
/* Editorial content hub */
.journal-section{position:relative;padding:145px 0;background:#090d0b;color:#fff;overflow:hidden}
.journal-section::before{content:"NITRO / INTEL";position:absolute;left:-2vw;top:40px;color:rgba(199,255,61,.035);font:800 clamp(6rem,15vw,13rem)/1 Arial;direction:ltr;white-space:nowrap;pointer-events:none}
.journal-heading{position:relative;display:grid;grid-template-columns:220px 1fr auto;gap:70px;align-items:end;margin-bottom:62px}
.journal-heading h2{margin:8px 0 0;font-size:clamp(3.4rem,5.5vw,5.8rem);line-height:1.02;letter-spacing:-.06em}
.journal-heading h2 em{color:var(--acid);font-style:normal;text-shadow:4px 4px 0 var(--violet)}
.journal-kicker{margin:0;color:var(--acid);font:600 .58rem var(--mono);letter-spacing:.1em}
.journal-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,280px);gap:12px}
.journal-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:28px;overflow:hidden;border:1px solid rgba(199,255,61,.18);background:#151b17;isolation:isolate}
.journal-card-featured{grid-row:1/-1}
.journal-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.1);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
.journal-card:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.08)}
.journal-card-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(to top,rgba(3,7,5,.96) 8%,rgba(3,7,5,.15) 74%)}
.journal-card small{color:var(--acid);font:600 .56rem var(--mono);letter-spacing:.08em}
.journal-card h3{max-width:580px;margin:12px 0 18px;font-size:clamp(1.35rem,2.4vw,2.6rem);line-height:1.3;letter-spacing:-.025em}
.journal-card:not(.journal-card-featured) h3{font-size:1.45rem}
.journal-card b{color:#dfe4df;font-size:.67rem}
.journal-card:hover b{color:var(--acid)}
.faq-answer a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}

@media(max-width:1040px){.journal-section{padding-block:112px}.journal-heading{grid-template-columns:1fr auto;gap:30px}.journal-heading>.section-mark{grid-column:1/-1}.journal-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 300px}.journal-card-featured{grid-column:1/-1;grid-row:auto}}
@media(max-width:620px){.journal-section{padding-block:76px}.journal-heading{grid-template-columns:1fr;gap:18px;margin-bottom:38px}.journal-heading h2{font-size:clamp(2.85rem,13.5vw,4rem)}.journal-heading>.text-button{justify-self:start}.journal-grid{grid-template-columns:1fr;grid-template-rows:none}.journal-card,.journal-card-featured{grid-column:auto;height:auto;min-height:0;aspect-ratio:4/3;padding:20px}.journal-card h3,.journal-card:not(.journal-card-featured) h3{font-size:1.28rem}}