/* NOOB X ARENA // NIGHT CITY UI — Cyberpunk V3
   Original CSS world built for this brand. No external animation libraries. */
:root{
  --bg:#050510;--panel:#0b0b19;--panel-2:#121023;
  --paper:#f4f7ff;--muted:#bec6d9;--soft:#8c9cb7;
  --cyan:#60eefe;--red:#ff356d;--violet:#b56aff;--acid:#d7ff66;
  --line:rgba(105,194,234,.23);--ease:cubic-bezier(.16,1,.3,1)
}
html{scroll-padding-top:104px}
body{background:radial-gradient(ellipse at 47% 0%,#11112d 0%,#050510 55%);color:var(--paper)}
body::before{content:"";position:fixed;pointer-events:none;inset:0;z-index:90;opacity:.06;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(124,208,255,.28) 4px,transparent 5px);mix-blend-mode:screen}
.cyber-film{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.3;background:radial-gradient(circle at 5% 35%,rgba(255,24,116,.11),transparent 32%),radial-gradient(circle at 85% 70%,rgba(80,45,255,.11),transparent 37%)}
.site-shell{position:relative}
#scrollProgress{height:3px;background:linear-gradient(90deg,var(--red) 0%,var(--violet) 50%,var(--cyan) 100%);box-shadow:none}
.utility{background:#050513;border-bottom:1px solid #31274c;letter-spacing:.22em;color:#a2aed1}
.utility-live{color:var(--acid)}.utility-live i{background:var(--acid);box-shadow:0 0 14px rgba(215,255,102,.6)}
.utility-center{color:#8a91b8}.utility-right b{color:var(--red)}
.site-header{height:82px;background:rgba(7,7,21,.94);border-bottom:1px solid #30265d;box-shadow:0 18px 50px rgba(2,2,12,.35);backdrop-filter:blur(16px)}
.site-header:before{content:"";position:absolute;bottom:0;left:4%;width:130px;height:1px;background:var(--cyan);box-shadow:0 0 20px #60eefe6b}
.site-header:after{content:"";position:absolute;bottom:-5px;right:4%;width:64px;height:4px;background:var(--red);transform:skewX(-25deg)}
.brand-word{font-size:30px;letter-spacing:.02em}.brand-word em{color:var(--red)}.brand-word small{color:var(--cyan)}
.main-nav a{color:#bdc6da;font-size:13px;letter-spacing:.15em}
.main-nav a.active{color:var(--cyan)}.main-nav a.active:after{background:var(--cyan);height:2px;box-shadow:0 3px 14px rgba(96,238,254,.55)}
.header-status{color:#b1acd4}.signal-dot{background:var(--acid);box-shadow:0 0 14px #d7ff6680}
.header-cta,.btn-primary{background:var(--red);color:#12051a;box-shadow:0 10px 30px rgba(255,53,109,.18)}
.header-cta:hover,.btn-primary:hover{background:#ff5c8f}
.btn-ghost{background:rgba(21,14,38,.84);border-color:#7e65bc;color:#e6dfff}
.btn-ghost:hover{background:#281b49;border-color:var(--cyan)}
.btn,.header-cta,.mode-link{outline-offset:5px}
.btn:active,.header-cta:active{transform:translateY(1px)}
::selection{background:var(--acid);color:#0b0416}
::-webkit-scrollbar-track{background:#090716}::-webkit-scrollbar-thumb{background:#614386;border:2px solid #090716}
/* Hero: skyline billboard, volumetric neon and original NOOB X crest */
.hero{min-height:720px;grid-template-columns:52% 48%;background:radial-gradient(ellipse at 81% 47%,#392057 0%,#150e35 31%,#080719 65%,#070611 100%);overflow:hidden}
.hero-grid{opacity:.55;background-image:linear-gradient(rgba(91,151,202,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(91,151,202,.1) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(95deg,transparent,black 50%)}
.hero::before{background:linear-gradient(90deg,rgba(4,5,17,.9) 0%,rgba(8,7,27,.72) 42%,rgba(7,5,21,.13) 78%,rgba(14,5,25,.2) 100%)}
.hero::after{width:4px;background:linear-gradient(180deg,var(--red),var(--violet) 42%,var(--cyan) 83%,transparent)}
.hero-copy{padding-top:95px;padding-bottom:112px;z-index:9}
.hero-stamp{color:var(--acid);letter-spacing:.15em;margin-bottom:31px}.stamp-tick{color:var(--red)}.stamp-bar{background:var(--acid);opacity:.8}
.hero h1{font-size:clamp(75px,8.3vw,124px);line-height:.81;letter-spacing:-.025em;text-shadow:0 3px 45px rgba(6,0,15,.8);margin-bottom:34px}
.hero h1 .type-outline{-webkit-text-stroke:2px var(--cyan);color:transparent;text-shadow:none}
.hero h1 .highlight-word{color:#f6f3ff}.hero h1 .period{color:var(--acid)}
.cyber-glitch{position:relative;display:inline-block}
.cyber-glitch::before,.cyber-glitch::after{content:attr(data-glitch);position:absolute;inset:0;pointer-events:none;color:var(--cyan);opacity:0;overflow:hidden;white-space:nowrap}
.cyber-glitch::before{clip-path:inset(12% 0 70% 0);text-shadow:-3px 0 var(--red);animation:glitch-chop-a 9s steps(1,end) infinite}
.cyber-glitch::after{clip-path:inset(69% 0 7% 0);color:var(--red);text-shadow:3px 0 var(--cyan);animation:glitch-chop-b 9s steps(1,end) infinite}
.hero-subtitle{color:#c9cbe3;max-width:470px;font-size:15px;line-height:1.8}
.hero-aside{margin-top:73px;color:#a3a3cf}.hero-bracket{color:var(--acid)}
.hero-art{z-index:2;isolation:isolate;min-height:0}
.hero-art:before{background:radial-gradient(circle,rgba(198,32,133,.3),rgba(48,79,230,.12) 48%,transparent 73%);filter:blur(30px)}
.hero-art:after{inset:9% 8%;border-color:rgba(133,103,211,.35)}
.hero-emblem{width:min(94%,650px);filter:drop-shadow(0 7px 55px rgba(255,30,111,.13));animation:holo-arrive .85s var(--ease) both,emblem-float 8s ease-in-out 1s infinite alternate}
.hero-emblem img{filter:drop-shadow(0 14px 35px #061f5980)}
.hero-orbit{border-color:rgba(135,100,222,.36)}.orbit-one{border-style:dashed;border-color:rgba(96,238,254,.45);animation-duration:65s}.orbit-two{border-color:rgba(255,53,109,.44);animation-duration:55s}.orbit-three{border-color:rgba(215,255,102,.16)}
.holo-line.h1{background:linear-gradient(transparent,var(--acid),transparent)}.holo-line.h2{background:linear-gradient(transparent,var(--red),transparent)}
.holo-cross.t1{color:var(--acid)}
.hero-art-title{top:7%;left:8%;color:var(--acid);font-size:12px;z-index:9}
.hero-coordinates{color:#b6abd0;bottom:8%;left:9%;right:9%}
.hero-edge{background:rgba(5,4,19,.92);border-top:1px solid #473063;color:#b1aaca}.hero-edge .edge-glow{background:var(--acid);box-shadow:0 0 20px var(--acid)}
.hero-signal i{background:var(--acid);box-shadow:0 4px 24px #d7ff6655}
/* atmospheric urban skyline: original CSS-drawn, no stolen game footage */
.cyber-city{position:absolute;inset:0 0 0 43%;z-index:-1;pointer-events:none;opacity:.92;overflow:hidden}
.city-skyline{position:absolute;inset:21% -3% 0;background:linear-gradient(to bottom,transparent 10%,rgba(4,2,18,.55) 55%,rgba(1,2,13,.8) 100%);clip-path:polygon(0 84%,0 55%,5% 55%,5% 44%,9% 44%,9% 63%,13% 63%,13% 23%,18% 23%,18% 43%,24% 43%,24% 30%,29% 30%,29% 55%,33% 55%,33% 11%,39% 11%,39% 35%,43% 35%,43% 56%,50% 56%,50% 36%,55% 36%,55% 18%,62% 18%,62% 43%,69% 43%,69% 29%,76% 29%,76% 50%,82% 50%,82% 38%,88% 38%,88% 56%,93% 56%,93% 26%,97% 26%,97% 38%,100% 38%,100% 100%,0 100%);border-bottom:1px solid #f54acb}
.city-skyline:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(236,71,183,.16) 13px 15px,transparent 17px 25px),repeating-linear-gradient(0deg,transparent 0 16px,rgba(48,202,255,.25) 17px 19px,transparent 19px 34px);mask-image:linear-gradient(to top,black 10%,transparent 88%)}
.city-sun{position:absolute;left:34%;top:10%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,transparent 46%,rgba(255,24,160,.32) 47% 48%,transparent 50%);box-shadow:0 0 90px rgba(246,63,151,.09)}
.city-street{position:absolute;left:-65%;right:-65%;height:58%;bottom:-41%;transform:perspective(550px) rotateX(65deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 7%,rgba(249,55,188,.33) 7.2%,transparent 7.5%),repeating-linear-gradient(0deg,transparent 0,transparent 20px,rgba(89,213,255,.26) 21px,transparent 23px);border-top:2px solid rgba(255,55,170,.9);animation:city-run 11s linear infinite}
.city-rain{position:absolute;inset:-20%;background:repeating-linear-gradient(106deg,transparent 0,transparent 38px,rgba(133,115,246,.1) 39px,transparent 40px,transparent 70px);animation:city-rain-fall 18s linear infinite}
.cyber-target{position:absolute;z-index:5;inset:10% 7%;pointer-events:none;color:var(--acid);font:700 11px 'Rajdhani',sans-serif;letter-spacing:.15em;border:1px solid rgba(158,121,245,.18);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.target-top,.target-side,.target-bottom{position:absolute;background:rgba(9,5,25,.7);padding:5px 9px;border:1px solid rgba(215,255,102,.19)}
.target-top{top:0;right:0}.target-side{right:0;top:44%;writing-mode:vertical-rl;border-color:#4cbdd25c;color:#6ce8ff}.target-bottom{bottom:0;left:0;color:#d4b9ff}
/* A game-aware interaction, not a carousel of generic cards */
.mode-console-section{position:relative;max-width:var(--max);margin:0 auto;padding:102px 4% 42px;isolation:isolate}
.mode-ambient{position:absolute;inset:12% -15% -10%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 64% 40%,rgba(143,39,184,.17),transparent 43%)}
.mode-console-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:26px}
.mode-console-head h2{font:900 clamp(56px,6.2vw,88px)/.95 'Barlow Condensed',sans-serif;margin:0;letter-spacing:-.015em}
.mode-console-head h2 strong{font-weight:900;color:var(--red)}
.mode-console-head>p{max-width:355px;font:400 14px/1.7 'DM Sans',sans-serif;color:#c1bfd9;margin:0 0 2px}
.mode-console-label{font:700 12px 'Rajdhani',sans-serif;color:var(--acid);letter-spacing:.19em;margin:0 0 18px;display:flex;gap:9px;align-items:center}
.mode-blip{height:7px;width:7px;background:var(--acid);box-shadow:0 0 12px rgba(215,255,102,.6);border-radius:50%}
.mode-console{display:grid;grid-template-columns:minmax(260px,33%) 1fr;min-height:505px;background:#09091a;border:1px solid #503665;position:relative;box-shadow:0 28px 70px rgba(0,0,0,.35)}
.mode-console:after{content:"";position:absolute;top:-2px;left:0;width:105px;height:4px;background:var(--acid)}
.mode-menu{display:flex;flex-direction:column;background:linear-gradient(150deg,#100f25,#0c0b1d);border-right:1px solid #432f64;padding:14px}
.mode-select{border:0;border-bottom:1px solid rgba(139,111,201,.22);background:transparent;color:#b0aacb;width:100%;padding:22px 14px;text-align:left;display:flex;align-items:center;gap:14px;min-height:102px;position:relative;transition:color .2s,background .2s}
.mode-select:last-child{border-bottom:0}.mode-select:hover{background:rgba(90,52,139,.19);color:#fff}.mode-select.is-active{background:linear-gradient(90deg,rgba(255,38,116,.22),rgba(93,21,98,.08));color:#fff}
.mode-select.is-active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--red);box-shadow:0 0 16px var(--red)}
.mode-select>span:nth-child(2){font:900 29px/.95 'Barlow Condensed',sans-serif;letter-spacing:.02em;flex:1}.mode-select small{display:block;font:700 10px 'Rajdhani',sans-serif;color:#95a5bd;letter-spacing:.18em;margin-top:9px}
.mode-select .mode-number{font:800 12px 'Rajdhani',sans-serif;color:var(--red);align-self:flex-start;margin-top:4px}.mode-select svg{height:20px;width:20px;color:var(--cyan)}
.mode-select.is-active small{color:var(--cyan)}
.mode-preview{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse at 53% 30%,rgba(85,27,149,.68),transparent 50%),linear-gradient(125deg,#10102c,#0a0c24 67%,#160b25);overflow:hidden;min-width:0}
.mode-preview:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 45%,rgba(255,58,157,.08) 50%,transparent 55%);background-size:160% 160%;animation:screen-flare 8s linear infinite;z-index:-1}
.mode-preview:after{content:"";position:absolute;left:0;right:0;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(96,238,254,.55),transparent);pointer-events:none;z-index:1}
.preview-grid{position:absolute;inset:0;background:linear-gradient(rgba(121,81,226,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(121,81,226,.12) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 75%);pointer-events:none}
.mode-holo{position:absolute;top:-20px;right:4%;width:60%;height:320px;pointer-events:none;display:grid;place-items:center;transition:filter .35s}
.mode-holo:before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(214,40,155,.23),transparent 65%);filter:blur(24px)}
.mode-holo-orbit{width:235px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(135,248,255,.53);outline:1px dashed rgba(255,50,129,.33);outline-offset:21px;box-shadow:0 0 45px rgba(78,126,255,.18),inset 0 0 35px rgba(120,89,255,.14);animation:holo-orbit 40s linear infinite}
.mode-holo-inner{position:absolute;display:grid;place-items:center;width:170px;height:170px;border:2px solid rgba(255,53,133,.62);clip-path:polygon(50% 0,100% 27%,100% 74%,50% 100%,0 74%,0 26%);background:linear-gradient(140deg,rgba(112,45,151,.4),rgba(4,5,22,.65))}
.mode-holo-inner span{font:900 105px/.8 'Barlow Condensed',sans-serif;letter-spacing:-.08em;color:var(--cyan);text-shadow:4px 4px 0 rgba(255,53,109,.65),0 12px 35px rgba(0,0,0,.7)}
.mode-holo-inner b{position:absolute;right:18px;top:21px;font:900 21px 'Rajdhani',sans-serif;color:var(--acid)}
.holo-top,.holo-left,.holo-right{position:absolute;font:800 10px 'Rajdhani',sans-serif;color:var(--cyan);letter-spacing:.15em}
.holo-top{top:20px;right:24px}.holo-left{bottom:35px;left:10px}.holo-right{bottom:22px;right:0;color:var(--acid)}
.mode-preview-body{position:relative;z-index:2;padding:0 34px 30px;background:linear-gradient(to top,rgba(3,3,14,.97),rgba(6,5,20,.82) 75%,transparent);padding-top:62px}
.preview-label{color:var(--acid);font:700 11px 'Rajdhani',sans-serif;letter-spacing:.16em}
.mode-preview h3{font:900 clamp(46px,5vw,76px)/.95 'Barlow Condensed',sans-serif;margin:10px 0 8px;letter-spacing:-.012em}
.mode-preview-body>p{font-size:13px;line-height:1.7;color:#c2cce1;max-width:470px;margin:0}
.mode-preview-footer{border-top:1px solid #3a315b;margin-top:20px;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.preview-note{font:700 11px 'Rajdhani',sans-serif;color:#9bb1c8;letter-spacing:.045em}
.mode-link{display:inline-flex;align-items:center;gap:12px;color:var(--acid);font:800 12px 'Rajdhani',sans-serif;letter-spacing:.12em;white-space:nowrap}
.mode-link svg{width:17px;height:17px;transition:transform .2s}.mode-link:hover svg{transform:translate(3px,-3px)}
.mode-console[data-active="console"] .mode-preview{background:radial-gradient(ellipse at 59% 27%,rgba(36,104,164,.65),transparent 49%),linear-gradient(130deg,#0b1730,#100922)}
.mode-console[data-active="console"] .mode-holo-inner{border-color:var(--cyan)}.mode-console[data-active="console"] .mode-holo-inner span{color:var(--red)}
.mode-console[data-active="racing"] .mode-preview{background:radial-gradient(ellipse at 57% 23%,rgba(224,49,113,.4),transparent 48%),linear-gradient(140deg,#1d102b,#0c0a16)}
.mode-console[data-active="racing"] .mode-holo-inner{border-color:var(--acid)}.mode-console[data-active="racing"] .mode-holo-inner span{color:var(--acid)}
.mode-console[data-active="vr"] .mode-preview{background:radial-gradient(ellipse at 53% 24%,rgba(125,49,210,.65),transparent 48%),linear-gradient(130deg,#110b32,#060f24)}
.mode-console[data-active="vr"] .mode-holo-inner{border-color:#a48aff}.mode-console[data-active="vr"] .mode-holo-inner span{color:#d3acff}
/* All secondary routes inherit the Night City vocabulary and game HUD. */
.subhero{background:radial-gradient(ellipse at 78% 38%,rgba(109,41,158,.42) 0%,rgba(16,8,39,.9) 40%,#080718 100%);border-bottom:1px solid #47335b;isolation:isolate}
.subhero:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 82px,rgba(98,79,158,.10) 83px,transparent 84px);z-index:-1}
.subhero:after{content:"";position:absolute;top:0;right:12%;width:28%;height:3px;background:linear-gradient(90deg,var(--red),var(--acid));filter:drop-shadow(0 0 12px rgba(255,53,109,.3))}
.subhero-grid{opacity:.65}.subhero-emblem{color:transparent;-webkit-text-stroke:2px rgba(255,60,131,.24);text-shadow:0 10px 80px rgba(173,34,132,.1)}
.subhero-code{color:var(--acid)}.subhero-content>p:not(.breadcrumb){color:#c3c5e1}
.breadcrumb{color:#9c9bc5}.breadcrumb span{color:var(--red)}
.subhero-glitch{position:relative;text-shadow:0 20px 70px #0005}
.subhero-bottom{background:#090817d9;border-top:1px solid #4a366a;color:#af9bc8}
.section-wrap{position:relative}
.section-title h2,.intro-layout h2,.why-left h2,.passes-intro h2,.gallery-intro h2,.story-text h2,.credo-head h2,.booking-information h2,.contact-layout h2,.event-head h2{color:#f1edff}
.section-title h2 span.accent{color:var(--red)}
.ticker{background:var(--acid);box-shadow:0 0 35px rgba(215,255,102,.12)}.ticker-track{color:#130c22}.ticker b{color:#dc2268}
.zone-card,.pass-card{background:linear-gradient(155deg,#121026,#090a18);border-color:#49365e;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.zone-card::after{content:"";position:absolute;top:0;right:0;width:45px;height:2px;background:var(--cyan)}
.zone-card:hover{border-color:#9b65ca;transform:translateY(-4px)}
.zone-visual{background:linear-gradient(130deg,#181331,#0a0c23)}
.zone-visual:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(180deg,transparent 0 7px,rgba(136,80,200,.025) 9px,transparent 10px)}
.zone-visual-top{color:var(--acid);letter-spacing:.22em}
.zone-heading h3,.pass-card h3{color:#faf7ff}.chip-outline{border-color:#634f84;color:#d1bff0}.zone-hook{color:var(--cyan)}
.zone-cta{color:#f0eaff}.zone-cta svg{color:var(--acid)}
.featured{padding-top:79px}.home-intro{padding-top:95px}
.duel-band{border-color:#573c78;background:linear-gradient(125deg,#100d25,#190e2b)}.duel-art{background:radial-gradient(circle,#3a1b68,#0d0c1f 75%)}
.duel-art b{color:var(--acid);text-shadow:0 9px 35px rgba(0,0,0,.4)}
.why{background:radial-gradient(circle at 90% 10%,rgba(126,43,145,.09),transparent 33%)}
.faq-list details{border-color:#332952}.faq-list summary:hover{color:var(--cyan)}
.final-cta{background:radial-gradient(ellipse at 50% 45%,#251042,#0a0a1b 70%)}.final-cta h2{text-shadow:0 12px 60px #0008}
.strip-cta{background:linear-gradient(145deg,#19112d,#0a0d23);border:1px solid #653d85}
.event-poster,.story-visual,.gallery-tile{border-color:#5a3b75}.event-poster{background:radial-gradient(ellipse,#311751,#0b0820)}
.pass-card:hover{border-color:var(--cyan)}.filter-bar button.selected{background:var(--acid);color:#140e22}
.booking-layout input,.booking-layout select,.booking-layout textarea{background:#0d0b20;border-color:#514271;color:#f6f3ff;accent-color:var(--red)}
.booking-layout input::placeholder,.booking-layout textarea::placeholder{color:#a7a0bd}
.booking-layout :focus-visible{outline-color:var(--acid)}
.contact-line>div:first-child{border-color:#5d3c87;color:var(--cyan)}
.site-footer{background:#060612;border-color:#34294e}.footer-brand img{filter:drop-shadow(0 12px 25px rgba(79,38,196,.2));mix-blend-mode:screen}.footer-statement strong{color:var(--red)}.footer-links a{color:#aeb5cf}.footer-bottom{border-color:#332946;color:#9c9cbf}
.toast{background:#201534;border-color:var(--cyan)}
.tab-hidden .city-street,.tab-hidden .city-rain,.tab-hidden .hero-emblem,.tab-hidden .hero-orbit,.tab-hidden .mode-holo-orbit,.tab-hidden .mode-preview:before{animation-play-state:paused!important}
@keyframes glitch-chop-a{0%,4%,6%,98%,100%{opacity:0;transform:translateX(0)}4.3%{opacity:.65;transform:translateX(-5px)}4.8%{opacity:.25;transform:translateX(5px)}5.3%{opacity:.6;transform:translateX(-2px)}}
@keyframes glitch-chop-b{0%,4%,6%,98%,100%{opacity:0;transform:translateX(0)}4.5%{opacity:.65;transform:translateX(6px)}5%{opacity:.5;transform:translateX(-6px)}5.6%{opacity:.2;transform:translateX(2px)}}
@keyframes city-run{to{background-position:120px 120px}}
@keyframes city-rain-fall{to{transform:translate(-30px,70px)}}
@keyframes holo-orbit{to{transform:rotate(360deg)}}
@keyframes screen-flare{to{background-position:160% 0}}
@media (min-width:1100px){.hero-copy{padding-left:7.5%}}
@media (max-width:1180px){.hero h1{font-size:clamp(73px,8.1vw,106px)}.mode-console{grid-template-columns:36% 64%}.mode-select>span:nth-child(2){font-size:26px}}
@media (max-width:950px){.site-header{height:76px}.main-nav{top:76px;background:#0a091d;border-color:#654286}.main-nav a{border-color:#31254b}.hero{min-height:620px}.hero-copy{padding-top:97px;padding-bottom:90px}.hero-art-title{left:6%}.cyber-city{inset:0 0 0 37%}.hero h1{font-size:clamp(62px,9vw,93px)}.mode-console-head{align-items:start;flex-direction:column;gap:15px}.mode-console-head>p{max-width:650px}.mode-console{grid-template-columns:41% 59%}.mode-menu{padding:9px}.mode-select{padding:14px 8px;gap:10px}.mode-select>span:nth-child(2){font-size:23px}.mode-holo{width:90%;right:5%}.mode-preview-body{padding-left:23px;padding-right:22px}.mode-preview-footer{align-items:start;flex-direction:column;gap:12px}}
@media (max-width:680px){
  .site-header{height:66px}.site-header:before{width:55px}.main-nav{top:66px}.brand-word{font-size:25px}
  .hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:66px 6% 32px}.hero h1{font-size:clamp(73px,14vw,100px);margin-bottom:20px;line-height:.81}.hero-stamp{font-size:10px;margin-bottom:21px}.hero-subtitle{font-size:14px;max-width:420px}.hero-actions{gap:10px}.hero-art{height:340px}.hero-emblem{width:min(87%,390px);left:0}.hero-art:after{inset:5%}.cyber-city{inset:36% 0 0}.city-street{bottom:-60%}.city-skyline{inset:0 -8% 0}.hero-art-title{left:7%;top:5%;font-size:10px}.cyber-target{inset:4% 4%}.target-top{font-size:9px}.target-side{font-size:9px}.target-bottom{display:none}.hero-coordinates{font-size:9px;bottom:7%}.hero-edge{height:34px}
  .mode-console-section{padding:74px 6% 12px}.mode-console-head{margin-bottom:22px}.mode-console-head h2{font-size:clamp(56px,12.4vw,78px)}.mode-console-head>p{font-size:12px}.mode-console{display:flex;flex-direction:column}.mode-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px;border-right:0;border-bottom:1px solid #513269}.mode-select{min-height:72px;padding:10px 7px;border:1px solid rgba(140,100,178,.25);gap:7px}.mode-select.is-active:before{width:2px}.mode-select>span:nth-child(2){font-size:21px}.mode-select small{font-size:9px;letter-spacing:.08em;margin-top:4px}.mode-select .mode-number{font-size:9px;margin-top:3px}.mode-select svg{display:none}.mode-preview{min-height:470px}.mode-holo{top:-20px;right:2%;width:92%;height:275px}.mode-holo-orbit{width:180px}.mode-holo-inner{width:138px;height:138px}.mode-holo-inner span{font-size:86px}.mode-preview-body{padding:45px 22px 22px}.mode-preview h3{font-size:52px}.mode-preview-body>p{font-size:12px}.mode-preview-footer{gap:12px}.mode-link{font-size:11px}.preview-note{font-size:10px}.mode-console-label{font-size:10px}
  .subhero{min-height:315px}.subhero h1{font-size:clamp(58px,11vw,90px)}.subhero-emblem{opacity:.28}.section-wrap{padding-top:80px;padding-bottom:80px}.home-intro{padding-top:75px}.featured{padding-top:45px}.zone-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.zone-visual{height:265px}.ticker{height:46px}.ticker-track{font-size:17px}
}
@media (max-width:380px){.hero h1{font-size:clamp(64px,13.4vw,80px)}.mode-select>span:nth-child(2){font-size:18px}.mode-holo{right:0}.mode-preview{min-height:486px}.mode-preview h3{font-size:46px}}
@media (prefers-reduced-motion:reduce){
 .cyber-glitch:before,.cyber-glitch:after{display:none}.city-street,.city-rain,.mode-holo-orbit,.mode-preview:before{animation:none!important}.hero-emblem{animation:none!important}.hero-art:before{animation:none!important}.mode-select{transition:none}
}
/* Last-mile responsive guard: headline is never allowed to crop on small devices. */
@media (max-width:680px){.hero h1{font-size:clamp(54px,12vw,74px);letter-spacing:-.035em;line-height:.87}.hero h1 .highlight-word{white-space:nowrap}}
@media (max-width:380px){.hero h1{font-size:clamp(45px,12vw,53px);letter-spacing:-.035em}.hero-stamp{gap:8px}}
/* The longest route title gets its own measure, without shrinking other headings. */
@media (min-width:951px){body[data-page="/tournaments/"] .subhero h1{font-size:clamp(68px,8.25vw,116px);max-width:100%}}
@media (min-width:951px){body[data-page="/tournaments/"] .subhero h1{font-size:clamp(62px,5.6vw,82px)}}