:root {
  --bg: #05070d;
  --panel: #0b1020;
  --panel-2: #0e1529;
  --text: #f4f7ff;
  --muted: #9da9c4;
  --blue: #4cc9ff;
  --blue-2: #287dff;
  --gold: #f5b942;
  --line: rgba(118, 171, 255, .18);
  --max: 1180px;
  --radius: 18px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(40,125,255,.16), transparent 28rem),
    radial-gradient(circle at 85% 18%, rgba(245,185,66,.08), transparent 24rem),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
}
a { color: inherit; }
img { max-width: 100%; }
.container { width: min(calc(100% - 32px), var(--max)); margin: 0 auto; }
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 999; background:#fff; color:#000; padding:8px 12px; }
.skip-link:focus { left: 8px; }
.site-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(5,7,13,.78); backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.nav { min-height: 70px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { text-decoration:none; font-weight:900; letter-spacing:.055em; font-size:1.05rem; }
.brand span { color:var(--blue); }
.nav-links { display:flex; gap:22px; align-items:center; }
.nav-links a { color:var(--muted); text-decoration:none; font-size:.94rem; }
.nav-links a:hover, .nav-links a:focus { color:var(--text); }
.nav-toggle { display:none; border:1px solid var(--line); background:var(--panel); color:var(--text); padding:9px 11px; border-radius:10px; }
.hero { padding: 92px 0 54px; position:relative; overflow:hidden; }
.hero::after {
  content:""; position:absolute; inset:auto -15% -35% 35%; height:420px;
  background:linear-gradient(115deg, transparent, rgba(76,201,255,.09), transparent);
  transform:rotate(-7deg); pointer-events:none;
}
.eyebrow { color:var(--blue); font-size:.78rem; letter-spacing:.18em; font-weight:800; text-transform:uppercase; }
h1 { font-size:clamp(3rem, 8vw, 6.7rem); line-height:.89; margin:18px 0 22px; max-width:930px; letter-spacing:-.055em; }
h1 .accent { color:var(--blue); text-shadow:0 0 24px rgba(76,201,255,.18); }
.lede { color:var(--muted); font-size:clamp(1.05rem, 2vw, 1.3rem); line-height:1.65; max-width:760px; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 18px; border-radius:12px; text-decoration:none; font-weight:800; border:1px solid transparent; transition:.2s ease; cursor:pointer; }
.btn-primary { background:linear-gradient(135deg,var(--blue),var(--blue-2)); color:#03101c; box-shadow:0 14px 40px rgba(40,125,255,.18); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 18px 50px rgba(40,125,255,.28); }
.btn-secondary { border-color:var(--line); background:rgba(14,21,41,.75); color:var(--text); }
.btn-secondary:hover { border-color:rgba(76,201,255,.55); transform:translateY(-2px); }
.stat-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:58px; border-top:1px solid var(--line); padding-top:18px; max-width:760px; }
.stat-strip strong { display:block; font-size:1.02rem; }
.stat-strip span { color:var(--muted); font-size:.83rem; }
.section { padding:68px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.section-head h2, .page-hero h1 { margin:7px 0 0; font-size:clamp(2rem,5vw,3.7rem); letter-spacing:-.045em; line-height:1; }
.section-head p { color:var(--muted); max-width:550px; line-height:1.55; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.card { position:relative; padding:24px; min-height:240px; background:linear-gradient(165deg, rgba(14,21,41,.96), rgba(7,11,22,.96)); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; text-decoration:none; transition:transform .22s ease, border-color .22s ease; }
.card::before { content:""; position:absolute; width:180px; height:180px; right:-70px; top:-70px; border:1px solid rgba(76,201,255,.18); transform:rotate(28deg); }
.card:hover { transform:translateY(-5px); border-color:rgba(76,201,255,.48); }
.card .kicker { color:var(--gold); font-weight:900; font-size:.72rem; letter-spacing:.13em; text-transform:uppercase; }
.card h3 { font-size:1.55rem; margin:48px 0 10px; letter-spacing:-.025em; }
.card p { color:var(--muted); line-height:1.55; margin:0; }
.card .go { position:absolute; bottom:20px; right:22px; color:var(--blue); font-weight:900; }
.feature-grid { display:grid; grid-template-columns:1.4fr .8fr; gap:16px; }
.feature { min-height:360px; background:linear-gradient(145deg,rgba(40,125,255,.14),rgba(14,21,41,.96)); border:1px solid rgba(76,201,255,.25); border-radius:var(--radius); padding:30px; position:relative; overflow:hidden; }
.feature h3 { font-size:clamp(2rem,4vw,3.4rem); max-width:650px; margin:80px 0 10px; letter-spacing:-.05em; line-height:1; }
.feature p { max-width:650px; color:var(--muted); line-height:1.6; }
.stack { display:grid; gap:16px; }
.mini { border:1px solid var(--line); background:var(--panel); border-radius:var(--radius); padding:22px; text-decoration:none; }
.mini:hover { border-color:rgba(76,201,255,.45); }
.mini h3 { margin:6px 0 8px; }
.mini p { color:var(--muted); margin:0; line-height:1.5; }
.newsletter { margin:48px auto 82px; border:1px solid rgba(245,185,66,.25); background:linear-gradient(135deg, rgba(245,185,66,.09),rgba(40,125,255,.08)); border-radius:24px; padding:clamp(26px,5vw,52px); }
.newsletter-inner { display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; }
.newsletter h2 { font-size:clamp(2rem,4vw,3.6rem); margin:8px 0 14px; letter-spacing:-.045em; line-height:1; }
.newsletter p { color:var(--muted); line-height:1.6; }
.signup-form { display:flex; gap:10px; }
.signup-form input { width:100%; min-height:50px; border-radius:12px; border:1px solid var(--line); background:#060a14; color:var(--text); padding:0 14px; font-size:1rem; }
.signup-form input:focus { outline:2px solid rgba(76,201,255,.45); border-color:var(--blue); }
.form-note { font-size:.78rem; color:var(--muted); margin-top:8px; }
.page-hero { padding:72px 0 38px; border-bottom:1px solid var(--line); }
.page-hero p { color:var(--muted); max-width:760px; line-height:1.65; font-size:1.08rem; }
.content-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:34px; }
.prose { color:#dce4f5; line-height:1.75; }
.prose h2 { color:var(--text); margin-top:2.3em; font-size:1.7rem; }
.prose h3 { color:var(--text); }
.prose a { color:var(--blue); }
.sidebox { position:sticky; top:96px; align-self:start; border:1px solid var(--line); border-radius:16px; background:var(--panel); padding:20px; }
.sidebox h3 { margin-top:0; }
.sidebox a { display:block; color:var(--muted); text-decoration:none; padding:8px 0; }
.sidebox a:hover { color:var(--blue); }
.filter-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.filter { border:1px solid var(--line); color:var(--muted); background:var(--panel); border-radius:999px; padding:9px 13px; cursor:pointer; }
.filter.active, .filter:hover { color:#04101a; background:var(--blue); border-color:var(--blue); }
.archive-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.match-card { border:1px solid var(--line); border-radius:16px; padding:18px; background:var(--panel); }
.match-card small { color:var(--gold); font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.match-card h3 { margin:12px 0 8px; }
.match-card p { color:var(--muted); line-height:1.45; }
.match-card a { color:var(--blue); font-weight:800; text-decoration:none; }
.site-footer { border-top:1px solid var(--line); padding:34px 0 52px; color:var(--muted); }
.footer-grid { display:flex; justify-content:space-between; gap:28px; flex-wrap:wrap; }
.footer-links { display:flex; flex-wrap:wrap; gap:16px; }
.footer-links a { color:var(--muted); text-decoration:none; }
.footer-links a:hover { color:var(--text); }
.reveal { opacity:0; transform:translateY(14px); transition:opacity .55s ease, transform .55s ease; }
.reveal.visible { opacity:1; transform:none; }
@media (max-width:900px) {
  .cards, .archive-grid { grid-template-columns:1fr 1fr; }
  .feature-grid, .newsletter-inner, .content-grid { grid-template-columns:1fr; }
  .sidebox { position:static; }
}
@media (max-width:680px) {
  .nav-toggle { display:block; }
  .nav-links { position:absolute; top:70px; left:16px; right:16px; padding:16px; display:none; flex-direction:column; align-items:stretch; background:#080d19; border:1px solid var(--line); border-radius:14px; }
  .nav-links.open { display:flex; }
  .hero { padding-top:64px; }
  .cards, .archive-grid { grid-template-columns:1fr; }
  .stat-strip { grid-template-columns:1fr; }
  .signup-form { flex-direction:column; }
  .section-head { display:block; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
  .reveal { opacity:1; transform:none; }
}

.route-section { padding: 18px 0 0; }
.route-bar {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:rgba(9,14,27,.78);
}
.route-bar a {
  padding:18px 20px;
  text-decoration:none;
  border-right:1px solid var(--line);
  transition:background .2s ease;
}
.route-bar a:last-child { border-right:0; }
.route-bar a:hover { background:rgba(76,201,255,.07); }
.route-bar span { display:block; color:var(--muted); font-size:.77rem; margin-bottom:3px; }
.route-bar strong { color:var(--text); }

.game-cards .card { min-height:270px; }
.game-cards .card .go { left:24px; right:auto; font-size:.84rem; }

.watch-section { padding-top:44px; }
.video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.video-card { border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--panel); }
.video-frame { position:relative; aspect-ratio:16/9; background:#000; }
.video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-copy { padding:17px 18px 19px; }
.video-label { color:var(--gold); font-weight:900; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.video-copy h3 { margin:7px 0 12px; font-size:1.15rem; }
.video-copy a { color:var(--blue); text-decoration:none; font-weight:800; font-size:.88rem; }

.timeline-section { position:relative; }
.timeline-section::before {
  content:""; position:absolute; inset:12% 0 auto; height:55%; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(40,125,255,.05), transparent);
}
.timeline-grid { position:relative; display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:16px; }
.social-card {
  min-height:260px; display:flex; flex-direction:column; position:relative;
  border:1px solid var(--line); border-radius:var(--radius); padding:22px;
  background:linear-gradient(160deg,rgba(14,21,41,.96),rgba(7,11,22,.96));
  text-decoration:none; transition:transform .2s ease,border-color .2s ease;
}
.social-card:hover { transform:translateY(-4px); border-color:rgba(76,201,255,.5); }
.social-card-featured { background:linear-gradient(145deg,rgba(40,125,255,.16),rgba(11,16,32,.98)); border-color:rgba(76,201,255,.28); }
.social-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.social-badge { color:var(--gold); font-weight:900; font-size:.7rem; letter-spacing:.11em; text-transform:uppercase; }
.social-platform { color:var(--muted); font-size:.78rem; }
.social-card h3 { margin:48px 0 10px; font-size:1.45rem; letter-spacing:-.03em; }
.social-card p { color:var(--muted); line-height:1.55; margin:0 0 28px; }
.social-cta { margin-top:auto; color:var(--blue); font-size:.85rem; font-weight:850; }
.timeline-footer { display:flex; justify-content:space-between; align-items:center; gap:22px; margin-top:16px; padding:18px 20px; border:1px solid var(--line); border-radius:14px; background:rgba(9,14,27,.72); }
.timeline-footer strong { display:block; }
.timeline-footer span { display:block; color:var(--muted); font-size:.85rem; margin-top:3px; }

@media (max-width:900px) {
  .route-bar, .video-grid, .timeline-grid { grid-template-columns:1fr; }
  .route-bar a { border-right:0; border-bottom:1px solid var(--line); }
  .route-bar a:last-child { border-bottom:0; }
  .timeline-footer { align-items:flex-start; flex-direction:column; }
}

body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:50;
  opacity:.075;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.32) 0 1px,transparent 1px 4px);
  mix-blend-mode:soft-light;
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(76,201,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(76,201,255,.025) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%);
}
.site-header::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--blue),var(--gold),transparent);
  opacity:.36;
}
.brand { text-shadow:0 0 16px rgba(76,201,255,.16); }
.hero { padding:76px 0 30px; min-height:720px; display:flex; flex-direction:column; justify-content:center; }
.hero-grid-overlay {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(circle at 79% 36%,rgba(76,201,255,.12),transparent 21rem),
    linear-gradient(112deg,transparent 0 57%,rgba(40,125,255,.07) 57.2% 57.6%,transparent 57.8%),
    linear-gradient(68deg,transparent 0 71%,rgba(245,185,66,.045) 71.2% 71.5%,transparent 71.7%);
}
.hero-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.7fr); gap:58px; align-items:center; position:relative; z-index:1; }
.hero-copy h1 { font-size:clamp(3.4rem,7vw,6.7rem); }
.status-pill {
  display:inline-flex; align-items:center; gap:9px; margin-bottom:18px;
  border:1px solid rgba(76,201,255,.28); border-radius:999px;
  background:rgba(6,13,25,.74); padding:8px 12px;
  color:#dfeaff; font-size:.68rem; font-weight:900; letter-spacing:.12em;
}
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 10px var(--blue),0 0 20px rgba(76,201,255,.5); animation:signalPulse 1.8s ease-in-out infinite; }
@keyframes signalPulse { 50% { opacity:.38; transform:scale(.75); } }
.hero-note { margin-top:18px; color:#c3cee2; font-size:.9rem; font-weight:650; }
.scene-console {
  position:relative; border:1px solid rgba(76,201,255,.32); border-radius:20px; padding:10px;
  background:linear-gradient(145deg,rgba(16,24,45,.98),rgba(5,9,18,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 50px rgba(40,125,255,.08),inset 0 0 0 1px rgba(255,255,255,.025);
  transform:perspective(1000px) rotateY(-2deg) rotateX(1deg);
}
.scene-console::before,.scene-console::after { content:""; position:absolute; width:18px; height:18px; border-color:var(--gold); opacity:.65; }
.scene-console::before { left:-5px; top:-5px; border-left:2px solid; border-top:2px solid; }
.scene-console::after { right:-5px; bottom:-5px; border-right:2px solid; border-bottom:2px solid; }
.console-top { display:flex; justify-content:space-between; gap:16px; padding:7px 9px 12px; color:#7f91b3; font-size:.59rem; font-weight:850; letter-spacing:.12em; }
.console-light { color:var(--gold); }
.console-screen {
  min-height:250px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center;
  border:1px solid rgba(76,201,255,.25); border-radius:12px;
  background:
    radial-gradient(circle at 50% 45%,rgba(40,125,255,.23),transparent 42%),
    linear-gradient(150deg,#030711,#091329 58%,#06101f);
  box-shadow:inset 0 0 50px rgba(0,0,0,.65),0 0 22px rgba(76,201,255,.08);
}
.console-screen::before {
  content:""; position:absolute; inset:-35%;
  background:conic-gradient(from 20deg,transparent 0 15%,rgba(76,201,255,.08) 16% 16.6%,transparent 17% 37%,rgba(245,185,66,.055) 38% 38.4%,transparent 39%);
  animation:consoleSpin 18s linear infinite;
}
@keyframes consoleSpin { to { transform:rotate(360deg); } }
.console-logo { position:relative; z-index:2; font-size:clamp(2rem,4vw,3.2rem); font-weight:950; letter-spacing:-.055em; text-shadow:0 0 24px rgba(76,201,255,.42); }
.console-logo span { color:var(--blue); }
.console-screen p { position:relative; z-index:2; text-align:center; color:var(--gold); font-size:.7rem; line-height:1.7; letter-spacing:.18em; font-weight:900; }
.screen-scan { position:absolute; z-index:3; left:0; right:0; height:22%; top:-22%; background:linear-gradient(transparent,rgba(76,201,255,.11),transparent); animation:scanDown 4s linear infinite; }
@keyframes scanDown { to { top:105%; } }
.signal-bars { position:relative; z-index:2; display:flex; align-items:end; gap:5px; height:26px; margin-top:4px; }
.signal-bars i { display:block; width:3px; background:var(--blue); box-shadow:0 0 8px rgba(76,201,255,.8); animation:barPulse 1s ease-in-out infinite alternate; }
.signal-bars i:nth-child(1),.signal-bars i:nth-child(7){height:7px}.signal-bars i:nth-child(2),.signal-bars i:nth-child(6){height:14px;animation-delay:.12s}.signal-bars i:nth-child(3),.signal-bars i:nth-child(5){height:20px;animation-delay:.24s}.signal-bars i:nth-child(4){height:26px;animation-delay:.36s}
@keyframes barPulse { to { height:8px; opacity:.45; } }
.console-list { display:grid; gap:6px; padding-top:9px; }
.console-list a { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; padding:11px 10px; border-radius:9px; text-decoration:none; background:rgba(255,255,255,.018); border:1px solid transparent; transition:.18s ease; }
.console-list a:hover { border-color:rgba(76,201,255,.28); background:rgba(76,201,255,.055); transform:translateX(3px); }
.console-list span { color:#526381; font-size:.67rem; font-weight:900; }
.console-list strong { font-size:.77rem; letter-spacing:.08em; }
.console-list em { color:var(--blue); font-style:normal; font-size:.67rem; font-weight:900; }
.hero .stat-strip { position:relative; z-index:1; max-width:100%; margin-top:54px; grid-template-columns:repeat(3,1fr); }
.hero .stat-strip > div { padding:14px 16px 12px; border-left:2px solid rgba(76,201,255,.28); background:linear-gradient(90deg,rgba(76,201,255,.045),transparent); }
.section { position:relative; }
.section + .section::before { content:""; position:absolute; top:0; left:50%; width:min(calc(100% - 32px),var(--max)); transform:translateX(-50%); height:1px; background:linear-gradient(90deg,transparent,var(--line),transparent); }
.game-card { min-height:300px !important; isolation:isolate; }
.game-card::after { content:"EX"; position:absolute; right:-3px; bottom:-27px; font-size:7rem; line-height:1; font-weight:950; letter-spacing:-.12em; color:rgba(76,201,255,.035); z-index:-1; transform:skewX(-9deg); }
.game-card:hover::after { color:rgba(76,201,255,.075); }
.game-ex2 { border-color:rgba(76,201,255,.3); box-shadow:inset 0 0 35px rgba(40,125,255,.035); }
.game-ex2::after { content:"EX2"; }
.game-ex3::after { content:"EX3"; }
.game-card .kicker::before { content:"◆"; color:var(--blue); margin-right:7px; font-size:.65rem; }
.video-card,.social-card,.mini,.feature,.newsletter,.route-bar { box-shadow:0 20px 55px rgba(0,0,0,.14); }
.video-card:hover { border-color:rgba(76,201,255,.45); transform:translateY(-3px); transition:.2s ease; }
.timeline-section { background:linear-gradient(180deg,transparent,rgba(40,125,255,.025),transparent); }
.newsletter { position:relative; overflow:hidden; }
.newsletter::after { content:"DISPATCH"; position:absolute; right:-12px; bottom:-33px; font-size:clamp(4rem,10vw,8.5rem); font-weight:950; letter-spacing:-.08em; color:rgba(245,185,66,.035); pointer-events:none; }

@media (max-width:980px) {
  .hero { min-height:auto; }
  .hero-layout { grid-template-columns:1fr; gap:38px; }
  .scene-console { max-width:640px; transform:none; }
}
@media (max-width:680px) {
  .hero { padding-top:48px; }
  .hero-copy h1 { font-size:clamp(3rem,16vw,4.5rem); }
  .scene-console { padding:8px; }
  .console-screen { min-height:210px; }
  .hero .stat-strip { grid-template-columns:1fr; }
}

:root {
  --bg:#02050a;
  --panel:#07101f;
  --panel-2:#0b1730;
  --text:#f7f9ff;
  --muted:#a9b6ce;
  --blue:#25a8ff;
  --blue-2:#006cff;
  --gold:#ffad19;
  --gold-2:#ff7a00;
  --line:rgba(64,154,255,.22);
  --max:1240px;
}
body { background:#02050a; }
body::before { opacity:.045; }
.site-header { background:rgba(2,5,10,.82); border-bottom-color:rgba(55,137,255,.18); }
.brand-image { display:block; width:176px; height:35px; }
.brand-image img { width:100%; height:100%; object-fit:contain; object-position:left center; display:block; }
.nav-links a { font-size:.86rem; font-weight:720; letter-spacing:.02em; }
.nav-links a:hover { color:#fff; text-shadow:0 0 14px rgba(37,168,255,.3); }

.hero-brand-stage {
  min-height:760px;
  padding:90px 0 66px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(to bottom,rgba(2,5,10,.28),rgba(2,5,10,.04) 45%,#02050a 98%),
    url('../images/sfex-hero-bg.webp') center center / cover no-repeat;
  isolation:isolate;
}
.hero-brand-stage::after { display:none; }
.hero-atmosphere { position:absolute; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(circle at 50% 40%,rgba(0,0,0,.08),rgba(0,0,0,.46) 56%,rgba(0,0,0,.7)); }
.hero-centre { text-align:center; display:flex; flex-direction:column; align-items:center; position:relative; }
.signal-label { display:inline-flex; align-items:center; gap:8px; color:#c9d7ed; font-size:.66rem; letter-spacing:.19em; font-weight:900; padding:8px 12px; border:1px solid rgba(37,168,255,.3); background:rgba(0,5,13,.62); border-radius:999px; backdrop-filter:blur(8px); }
.signal-label span { width:7px; height:7px; border-radius:50%; background:#25a8ff; box-shadow:0 0 12px #25a8ff; animation:signalPulse 1.6s ease-in-out infinite; }
.hero-wordmark { width:min(540px,76vw); margin:30px 0 9px; filter:drop-shadow(0 8px 28px rgba(0,0,0,.72)) drop-shadow(0 0 24px rgba(255,142,0,.09)); }
.hero-kicker { margin:0 0 18px; color:var(--gold); font-size:.72rem; font-weight:950; letter-spacing:.18em; }
.hero-centre h1 { max-width:1040px; margin:0 0 20px; font-size:clamp(2.75rem,6vw,5.55rem); line-height:.94; letter-spacing:-.055em; text-shadow:0 3px 24px rgba(0,0,0,.78); }
.hero-centre h1 span { color:#fff; text-decoration:underline; text-decoration-color:rgba(37,168,255,.58); text-decoration-thickness:4px; text-underline-offset:9px; }
.hero-centre .lede { max-width:850px; margin:0; color:#d0dbed; text-shadow:0 2px 14px rgba(0,0,0,.72); font-size:clamp(1rem,1.7vw,1.22rem); }
.hero-actions { justify-content:center; }
.hero-proof { margin-top:30px; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:12px; color:#e6edf8; font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.hero-proof i { width:4px; height:4px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px rgba(255,173,25,.8); }
.btn { border-radius:9px; min-height:48px; text-transform:uppercase; font-size:.78rem; letter-spacing:.06em; }
.btn-primary { color:#06111d; background:linear-gradient(135deg,#48c3ff,#0074ff); box-shadow:0 10px 35px rgba(0,102,255,.24),inset 0 1px rgba(255,255,255,.5); }
.btn-secondary { background:rgba(2,8,17,.72); border-color:rgba(149,193,255,.28); }

.route-section { margin-top:-2px; background:#02050a; }
.route-bar { border-radius:12px; background:linear-gradient(180deg,rgba(11,24,47,.82),rgba(4,10,20,.94)); box-shadow:0 20px 70px rgba(0,0,0,.25); }
.route-bar a { position:relative; padding:21px 22px; display:grid; grid-template-columns:1fr auto; }
.route-bar a span { grid-column:1 / 3; }
.route-bar a b { color:var(--gold); font-size:1.05rem; }
.route-bar a:hover { background:linear-gradient(110deg,rgba(37,168,255,.1),rgba(255,173,25,.035)); }

.section-head h2 { font-size:clamp(2.35rem,5vw,4.4rem); }
.eyebrow { color:#42baff; }
.game-cards { gap:18px; }
.game-card { min-height:330px !important; padding:25px; border-radius:13px; background:linear-gradient(152deg,rgba(9,22,45,.98),rgba(3,8,17,.98)); border-color:rgba(55,139,255,.25); }
.game-card::before { width:220px; height:220px; border-color:rgba(37,168,255,.12); }
.game-card::after { color:rgba(37,168,255,.055); }
.game-card:hover { border-color:rgba(37,168,255,.55); box-shadow:0 18px 60px rgba(0,74,180,.12); }
.game-number { position:absolute; top:18px; right:20px; font-weight:950; font-size:.78rem; color:rgba(192,211,238,.42); letter-spacing:.12em; }
.game-card .kicker { margin-top:7px; }
.game-card h3 { margin-top:56px; font-size:1.72rem; line-height:1.03; }
.game-ex2 { background:linear-gradient(152deg,rgba(10,34,66,.99),rgba(3,9,20,.98)); border-color:rgba(37,168,255,.42); }
.game-ex2::before { border-color:rgba(255,173,25,.18); }
.game-ex2 .kicker::before { color:var(--gold); }

.watch-section { background:linear-gradient(180deg,#02050a,rgba(8,19,38,.72),#02050a); }
.video-grid { gap:18px; }
.video-card { border-radius:13px; overflow:hidden; background:linear-gradient(180deg,#09142a,#050b16); border-color:rgba(55,139,255,.24); }
.video-card:hover { border-color:rgba(37,168,255,.56); box-shadow:0 24px 70px rgba(0,70,180,.16); }
.featured-video { border-color:rgba(255,173,25,.36); box-shadow:0 0 0 1px rgba(255,173,25,.05),0 24px 70px rgba(0,70,180,.12); }
.lite-video { border:0; padding:0; width:100%; aspect-ratio:16/9; display:block; cursor:pointer; position:relative; overflow:hidden; background:#000; color:#fff; }
.lite-video img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease,filter .35s ease; }
.lite-video.local-poster img { object-fit:cover; }
.lite-video::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.48),transparent 55%); pointer-events:none; }
.lite-video:hover img { transform:scale(1.025); filter:saturate(1.08) contrast(1.04); }
.play-orb { position:absolute; z-index:3; left:50%; top:50%; width:58px; height:58px; transform:translate(-50%,-50%); display:grid; place-items:center; border-radius:50%; color:#05101c; background:linear-gradient(135deg,#fff,#4ac5ff); border:2px solid rgba(255,255,255,.75); box-shadow:0 0 0 7px rgba(37,168,255,.14),0 9px 30px rgba(0,0,0,.55); font-size:1.05rem; padding-left:3px; }
.match-chip { position:absolute; z-index:3; left:12px; bottom:12px; padding:6px 8px; background:rgba(2,6,12,.82); border:1px solid rgba(255,173,25,.46); color:var(--gold); font-size:.62rem; font-weight:950; letter-spacing:.1em; border-radius:5px; }
.video-copy { padding:18px 19px 21px; }
.video-copy h3 { font-size:1.25rem; margin:7px 0 8px; }
.video-copy p { color:var(--muted); font-size:.86rem; line-height:1.52; min-height:2.7em; margin:0 0 15px; }
.video-label { color:var(--gold); }

.timeline-section { background:radial-gradient(circle at 15% 15%,rgba(0,105,255,.09),transparent 28rem); }
.social-card { border-radius:12px; min-height:300px; background:linear-gradient(155deg,rgba(9,22,45,.96),rgba(3,8,17,.98)); }
.social-card-featured { background:linear-gradient(145deg,rgba(9,44,83,.98),rgba(4,11,23,.98)); }
.social-pulse { display:flex; gap:5px; margin:28px 0 -18px; align-items:flex-end; height:24px; }
.social-pulse span { width:4px; background:#25a8ff; box-shadow:0 0 8px rgba(37,168,255,.55); height:12px; animation:barPulse .9s ease-in-out infinite alternate; }
.social-pulse span:nth-child(2){height:23px;animation-delay:.16s}.social-pulse span:nth-child(3){height:17px;animation-delay:.3s}
.timeline-footer { background:linear-gradient(90deg,rgba(8,21,42,.88),rgba(5,10,20,.92)); }

.feature { border-radius:13px; background:linear-gradient(140deg,rgba(0,99,230,.18),rgba(7,15,31,.98)); border-color:rgba(37,168,255,.32); }
.mini { border-radius:13px; background:linear-gradient(155deg,#091427,#050b16); }
.newsletter { position:relative; overflow:hidden; border-radius:16px; background:linear-gradient(125deg,rgba(255,139,0,.115),rgba(0,103,255,.13) 58%,rgba(5,11,22,.96)); border-color:rgba(255,173,25,.34); }
.newsletter-brand { position:absolute; right:-45px; bottom:-145px; width:420px; opacity:.07; transform:rotate(-4deg); pointer-events:none; }
.newsletter-brand img { width:100%; }
.newsletter-inner { position:relative; z-index:1; }
.newsletter h2 { max-width:650px; }
.footer-brand img { width:155px; display:block; margin-bottom:8px; }
.footer-brand span { font-size:.85rem; }

@media (max-width:760px) {
  .brand-image { width:148px; height:30px; }
  .hero-brand-stage { min-height:690px; padding-top:70px; background-position:center top; }
  .hero-wordmark { width:min(430px,84vw); }
  .hero-centre h1 { font-size:clamp(2.7rem,13vw,4.2rem); }
  .hero-kicker { font-size:.6rem; letter-spacing:.12em; }
  .hero-centre .lede { font-size:1rem; }
  .hero-proof { gap:9px; font-size:.63rem; }
  .newsletter-brand { width:280px; right:-50px; bottom:-100px; }
}

.welcome-strip-section {
  position:relative;
  margin-top:-22px;
  z-index:4;
  padding:0 0 22px;
}
.welcome-strip {
  display:flex;
  align-items:center;
  gap:14px;
  max-width:900px;
  margin:0 auto;
  padding:15px 18px;
  border:1px solid rgba(37,168,255,.22);
  border-radius:14px;
  background:rgba(5,11,22,.88);
  box-shadow:0 16px 42px rgba(0,0,0,.28), inset 0 0 22px rgba(37,168,255,.025);
  backdrop-filter:blur(12px);
}
.welcome-strip p { margin:0; color:#c3cfe2; line-height:1.65; font-size:.93rem; }
.welcome-strip strong { color:#fff; }
.welcome-strip a { color:var(--blue); font-weight:800; text-decoration:none; }
.welcome-strip a:hover { text-decoration:underline; }
.welcome-pulse {
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 12px rgba(255,173,25,.8);
  animation:signalPulse 1.8s ease-in-out infinite;
}
#pick-your-game { padding-top:56px; }
#featured-matches { padding-top:88px; padding-bottom:96px; }
.timeline-section { padding-top:94px; padding-bottom:94px; }
.explore-section { padding-top:92px; padding-bottom:98px; }
.newsletter { margin-top:18px; margin-bottom:100px; }
.section-head { margin-bottom:34px; }
@media (max-width:680px) {
  .welcome-strip-section { margin-top:-10px; padding:0 0 10px; }
  .welcome-strip { align-items:flex-start; padding:13px 14px; }
  #pick-your-game { padding-top:44px; }
  #featured-matches,.timeline-section,.explore-section { padding-top:68px; padding-bottom:72px; }
  .newsletter { margin-bottom:72px; }
}

.game-selector-section {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 22%,rgba(18,112,255,.09),transparent 33rem),
    linear-gradient(180deg,#02050a 0%,#040a14 48%,#02050a 100%);
}
.game-selector-section::before {
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(37,168,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,168,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 76%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 76%,transparent);
}
.game-selector-head { text-align:center; max-width:760px; margin:0 auto 42px; position:relative; z-index:1; }
.game-selector-head .eyebrow { margin-bottom:10px; }
.game-selector-head h2 { margin:0; font-size:clamp(2.8rem,6vw,5.35rem); line-height:.92; letter-spacing:-.055em; }
.game-selector-head p { margin:17px 0 0; color:#b9c6da; font-size:clamp(1rem,1.6vw,1.18rem); }
.game-selector { display:flex; gap:16px; align-items:stretch; position:relative; z-index:1; }
.game-select-card {
  flex:1 1 0;
  min-width:0;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(64,154,255,.22);
  border-radius:16px;
  background:linear-gradient(155deg,rgba(10,24,47,.98),rgba(3,8,16,.99));
  transition:flex .38s cubic-bezier(.2,.8,.2,1),transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  box-shadow:0 20px 60px rgba(0,0,0,.24);
}
.game-select-card::after {
  content:"";
  position:absolute; inset:auto -20% -45% -20%; height:65%;
  background:radial-gradient(ellipse at center,rgba(0,116,255,.15),transparent 68%);
  pointer-events:none;
  transition:opacity .3s ease;
}
.game-select-card:hover,
.game-select-card:focus-within {
  flex:1.14 1 0;
  transform:translateY(-6px);
  border-color:rgba(46,174,255,.62);
  box-shadow:0 28px 85px rgba(0,76,190,.18),0 0 0 1px rgba(37,168,255,.08) inset;
}
.game-select-ex2 { border-color:rgba(47,179,255,.38); background:linear-gradient(155deg,rgba(7,36,69,.99),rgba(3,9,19,.99)); }
.game-select-ex2::after { background:radial-gradient(ellipse at center,rgba(0,158,255,.21),transparent 68%); }
.game-disc-link { display:flex; min-height:500px; flex-direction:column; align-items:center; padding:24px 21px 18px; color:inherit; text-decoration:none; position:relative; z-index:1; }
.game-index { position:absolute; top:18px; right:20px; color:rgba(201,219,243,.38); font-size:.72rem; font-weight:950; letter-spacing:.16em; }
.disc-stage { position:relative; width:min(250px,77%); aspect-ratio:1; margin:26px auto 12px; display:grid; place-items:center; perspective:900px; }
.game-disc { width:100%; height:100%; object-fit:contain; display:block; filter:drop-shadow(0 16px 18px rgba(0,0,0,.56)); transform:rotate(-2deg) translateZ(0); transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .45s ease; position:relative; z-index:2; }
.game-select-ex2 .game-disc { transform:rotate(2deg) translateZ(0); }
.game-select-ex3 .game-disc { transform:rotate(-1deg) translateZ(0); }
.disc-shadow { position:absolute; width:76%; height:20%; left:12%; bottom:2%; border-radius:50%; background:rgba(0,0,0,.56); filter:blur(16px); transform:scaleY(.45); opacity:.62; transition:transform .42s ease,opacity .42s ease; }
.game-select-card:hover .game-disc,
.game-select-card:focus-within .game-disc { transform:rotate(5deg) translateY(-10px) scale(1.045); filter:drop-shadow(0 22px 20px rgba(0,0,0,.62)) drop-shadow(0 0 20px rgba(33,161,255,.16)); }
.game-select-ex2:hover .game-disc,
.game-select-ex2:focus-within .game-disc { transform:rotate(-5deg) translateY(-10px) scale(1.045); }
.game-select-card:hover .disc-shadow,
.game-select-card:focus-within .disc-shadow { transform:scaleY(.36) scaleX(.88); opacity:.42; }
.game-select-copy { display:flex; flex-direction:column; align-items:center; text-align:center; margin-top:auto; }
.game-title { color:#fff; font-size:clamp(1.28rem,2.2vw,1.75rem); font-weight:950; letter-spacing:-.025em; }
.game-hook { margin-top:5px; color:#b7c5da; font-size:.92rem; }
.game-status { display:inline-flex; align-items:center; gap:7px; margin-top:14px; padding:6px 9px; border-radius:999px; border:1px solid rgba(69,162,255,.2); background:rgba(1,7,15,.62); color:#8fa8c8; font-size:.58rem; line-height:1; font-weight:900; letter-spacing:.1em; }
.game-status i { width:6px; height:6px; border-radius:50%; background:#34b6ff; box-shadow:0 0 10px rgba(52,182,255,.75); }
.game-select-ex3 .game-status i { background:#ffad19; box-shadow:0 0 10px rgba(255,173,25,.7); }
.game-quick-links { position:relative; z-index:3; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(64,154,255,.18); max-height:0; opacity:0; transform:translateY(9px); overflow:hidden; transition:max-height .38s ease,opacity .3s ease,transform .38s ease; }
.game-select-card:hover .game-quick-links,
.game-select-card:focus-within .game-quick-links { max-height:58px; opacity:1; transform:translateY(0); }
.game-quick-links a { min-height:48px; display:grid; place-items:center; padding:0 7px; color:#c7d6eb; text-decoration:none; font-size:.58rem; font-weight:950; letter-spacing:.06em; border-right:1px solid rgba(64,154,255,.16); transition:background .2s ease,color .2s ease; }
.game-quick-links a:last-child { border-right:0; }
.game-quick-links a:hover,.game-quick-links a:focus-visible { background:rgba(37,168,255,.09); color:#fff; }
.game-select-ex2 .game-title { color:#fff; text-shadow:0 0 20px rgba(37,168,255,.18); }
.game-select-ex3:hover,.game-select-ex3:focus-within { border-color:rgba(255,154,24,.5); box-shadow:0 28px 85px rgba(0,76,190,.12),0 0 55px rgba(255,130,0,.045); }

@media (max-width:900px) {
  .game-selector { display:grid; grid-template-columns:1fr; max-width:650px; margin:0 auto; }
  .game-select-card,.game-select-card:hover,.game-select-card:focus-within { transform:none; }
  .game-disc-link { min-height:unset; padding:24px 22px 18px; display:grid; grid-template-columns:180px 1fr; column-gap:24px; align-items:center; }
  .disc-stage { width:170px; margin:0; grid-row:1 / span 2; }
  .game-select-copy { margin:0; align-items:flex-start; text-align:left; }
  .game-index { top:16px; right:18px; }
  .game-quick-links,.game-select-card:hover .game-quick-links,.game-select-card:focus-within .game-quick-links { max-height:none; opacity:1; transform:none; }
}
@media (max-width:560px) {
  .game-selector-head { margin-bottom:28px; }
  .game-disc-link { grid-template-columns:112px 1fr; column-gap:17px; padding:18px 16px 15px; }
  .disc-stage { width:108px; }
  .game-title { font-size:1.14rem; }
  .game-hook { font-size:.78rem; }
  .game-status { font-size:.48rem; letter-spacing:.06em; }
  .game-quick-links { grid-template-columns:repeat(3,1fr); }
  .game-quick-links a { font-size:.5rem; min-height:44px; }
}
@media (prefers-reduced-motion:reduce) {
  .game-select-card,.game-disc,.disc-shadow,.game-quick-links { transition:none !important; }
}

.match-stage-section {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 22%,rgba(0,115,255,.11),transparent 31rem),
    linear-gradient(180deg,#02050a 0%,#071125 48%,#02050a 100%);
}
.match-stage-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:30px;
}
.match-stage-head h2 { margin:7px 0 0; font-size:clamp(2.4rem,5.6vw,4.7rem); line-height:.92; letter-spacing:-.055em; }
.match-stage-head p { max-width:460px; margin:0; color:#aebdd2; line-height:1.6; }
.match-stage {
  border:1px solid rgba(55,151,255,.3);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(8,21,43,.98),rgba(3,8,16,.995));
  box-shadow:0 28px 90px rgba(0,0,0,.3),0 0 60px rgba(0,87,210,.06);
}
.match-tabs { display:grid; grid-template-columns:repeat(3,1fr); background:#030812; border-bottom:1px solid rgba(66,159,255,.24); }
.match-tab {
  position:relative;
  border:0;
  border-right:1px solid rgba(66,159,255,.16);
  background:transparent;
  color:#7f91aa;
  min-height:58px;
  padding:0 14px;
  cursor:pointer;
  font:inherit;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.09em;
  transition:background .25s ease,color .25s ease;
}
.match-tab:last-child { border-right:0; }
.match-tab::after { content:""; position:absolute; height:3px; left:24%; right:24%; bottom:0; background:var(--gold); transform:scaleX(0); transform-origin:center; box-shadow:0 0 12px rgba(255,173,25,.46); transition:transform .28s ease; }
.match-tab:hover,.match-tab:focus-visible { color:#fff; background:rgba(37,168,255,.045); }
.match-tab.active { color:#fff; background:linear-gradient(180deg,rgba(27,119,255,.08),transparent); }
.match-tab.active::after { transform:scaleX(1); }
.match-stage-body { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(350px,.85fr); min-height:0; }
.match-stage-media { min-width:0; background:#000; border-right:1px solid rgba(66,159,255,.18); display:grid; align-items:center; }
.match-stage-video { aspect-ratio:16/9; min-height:0; height:auto; align-self:center; }
.match-stage-video img { min-height:0; object-fit:contain; background:#000; }
.match-stage-video::after { background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.06) 56%,rgba(0,0,0,.55)); }
.match-stage-scan { position:absolute; inset:0; z-index:2; pointer-events:none; opacity:.11; background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.08) 4px); mix-blend-mode:soft-light; }
.match-stage-play { width:76px; height:76px; font-size:1.22rem; }
.match-stage-copy { min-width:0; padding:clamp(28px,4vw,52px); display:flex; flex-direction:column; justify-content:center; transition:opacity .18s ease,transform .18s ease; }
.match-stage.is-switching .match-stage-copy { opacity:.15; transform:translateX(8px); }
.match-stage.is-switching .match-stage-media img { opacity:.35; transform:scale(1.015); }
.match-stage-meta { color:var(--gold); font-size:.68rem; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.match-stage-copy h3 { margin:12px 0 13px; max-width:100%; font-size:clamp(1.85rem,3.05vw,3rem); line-height:.96; letter-spacing:-.045em; text-wrap:balance; }
.match-stage-copy > p { margin:0; color:#b8c6da; line-height:1.65; font-size:1rem; }
.match-stage-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.match-curation-note { margin-top:auto; padding-top:30px; border-top:1px solid rgba(66,159,255,.15); }
.match-curation-note span { color:#7f91aa; font-size:.58rem; letter-spacing:.14em; font-weight:950; }
.match-curation-note p { margin:8px 0 0; color:#d5dfef; line-height:1.55; font-size:.88rem; }
@media (max-width:900px) {
  .match-stage-body { grid-template-columns:1fr; min-height:0; }
  .match-stage-media { border-right:0; border-bottom:1px solid rgba(66,159,255,.18); }
  .match-stage-video { aspect-ratio:16/9; min-height:0; }
  .match-stage-video img { min-height:0; }
  .match-curation-note { margin-top:30px; }
}
@media (max-width:680px) {
  .match-stage-head { display:block; }
  .match-stage-head p { margin-top:14px; }
  .match-tab { min-height:50px; font-size:.58rem; padding:0 7px; letter-spacing:.055em; }
  .match-stage-copy { padding:24px 20px 26px; }
  .match-stage-actions { display:grid; grid-template-columns:1fr; }
  .match-stage-actions .btn { width:100%; }
  .match-stage-play { width:62px; height:62px; }
}
@media (prefers-reduced-motion:reduce) {
  .match-tab,.match-tab::after,.match-stage-copy,.match-stage-media img { transition:none !important; }
}

.hero-brand-stage { min-height:720px; }
.hero-centre { max-width:1040px; }
.hero-centre h1 { margin-top:16px; }
.hero-actions { margin-top:32px; }
.hero-actions .btn { min-width:150px; }

.game-selector-section { padding-top:88px !important; padding-bottom:102px; }
.match-stage-section { padding-top:100px !important; padding-bottom:108px !important; }
.scene-pulse-section { padding-top:104px !important; padding-bottom:104px !important; }
.deeper-section { padding-top:104px; padding-bottom:116px; }
.dispatch-home-section { padding-top:104px; padding-bottom:110px; }

.match-stage-video img { object-position:center; }
.match-stage-head { align-items:end; }
.match-stage-head > p { color:#9eacc2; }

.scene-pulse-section {
  background:
    radial-gradient(circle at 16% 16%,rgba(0,108,255,.085),transparent 30rem),
    linear-gradient(180deg,#02050a 0%,#050b15 45%,#02050a 100%);
}
.scene-head { align-items:end; }
.scene-head p { margin-bottom:3px; }
.scene-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.scene-card {
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  border:1px solid rgba(55,139,255,.24);
  border-radius:15px;
  background:linear-gradient(160deg,rgba(9,21,41,.97),rgba(3,8,16,.99));
  box-shadow:0 22px 60px rgba(0,0,0,.2);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.scene-card:hover,.scene-card:focus-visible {
  transform:translateY(-5px);
  border-color:rgba(37,168,255,.56);
  box-shadow:0 26px 72px rgba(0,75,190,.15);
  outline:none;
}
.scene-media { aspect-ratio:16/10; overflow:hidden; background:#03060c; position:relative; border-bottom:1px solid rgba(55,139,255,.18); }
.scene-media::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to top,rgba(2,5,10,.56),transparent 52%); }
.scene-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease,filter .4s ease; }
.scene-card:hover .scene-media img { transform:scale(1.035); filter:saturate(1.06) contrast(1.035); }
.scene-card-body { min-height:248px; display:flex; flex-direction:column; padding:20px 20px 18px; }
.scene-tags { min-height:25px; display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.scene-tag,.popular-on-x {
  display:inline-flex; align-items:center; min-height:24px; padding:0 8px;
  border-radius:5px; font-size:.61rem; font-weight:950; letter-spacing:.1em;
  text-transform:uppercase;
}
.scene-tag { color:#87d7ff; border:1px solid rgba(37,168,255,.34); background:rgba(37,168,255,.07); }
.popular-on-x { color:#ffc75e; border:1px solid rgba(255,173,25,.42); background:rgba(255,173,25,.06); }
.scene-card h3 { margin:16px 0 9px; font-size:clamp(1.3rem,2vw,1.65rem); letter-spacing:-.035em; line-height:1.05; }
.scene-card p { margin:0; color:#aebbd0; line-height:1.58; font-size:.9rem; }
.scene-link { margin-top:auto; padding-top:20px; color:#dcecff; font-size:.7rem; font-weight:950; letter-spacing:.09em; }
.timeline-footer { margin-top:18px; border-radius:12px; }
.timeline-footer span { line-height:1.45; }

.scene-media-text {
  display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;
  padding:22px; background:
    radial-gradient(circle at 78% 22%,rgba(37,168,255,.18),transparent 13rem),
    linear-gradient(145deg,rgba(7,24,49,.98),rgba(2,6,13,.995));
}
.scene-media-text::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.28;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,rgba(97,181,255,.055) 5px);
}
.scene-media-text::after { background:linear-gradient(to top,rgba(2,5,10,.8),rgba(2,5,10,.08) 68%); }
.scene-media-text > * { position:relative; z-index:2; }
.scene-media-kicker { color:#7ccfff; font-size:.64rem; font-weight:950; letter-spacing:.11em; }
.scene-media-text strong { margin-top:8px; color:#fff; font-size:clamp(1.55rem,2.7vw,2.35rem); line-height:.9; letter-spacing:-.045em; }
.scene-media-text > span:last-child { margin-top:12px; color:#ffbf45; font-size:.66rem; font-weight:950; letter-spacing:.1em; }
.scene-media-darun { background:
  radial-gradient(circle at 20% 30%,rgba(255,173,25,.14),transparent 12rem),
  radial-gradient(circle at 80% 18%,rgba(37,168,255,.18),transparent 13rem),
  linear-gradient(145deg,rgba(17,16,30,.98),rgba(2,6,13,.995)); }

.deeper-section { background:#02050a; }
.deeper-head { margin-bottom:34px; }
.deeper-head h2 { max-width:720px; }
.deeper-grid { display:grid; grid-template-columns:minmax(0,1.38fr) minmax(310px,.72fr); gap:18px; }
.play-online-panel {
  position:relative; overflow:hidden; min-height:510px; padding:clamp(28px,4vw,48px);
  display:flex; flex-direction:column; align-items:flex-start;
  border:1px solid rgba(37,168,255,.28); border-radius:15px;
  background:
    linear-gradient(145deg,rgba(6,28,55,.88),rgba(3,8,17,.98) 62%),
    #040914;
  box-shadow:inset 0 0 70px rgba(0,95,220,.045),0 24px 60px rgba(0,0,0,.18);
}
.play-online-panel::after {
  content:"ONLINE"; position:absolute; right:-18px; bottom:-28px; pointer-events:none;
  color:rgba(37,168,255,.035); font-size:clamp(5rem,11vw,9rem); font-weight:950; letter-spacing:-.08em;
}
.play-online-panel h3 { max-width:760px; margin:22px 0 13px; font-size:clamp(2.4rem,5vw,4.7rem); line-height:.9; letter-spacing:-.055em; }
.play-online-panel > p { max-width:620px; margin:0; color:#aebbd0; line-height:1.62; }
.online-board { position:relative; z-index:1; width:100%; margin:32px 0 30px; border-top:1px solid rgba(72,152,255,.18); }
.online-board > div { display:grid; grid-template-columns:1.25fr .55fr .6fr; gap:14px; align-items:center; min-height:58px; border-bottom:1px solid rgba(72,152,255,.14); }
.online-board span { color:#eef5ff; font-weight:900; font-size:.82rem; letter-spacing:.045em; }
.online-board strong { color:#8be7b2; font-size:.69rem; letter-spacing:.1em; }
.online-board strong i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#58e79a; box-shadow:0 0 10px rgba(88,231,154,.65); }
.online-board em { justify-self:end; color:#7590b4; font-style:normal; font-size:.68rem; font-weight:900; letter-spacing:.08em; }
.deeper-side { display:grid; grid-template-rows:1fr 1fr; gap:18px; }
.deeper-card {
  position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end;
  min-height:246px; padding:27px; text-decoration:none; border:1px solid rgba(55,139,255,.19); border-radius:15px;
  background:linear-gradient(155deg,rgba(8,18,35,.96),rgba(3,8,16,.99));
  transition:transform .24s ease,border-color .24s ease,background .24s ease;
}
.deeper-card::after { content:""; position:absolute; width:190px; height:190px; right:-85px; top:-85px; border:1px solid rgba(37,168,255,.12); transform:rotate(35deg); transition:transform .3s ease,border-color .3s ease; }
.deeper-card:hover,.deeper-card:focus-visible { transform:translateY(-4px); border-color:rgba(37,168,255,.45); outline:none; }
.deeper-card:hover::after { transform:rotate(45deg) scale(1.06); border-color:rgba(37,168,255,.22); }
.deeper-card h3 { position:relative; z-index:1; margin:13px 0 9px; font-size:clamp(1.65rem,3vw,2.45rem); line-height:.95; letter-spacing:-.045em; }
.deeper-card p { position:relative; z-index:1; margin:0; color:#aebbd0; line-height:1.55; font-size:.9rem; }
.deeper-card > span { position:relative; z-index:1; margin-top:22px; color:#dbeaff; font-size:.68rem; font-weight:950; letter-spacing:.085em; }
.must-see-card { border-color:rgba(255,173,25,.2); }
.must-see-card .eyebrow { color:var(--gold); }
.must-see-card:hover { border-color:rgba(255,173,25,.42); }

.purpose-section {
  position:relative; isolation:isolate; overflow:hidden; padding:clamp(118px,14vw,190px) 0;
  background:#010205; border-top:1px solid rgba(65,133,230,.13); border-bottom:1px solid rgba(65,133,230,.13);
}
.purpose-glow { position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 52%,rgba(0,89,210,.08),transparent 31rem); }
.purpose-inner { max-width:980px; text-align:center; }
.purpose-mark { color:#52637d; font-size:.62rem; font-weight:950; letter-spacing:.18em; }
.purpose-section h2 { margin:22px 0 34px; font-size:clamp(3.2rem,8vw,7.4rem); line-height:.82; letter-spacing:-.065em; }
.purpose-section h2 span { color:#d9e4f3; }
.purpose-copy { max-width:820px; margin:0 auto; }
.purpose-copy p { margin:0 auto 13px; color:#aab8cc; font-size:clamp(.98rem,1.6vw,1.1rem); line-height:1.7; }
.purpose-copy strong { color:#f3f7ff; font-weight:780; }

.dispatch-home-section {
  background:
    radial-gradient(circle at 82% 30%,rgba(255,146,0,.07),transparent 26rem),
    radial-gradient(circle at 18% 45%,rgba(0,108,255,.07),transparent 28rem),
    #03070e;
}
.dispatch-home {
  display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr); gap:clamp(36px,6vw,86px); align-items:center;
  padding:clamp(34px,5vw,58px); border:1px solid rgba(84,148,238,.2); border-radius:16px;
  background:rgba(4,10,20,.78); box-shadow:0 28px 80px rgba(0,0,0,.18);
}
.dispatch-copy h2 { max-width:750px; margin:12px 0 0; font-size:clamp(2.3rem,4.8vw,4.7rem); line-height:.92; letter-spacing:-.055em; }
.dispatch-copy h2 strong { color:inherit; font-weight:inherit; text-decoration:underline; text-decoration-color:rgba(255,173,25,.68); text-decoration-thickness:3px; text-underline-offset:7px; }
.dispatch-signup { min-width:0; }
.dispatch-signup .signup-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.dispatch-signup .signup-form input { min-width:0; min-height:52px; border-radius:9px; background:#02060d; }
.dispatch-signup .signup-form .btn { min-height:52px; white-space:nowrap; }
.dispatch-note { margin:12px 2px 0; color:#7f8da5; font-size:.78rem; line-height:1.45; }
.dispatch-success { min-height:70px; padding:15px 17px; border:1px solid rgba(37,168,255,.28); border-radius:10px; background:rgba(37,168,255,.055); }
.dispatch-success strong { display:block; color:#fff; font-size:1rem; letter-spacing:.08em; }
.dispatch-success span { display:block; color:#aebbd0; margin-top:4px; font-size:.86rem; line-height:1.45; }

.site-footer { padding:0; border-top:1px solid rgba(55,126,221,.16); background:#010307; color:#8d9bb0; }
.footer-main { display:grid; grid-template-columns:minmax(260px,1fr) minmax(0,1.55fr); gap:clamp(48px,7vw,96px); padding-top:64px; padding-bottom:54px; }
.footer-intro img { width:min(235px,72%); display:block; }
.footer-intro p { max-width:470px; margin:20px 0 0; color:#9eacc0; line-height:1.65; font-size:.91rem; }
.footer-nav { display:grid; grid-template-columns:1.35fr .8fr .85fr .7fr; gap:28px; }
.footer-nav h2 { margin:0 0 15px; color:#5f718c; font-size:.61rem; letter-spacing:.14em; }
.footer-nav a { display:block; width:max-content; max-width:100%; margin:0 0 10px; color:#aebbd0; text-decoration:none; font-size:.84rem; line-height:1.4; transition:color .18s ease,transform .18s ease; }
.footer-nav a:hover,.footer-nav a:focus-visible { color:#fff; transform:translateX(2px); outline:none; }
.footer-legal { display:grid; grid-template-columns:auto 1fr; gap:22px; padding-top:20px; padding-bottom:28px; border-top:1px solid rgba(76,137,220,.12); color:#556276; font-size:.66rem; line-height:1.55; }
.footer-legal span:first-child { white-space:nowrap; color:#69788e; }

.btn:focus-visible,.match-tab:focus-visible,.nav-toggle:focus-visible,.signup-form input:focus-visible { outline:2px solid rgba(76,201,255,.72); outline-offset:3px; }
.section-head p,.match-stage-head p { line-height:1.65; }

@media (max-width:980px) {
  .scene-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scene-card:last-child { grid-column:1 / -1; display:grid; grid-template-columns:minmax(260px,.9fr) 1.1fr; }
  .scene-card:last-child .scene-media { aspect-ratio:auto; min-height:270px; border-bottom:0; border-right:1px solid rgba(55,139,255,.18); }
  .deeper-grid { grid-template-columns:1fr; }
  .deeper-side { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .dispatch-home { grid-template-columns:1fr; }
  .footer-main { grid-template-columns:1fr; }
}

@media (max-width:720px) {
  .hero-brand-stage { min-height:650px; padding-top:68px; }
  .hero-centre h1 { margin-top:14px; }
  .hero-actions { display:grid; width:min(100%,390px); grid-template-columns:1fr; }
  .hero-actions .btn { width:100%; }
  .game-selector-section { padding-top:68px !important; padding-bottom:78px; }
  .match-stage-section,.scene-pulse-section,.deeper-section,.dispatch-home-section { padding-top:76px !important; padding-bottom:80px !important; }
  .scene-card-grid { grid-template-columns:1fr; }
  .scene-card:last-child { grid-column:auto; display:flex; }
  .scene-card:last-child .scene-media { aspect-ratio:16/10; min-height:0; border-right:0; border-bottom:1px solid rgba(55,139,255,.18); }
  .scene-card-body { min-height:218px; }
  .timeline-footer { align-items:flex-start; flex-direction:column; }
  .timeline-footer .btn { width:100%; }
  .play-online-panel { min-height:0; padding:26px 22px; }
  .play-online-panel h3 { font-size:clamp(2.25rem,12vw,3.4rem); }
  .online-board > div { grid-template-columns:1fr auto; gap:7px 12px; padding:11px 0; }
  .online-board em { grid-column:1 / -1; justify-self:start; }
  .deeper-side { grid-template-columns:1fr; }
  .deeper-card { min-height:220px; }
  .purpose-section { padding:108px 0; }
  .purpose-section h2 { font-size:clamp(3rem,15vw,5.2rem); }
  .purpose-copy { text-align:left; }
  .dispatch-home { padding:26px 20px; gap:28px; }
  .dispatch-signup .signup-form { grid-template-columns:1fr; }
  .dispatch-signup .signup-form .btn { width:100%; }
  .footer-main { padding-top:50px; padding-bottom:42px; }
  .footer-nav { grid-template-columns:1fr 1fr; gap:32px 24px; }
  .footer-legal { grid-template-columns:1fr; gap:7px; }
}

@media (max-width:440px) {
  .signal-label { font-size:.55rem; letter-spacing:.12em; }
  .hero-wordmark { width:86vw; }
  .scene-card-body { padding:18px 17px 17px; }
  .footer-nav { grid-template-columns:1fr; gap:26px; }
}

@media (hover:none) {
  .scene-card:hover,.deeper-card:hover { transform:none; }
}

.purpose-section h2 > span { display:block; white-space:nowrap; font-size:.88em; }
.dispatch-note-below { max-width:760px; margin:15px auto 0; text-align:center; }
@media (max-width:720px) {
  .purpose-section h2 > span { font-size:.76em; }
  .dispatch-note-below { margin-top:13px; }
}

.site-footer .footer-grid { padding-top:34px; padding-bottom:52px; }

.archive-page { background:radial-gradient(circle at 16% 2%,rgba(32,112,255,.13),transparent 25rem),radial-gradient(circle at 86% 15%,rgba(239,151,34,.055),transparent 22rem),#04070d; }
.archive-hero { position:relative; overflow:hidden; padding:74px 0 56px; border-bottom:1px solid rgba(63,143,255,.15); background:linear-gradient(180deg,rgba(6,13,28,.55),rgba(3,6,12,.22)); }
.archive-hero::after { content:""; position:absolute; width:640px; height:1px; right:-100px; bottom:56px; background:linear-gradient(90deg,transparent,rgba(53,174,255,.72),rgba(255,159,41,.3),transparent); box-shadow:0 0 24px rgba(52,167,255,.42); transform:rotate(-5deg); }
.archive-hero-inner { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.archive-hero h1 { margin:13px 0 16px; font-size:clamp(2.8rem,7vw,6.15rem); line-height:.88; max-width:900px; letter-spacing:-.06em; }
.archive-hero h1 span { color:#dfe8f7; text-shadow:0 0 30px rgba(60,156,255,.09); }
.archive-hero p { margin:0; color:#aab7cb; font-size:clamp(1rem,1.7vw,1.18rem); }
.archive-counter { min-width:220px; display:grid; grid-template-columns:auto auto; align-items:baseline; column-gap:8px; row-gap:0; padding:18px 20px; border:1px solid rgba(58,146,255,.18); border-radius:14px; background:rgba(4,9,19,.64); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.archive-counter strong { font-size:2rem; line-height:1; }
.archive-counter span { color:#71829e; font-size:.65rem; letter-spacing:.14em; font-weight:900; }
.archive-counter i { grid-column:1/-1; height:1px; background:linear-gradient(90deg,rgba(47,164,255,.62),rgba(255,150,31,.16),transparent); margin:12px 0; }
.archive-browser { padding-top:46px; }
.archive-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.archive-filter-row { margin:0; }
.archive-filter-row .filter { border-radius:8px; font-size:.69rem; font-weight:900; letter-spacing:.08em; padding:11px 14px; background:#070d19; }
.archive-filter-note { margin:0; color:#74839b; font-size:.78rem; white-space:nowrap; }
.archive-filter-note span { color:#d7e2f4; font-weight:800; }
.archive-note { display:flex; align-items:flex-start; gap:13px; border-left:2px solid rgba(54,161,255,.62); padding:11px 0 11px 15px; margin-bottom:28px; max-width:830px; }
.archive-note-icon { color:var(--blue); font-weight:900; line-height:1.5; }
.archive-note p { margin:0; color:#8290a7; font-size:.86rem; line-height:1.55; }
.archive-match-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.archive-match-card { padding:0; overflow:hidden; display:flex; flex-direction:column; border-radius:16px; background:linear-gradient(180deg,#09101d,#070b14); border:1px solid rgba(65,139,244,.16); box-shadow:0 15px 36px rgba(0,0,0,.14); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.archive-match-card:hover { transform:translateY(-4px); border-color:rgba(63,164,255,.38); box-shadow:0 18px 44px rgba(0,0,0,.26),0 0 24px rgba(35,141,255,.045); }
.archive-match-card[hidden] { display:none !important; }
.featured-archive-card { border-color:rgba(255,162,37,.22); }
.external-card { background:linear-gradient(180deg,#080f1b,#070a12); }
.archive-thumb { aspect-ratio:16/9; position:relative; display:block; overflow:hidden; background:#03060b; border-bottom:1px solid rgba(66,142,247,.15); }
.archive-thumb::after { content:""; position:absolute; inset:auto 0 0; height:48%; background:linear-gradient(transparent,rgba(0,5,12,.62)); pointer-events:none; }
.archive-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease,filter .35s ease; }
.archive-match-card:hover .archive-thumb img { transform:scale(1.025); filter:saturate(1.04) contrast(1.02); }
.archive-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:rgba(44,171,255,.93); color:#03101b; box-shadow:0 0 0 5px rgba(44,171,255,.13),0 8px 24px rgba(0,0,0,.35); font-size:.9rem; padding-left:2px; transition:transform .2s ease,box-shadow .2s ease; }
.archive-match-card:hover .archive-play { transform:translate(-50%,-50%) scale(1.06); box-shadow:0 0 0 7px rgba(44,171,255,.14),0 8px 28px rgba(0,0,0,.4); }
.archive-badge { position:absolute; z-index:3; left:12px; bottom:11px; padding:6px 9px; border-radius:6px; font-size:.59rem; font-weight:950; letter-spacing:.08em; color:#06111d; background:var(--blue); box-shadow:0 5px 16px rgba(0,0,0,.28); }
.archive-badge.hype { background:#f5a526; }
.archive-badge.vintage { background:#d7b26a; }
.archive-badge.history { background:#e2d5b8; }
.archive-badge.guide { background:#39b8ff; }
.archive-badge.community { background:#101b2d; color:#9bbfe7; border:1px solid rgba(89,154,235,.32); }
.archive-card-body { flex:1; display:flex; flex-direction:column; padding:18px 18px 16px; }
.archive-card-meta { display:flex; flex-wrap:wrap; gap:8px 10px; color:#7590b3; font-size:.57rem; font-weight:900; letter-spacing:.1em; }
.archive-card-meta span:first-child { color:#f2ab32; }
.archive-match-card h2 { margin:12px 0 7px; font-size:clamp(1.18rem,1.75vw,1.48rem); letter-spacing:-.035em; line-height:1.06; }
.archive-match-card h2 small { font-size:.68em; color:#8290a7; font-weight:700; }
.archive-card-sub { margin:0 0 20px; color:#93a1b7; line-height:1.5; font-size:.83rem; }
.archive-card-footer { margin-top:auto; padding-top:14px; border-top:1px solid rgba(72,133,215,.12); display:flex; justify-content:space-between; align-items:flex-end; gap:10px; }
.archive-card-footer span { color:#687991; font-size:.66rem; line-height:1.35; max-width:58%; }
.archive-card-footer a { color:#52bdff; font-size:.66rem; font-weight:950; letter-spacing:.055em; text-decoration:none; white-space:nowrap; }
.archive-card-footer a:hover { color:#fff; }
.archive-endcap { margin-top:38px; display:flex; align-items:center; justify-content:space-between; gap:26px; padding:26px 28px; border:1px solid rgba(68,145,244,.16); border-radius:18px; background:linear-gradient(110deg,rgba(24,95,174,.08),rgba(6,10,18,.72)); }
.archive-endcap h2 { margin:7px 0 8px; font-size:clamp(1.7rem,3vw,2.5rem); letter-spacing:-.04em; }
.archive-endcap p { max-width:720px; margin:0; color:#8d9cb3; line-height:1.55; }
@media (max-width:980px) {
  .archive-match-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .archive-hero-inner { align-items:flex-start; }
  .archive-counter { min-width:180px; }
}
@media (max-width:700px) {
  .archive-hero { padding:56px 0 40px; }
  .archive-hero-inner { display:block; }
  .archive-counter { margin-top:28px; width:100%; max-width:300px; }
  .archive-toolbar { align-items:flex-start; flex-direction:column; gap:11px; }
  .archive-match-grid { grid-template-columns:1fr; }
  .archive-endcap { align-items:flex-start; flex-direction:column; }
  .archive-card-footer span { max-width:56%; }
}

.archive-toolbar {
  position:sticky; top:70px; z-index:12;
  margin-left:-10px; margin-right:-10px; padding:12px 10px;
  background:linear-gradient(180deg,rgba(4,7,13,.97),rgba(4,7,13,.9) 72%,rgba(4,7,13,0));
  backdrop-filter:blur(14px);
}
.archive-filter-row .filter { display:inline-flex; align-items:center; gap:8px; min-height:40px; transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease; }
.archive-filter-row .filter:hover { transform:translateY(-1px); }
.archive-filter-row .filter-count { min-width:20px; height:20px; padding:0 5px; display:inline-grid; place-items:center; border-radius:999px; background:rgba(255,255,255,.055); color:#8394ad; font-size:.58rem; letter-spacing:0; }
.archive-filter-row .filter.active .filter-count { background:rgba(3,15,25,.18); color:#04101a; }
.archive-filter-row .filter:focus-visible { outline:2px solid rgba(76,201,255,.72); outline-offset:3px; }
.archive-match-card:not(.external-card) .archive-card-meta span:last-child { color:#72c8ff; }
.external-card .archive-card-meta span:last-child { color:#9caac0; }
.archive-match-card:focus-within { transform:translateY(-3px); border-color:rgba(63,164,255,.42); box-shadow:0 18px 44px rgba(0,0,0,.26),0 0 24px rgba(35,141,255,.06); }
.archive-thumb:focus-visible,.archive-card-footer a:focus-visible,.archive-endcap .btn:focus-visible { outline:2px solid rgba(76,201,255,.78); outline-offset:-3px; }
.archive-card-footer a { position:relative; }
.archive-card-footer a::after { content:""; position:absolute; left:0; right:0; bottom:-3px; height:1px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.archive-card-footer a:hover::after,.archive-card-footer a:focus-visible::after { transform:scaleX(1); }
.archive-match-card h2 { overflow-wrap:anywhere; }
@media (max-width:700px) {
  .archive-toolbar { top:70px; padding-top:10px; padding-bottom:12px; margin-bottom:14px; overflow:hidden; }
  .archive-filter-row { width:100%; flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px; scrollbar-width:none; }
  .archive-filter-row::-webkit-scrollbar { display:none; }
  .archive-filter-row .filter { flex:0 0 auto; }
  .archive-filter-note { padding-left:2px; }
  .archive-card-footer { align-items:center; }
  .archive-card-footer span { max-width:54%; }
}
@media (prefers-reduced-motion:reduce) {
  .archive-match-card,.archive-thumb img,.archive-play,.archive-filter-row .filter,.archive-card-footer a::after { transition:none !important; }
  .archive-match-card:hover,.archive-match-card:focus-within,.archive-filter-row .filter:hover { transform:none; }
}

.game-hub-page { background:radial-gradient(circle at 13% 2%,rgba(34,111,255,.12),transparent 28rem),radial-gradient(circle at 88% 13%,rgba(243,151,35,.055),transparent 24rem),#03060c; }
.game-hub-hero { position:relative; isolation:isolate; overflow:hidden; min-height:660px; display:flex; align-items:center; border-bottom:1px solid rgba(60,144,255,.14); background:linear-gradient(180deg,rgba(4,9,19,.48),rgba(2,5,10,.88)); }
.game-hub-grid-lines { position:absolute; z-index:-2; inset:0; opacity:.42; background-image:linear-gradient(rgba(76,201,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(76,201,255,.045) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to right,rgba(0,0,0,.95),rgba(0,0,0,.25) 74%,transparent); transform:perspective(650px) rotateX(61deg) scale(1.65) translateY(33%); transform-origin:center bottom; }
.game-hub-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 74% 48%,rgba(30,155,255,.14),transparent 18rem),linear-gradient(113deg,transparent 0 63%,rgba(44,140,255,.07) 63.2% 63.6%,transparent 63.8%); }
.game-hub-hero::after { content:""; position:absolute; z-index:-1; width:55vw; height:2px; left:51%; top:67%; background:linear-gradient(90deg,transparent,rgba(49,175,255,.82),rgba(255,159,35,.5),transparent); transform:rotate(-8deg); box-shadow:0 0 24px rgba(55,174,255,.42); }
.game-hub-hero-inner { min-height:660px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr); align-items:center; gap:clamp(24px,5vw,72px); }
.game-hub-hero-copy { position:relative; z-index:2; padding:70px 0 62px; }
.game-hub-hero h1 { margin:15px 0 20px; max-width:870px; font-size:clamp(3.2rem,7vw,6.35rem); line-height:.84; }
.game-hub-hero h1 span { color:#dbe7f8; }
.game-hub-lede { max-width:700px; margin:0; color:#aab9cf; font-size:clamp(1.02rem,1.8vw,1.22rem); line-height:1.65; }
.game-hub-actions { margin-top:28px; }
.game-hub-status { display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin-top:34px; color:#7186a5; font-size:.63rem; font-weight:900; letter-spacing:.115em; }
.game-hub-status i { width:4px; height:4px; border-radius:50%; background:rgba(68,190,255,.68); box-shadow:0 0 8px rgba(68,190,255,.5); }
.game-hub-disc-wrap { min-height:430px; position:relative; display:grid; place-items:center; perspective:900px; }
.game-hub-disc { position:relative; z-index:3; width:min(390px,84%); filter:drop-shadow(0 28px 32px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(31,157,255,.08)); transform:rotate(-7deg) rotateX(5deg); transition:transform .4s ease,filter .4s ease; }
.game-hub-disc-wrap:hover .game-hub-disc { transform:rotate(-3deg) rotateX(1deg) translateY(-8px) scale(1.025); filter:drop-shadow(0 34px 38px rgba(0,0,0,.58)) drop-shadow(0 0 34px rgba(31,157,255,.14)); }
.disc-orbit { position:absolute; border-radius:50%; border:1px solid rgba(72,179,255,.14); transform:rotateX(68deg); }
.disc-orbit-one { width:430px; height:430px; box-shadow:inset 0 0 26px rgba(57,166,255,.025); }
.disc-orbit-two { width:335px; height:335px; border-color:rgba(255,164,38,.09); }
.disc-floor { position:absolute; z-index:1; width:370px; height:75px; bottom:67px; border-radius:50%; background:radial-gradient(ellipse,rgba(46,160,255,.13),rgba(5,12,23,.04) 50%,transparent 72%); filter:blur(4px); }
.game-hub-intro { padding-top:58px; padding-bottom:38px; }
.game-hub-intro-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(340px,.75fr); gap:clamp(34px,7vw,100px); align-items:end; }
.game-hub-intro h2 { margin:10px 0 0; font-size:clamp(2.2rem,4.7vw,4.35rem); line-height:.91; letter-spacing:-.055em; }
.game-hub-intro p { margin:0; color:#97a8c0; line-height:1.7; }
.game-feature-section { padding-top:34px; }
.game-feature-shell { display:grid; grid-template-columns:minmax(0,1.42fr) minmax(320px,.68fr); min-height:460px; overflow:hidden; border:1px solid rgba(72,155,255,.24); border-radius:18px; background:linear-gradient(140deg,rgba(10,25,48,.9),rgba(4,9,18,.98)); box-shadow:0 28px 70px rgba(0,0,0,.22); }
.game-feature-media { position:relative; display:block; min-height:460px; overflow:hidden; background:#000; }
.game-feature-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 58%,rgba(3,8,16,.36)),linear-gradient(0deg,rgba(1,5,11,.46),transparent 45%); pointer-events:none; }
.game-feature-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease,filter .45s ease; }
.game-feature-media:hover img { transform:scale(1.025); filter:saturate(1.04) contrast(1.025); }
.game-feature-scan { position:absolute; z-index:2; inset:0; pointer-events:none; opacity:.1; background:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 4px); }
.game-feature-play { z-index:3; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; }
.game-feature-badge { z-index:4; left:18px; bottom:18px; }
.game-feature-copy { padding:clamp(28px,4vw,46px); display:flex; flex-direction:column; justify-content:center; }
.game-feature-meta { color:#f3ad35; font-size:.63rem; font-weight:950; letter-spacing:.115em; }
.game-feature-copy h2 { margin:13px 0 17px; font-size:clamp(2rem,4vw,3.7rem); line-height:.91; letter-spacing:-.05em; overflow-wrap:anywhere; }
.game-feature-copy p { margin:0; color:#9fadc1; line-height:1.65; }
.game-feature-actions { display:flex; align-items:center; flex-wrap:wrap; gap:17px; margin-top:29px; }
.text-link { color:#7fcfff; font-size:.7rem; font-weight:950; letter-spacing:.07em; text-decoration:none; }
.text-link:hover { color:#fff; }
.game-archive-preview-section { background:linear-gradient(180deg,rgba(3,7,14,.15),rgba(2,5,10,.7)); }
.game-preview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.game-preview-card { display:flex; flex-direction:column; min-width:0; border:1px solid rgba(66,139,235,.16); border-radius:15px; overflow:hidden; background:linear-gradient(180deg,#08101d,#050a12); transition:transform .22s ease,border-color .22s ease; }
.game-preview-card:hover { transform:translateY(-4px); border-color:rgba(69,168,255,.34); }
.game-preview-card.external-preview { border-color:rgba(107,135,178,.15); }
.game-preview-thumb { position:relative; aspect-ratio:16/9; overflow:hidden; display:block; background:#02050a; border-bottom:1px solid rgba(62,140,244,.13); }
.game-preview-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .32s ease; }
.game-preview-card:hover .game-preview-thumb img { transform:scale(1.03); }
.game-preview-copy { flex:1; display:flex; flex-direction:column; padding:17px; }
.game-preview-source { color:#6fc8ff; font-size:.56rem; font-weight:950; letter-spacing:.1em; }
.external-preview .game-preview-source { color:#8e9db3; }
.game-preview-copy h3 { margin:11px 0 8px; font-size:1.15rem; line-height:1.06; letter-spacing:-.025em; overflow-wrap:anywhere; }
.game-preview-copy p { margin:0 0 18px; color:#8898af; font-size:.8rem; line-height:1.5; }
.game-preview-copy > a { margin-top:auto; color:#57bdff; text-decoration:none; font-size:.66rem; font-weight:950; letter-spacing:.06em; }
.game-preview-footer { display:flex; justify-content:center; margin-top:25px; }
.game-online-section { padding-top:80px; padding-bottom:80px; background:radial-gradient(circle at 84% 50%,rgba(37,146,255,.1),transparent 23rem),#02050a; }
.game-online-card { min-height:360px; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.42fr); gap:50px; align-items:center; padding:clamp(34px,5vw,58px); border:1px solid rgba(62,150,255,.22); border-radius:18px; background:linear-gradient(130deg,rgba(8,28,54,.88),rgba(3,8,16,.98)); }
.game-online-copy h2 { margin:12px 0 15px; font-size:clamp(2.4rem,5vw,4.8rem); line-height:.9; letter-spacing:-.055em; }
.game-online-copy p { max-width:700px; margin:0 0 28px; color:#9dadc3; line-height:1.65; }
.game-online-status { justify-self:end; width:min(100%,310px); display:flex; align-items:center; gap:16px; padding:26px; border:1px solid rgba(72,165,255,.2); border-radius:15px; background:rgba(3,9,18,.78); box-shadow:inset 0 0 34px rgba(37,146,255,.035); }
.game-online-dot { flex:0 0 auto; width:14px; height:14px; border-radius:50%; background:#50e69a; box-shadow:0 0 0 6px rgba(80,230,154,.07),0 0 22px rgba(80,230,154,.52); }
.game-online-status small,.game-online-status strong,.game-online-status em { display:block; }
.game-online-status small { color:#7990af; font-size:.59rem; font-weight:950; letter-spacing:.115em; }
.game-online-status strong { margin:5px 0 3px; font-size:1.65rem; letter-spacing:.03em; }
.game-online-status em { color:#72bff3; font-style:normal; font-size:.69rem; font-weight:850; letter-spacing:.085em; }
.game-next-section { padding-top:78px; }
.game-next-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.game-next-card { position:relative; min-height:230px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:24px; border:1px solid rgba(65,143,243,.16); border-radius:15px; background:linear-gradient(155deg,rgba(9,19,36,.96),rgba(4,8,15,.99)); text-decoration:none; transition:transform .22s ease,border-color .22s ease; }
.game-next-card::after { content:""; position:absolute; width:170px; height:170px; top:-75px; right:-75px; border:1px solid rgba(63,168,255,.12); transform:rotate(38deg); transition:transform .3s ease; }
.game-next-card:hover { transform:translateY(-4px); border-color:rgba(71,174,255,.38); }
.game-next-card:hover::after { transform:rotate(47deg) scale(1.06); }
.game-next-card span { position:absolute; top:22px; left:23px; color:#5b759b; font-size:.7rem; font-weight:950; letter-spacing:.13em; }
.game-next-card strong { position:relative; z-index:1; font-size:1.8rem; letter-spacing:-.04em; }
.game-next-card small { position:relative; z-index:1; margin-top:5px; color:#8797ad; font-size:.81rem; }
.game-next-card b { position:relative; z-index:1; margin-top:24px; color:#54c0ff; font-size:.65rem; letter-spacing:.07em; }
.game-next-archive { border-color:rgba(242,165,48,.18); }
.game-next-archive b { color:#f0ac3a; }
@media (max-width:1000px) {
  .game-hub-hero-inner { grid-template-columns:minmax(0,1fr) minmax(280px,.6fr); }
  .game-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .game-feature-shell { grid-template-columns:1fr; }
  .game-feature-media { min-height:0; aspect-ratio:16/9; }
}
@media (max-width:760px) {
  .game-hub-hero { min-height:auto; }
  .game-hub-hero-inner { min-height:auto; grid-template-columns:1fr; padding-top:30px; }
  .game-hub-hero-copy { padding:34px 0 12px; }
  .game-hub-disc-wrap { min-height:315px; order:-1; margin-top:28px; }
  .game-hub-disc { width:min(300px,72vw); }
  .disc-orbit-one { width:310px; height:310px; }
  .disc-orbit-two { width:245px; height:245px; }
  .disc-floor { width:280px; bottom:35px; }
  .game-hub-hero::after { width:105vw; left:25%; top:44%; }
  .game-hub-intro-grid,.game-online-card { grid-template-columns:1fr; }
  .game-hub-intro-grid { gap:20px; }
  .game-preview-grid,.game-next-grid { grid-template-columns:1fr; }
  .game-online-card { gap:32px; }
  .game-online-status { justify-self:start; }
  .game-feature-copy { padding:27px 22px 30px; }
}
@media (prefers-reduced-motion:reduce) {
  .game-hub-disc,.game-preview-card,.game-preview-thumb img,.game-next-card,.game-next-card::after,.game-feature-media img { transition:none !important; }
  .game-hub-disc-wrap:hover .game-hub-disc,.game-preview-card:hover,.game-next-card:hover { transform:none; }
}

.game-hub-ex2 { background:radial-gradient(circle at 13% 2%,rgba(26,126,255,.15),transparent 28rem),radial-gradient(circle at 89% 12%,rgba(255,157,31,.07),transparent 24rem),#03060c; }
.ex2-competitive-hero::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(0,116,255,.075),transparent 35%,transparent 72%,rgba(255,157,31,.035)); }
.ex2-signal-bars { position:absolute; z-index:-1; left:0; right:0; bottom:0; height:82px; display:flex; align-items:flex-end; gap:5px; padding:0 5vw; opacity:.28; pointer-events:none; mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent); }
.ex2-signal-bars i { flex:1; min-width:20px; height:20%; border-top:1px solid rgba(76,201,255,.34); background:linear-gradient(180deg,rgba(38,158,255,.14),transparent); }
.ex2-signal-bars i:nth-child(2) { height:38%; }
.ex2-signal-bars i:nth-child(3) { height:66%; }
.ex2-signal-bars i:nth-child(4) { height:88%; border-color:rgba(255,173,25,.32); }
.ex2-signal-bars i:nth-child(5) { height:54%; }
.ex2-signal-bars i:nth-child(6) { height:30%; }
.game-hub-ex2 .game-hub-disc { transform:rotate(5deg) rotateX(4deg); filter:drop-shadow(0 28px 32px rgba(0,0,0,.55)) drop-shadow(0 0 34px rgba(31,157,255,.13)); }
.game-hub-ex2 .game-hub-disc-wrap:hover .game-hub-disc { transform:rotate(2deg) rotateX(0deg) translateY(-9px) scale(1.03); filter:drop-shadow(0 35px 40px rgba(0,0,0,.58)) drop-shadow(0 0 42px rgba(31,157,255,.2)); }
.ex2-disc-pulse { position:absolute; z-index:0; width:290px; height:290px; border-radius:50%; border:1px solid rgba(73,190,255,.11); box-shadow:0 0 55px rgba(21,117,255,.08), inset 0 0 44px rgba(21,117,255,.035); }
.game-hub-ex2 .game-hub-hero h1 span { color:#e9f2ff; text-shadow:0 0 28px rgba(65,171,255,.08); }
.game-hub-ex2 .game-feature-meta,.game-hub-ex2 .eyebrow { color:#79cfff; }
.game-hub-ex2 .ex2-intro .eyebrow,.game-hub-ex2 .game-feature-meta { color:#f0ac39; }
.ex2-feature-shell { border-color:rgba(76,176,255,.31); box-shadow:0 28px 78px rgba(0,0,0,.24),0 0 46px rgba(37,146,255,.045); }
.ex2-guide-bridge-section { padding-top:48px; padding-bottom:58px; background:linear-gradient(180deg,rgba(3,8,16,.25),rgba(3,8,16,.7)); }
.ex2-guide-bridge { display:grid; grid-template-columns:minmax(320px,.72fr) minmax(0,1fr); min-height:320px; overflow:hidden; border:1px solid rgba(78,165,255,.21); border-radius:16px; background:linear-gradient(135deg,rgba(8,25,48,.95),rgba(3,8,16,.98)); text-decoration:none; transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease; }
.ex2-guide-bridge:hover,.ex2-guide-bridge:focus-visible { transform:translateY(-4px); border-color:rgba(77,181,255,.42); box-shadow:0 24px 55px rgba(0,0,0,.24); outline:none; }
.ex2-guide-media { position:relative; min-height:320px; overflow:hidden; border-right:1px solid rgba(75,160,255,.15); background:#02050a; }
.ex2-guide-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 50%,rgba(3,8,16,.28)),linear-gradient(0deg,rgba(2,6,12,.35),transparent 45%); pointer-events:none; }
.ex2-guide-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.ex2-guide-bridge:hover .ex2-guide-media img { transform:scale(1.025); }
.ex2-guide-media .archive-badge { left:16px; bottom:16px; }
.ex2-guide-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4.5vw,56px); }
.ex2-guide-copy h2 { margin:12px 0 14px; font-size:clamp(2rem,4.7vw,4.4rem); line-height:.89; letter-spacing:-.055em; overflow-wrap:anywhere; }
.ex2-guide-copy p { max-width:690px; margin:0; color:#9dadc3; line-height:1.62; }
.ex2-guide-copy > span { margin-top:28px; color:#61c5ff; font-size:.68rem; font-weight:950; letter-spacing:.075em; }
.ex2-preview-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.ex2-preview-grid .game-preview-card:first-child { border-color:rgba(77,174,255,.23); }
.ex2-online-section { background:radial-gradient(circle at 84% 50%,rgba(37,146,255,.13),transparent 23rem),#02050a; }
.game-hub-ex2 .game-online-card { border-color:rgba(66,164,255,.28); background:linear-gradient(130deg,rgba(7,32,63,.93),rgba(3,8,16,.98)); }
@media (max-width:1180px) { .ex2-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) {
  .ex2-guide-bridge { grid-template-columns:1fr; }
  .ex2-guide-media { min-height:0; aspect-ratio:16/9; border-right:0; border-bottom:1px solid rgba(75,160,255,.15); }
  .ex2-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) { .ex2-preview-grid { grid-template-columns:1fr; } }
@media (hover:none) { .ex2-guide-bridge:hover { transform:none; } }
@media (prefers-reduced-motion:reduce) {
  .ex2-guide-bridge,.ex2-guide-media img { transition:none !important; }
  .ex2-guide-bridge:hover,.ex2-guide-bridge:hover .ex2-guide-media img { transform:none; }
}

.dispatch-latest { width:min(760px,100%); margin:30px auto 0; display:grid; grid-template-columns:132px 1fr; align-items:center; gap:20px; padding:14px; border:1px solid rgba(80,150,240,.17); border-radius:13px; background:rgba(3,8,16,.62); text-decoration:none; overflow:hidden; transition:transform .22s ease,border-color .22s ease; }
.dispatch-latest:hover,.dispatch-latest:focus-visible { transform:translateY(-3px); border-color:rgba(69,174,255,.34); outline:none; }
.dispatch-latest-art { aspect-ratio:4/5; overflow:hidden; border-radius:8px; background:#02050a; }
.dispatch-latest-art img { width:100%; height:100%; object-fit:cover; display:block; filter:blur(2.2px) brightness(.56) saturate(.82); transform:scale(1.035); transition:filter .28s ease,transform .28s ease; }
.dispatch-latest:hover .dispatch-latest-art img,.dispatch-latest:focus-visible .dispatch-latest-art img { filter:blur(.6px) brightness(.72) saturate(.95); transform:scale(1.01); }
.dispatch-latest-copy { min-width:0; }
.dispatch-latest-copy span,.dispatch-latest-copy strong,.dispatch-latest-copy b { display:block; }
.dispatch-latest-copy span { color:#7387a4; font-size:.58rem; font-weight:950; letter-spacing:.13em; }
.dispatch-latest-copy strong { margin:8px 0 12px; color:#eef5ff; font-size:clamp(1.55rem,3vw,2.4rem); letter-spacing:-.03em; }
.dispatch-latest-copy b { color:#f0aa37; font-size:.65rem; letter-spacing:.075em; }
@media (max-width:560px) { .dispatch-latest { grid-template-columns:92px 1fr; gap:15px; } }
@media (prefers-reduced-motion:reduce) { .dispatch-latest,.dispatch-latest-art img { transition:none !important; } .dispatch-latest:hover { transform:none; } }

.game-hub-ex3 { background:radial-gradient(circle at 11% 3%,rgba(26,105,220,.12),transparent 29rem),radial-gradient(circle at 88% 10%,rgba(211,151,65,.075),transparent 25rem),#03060c; }
.ex3-archive-hero::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(118deg,rgba(43,93,156,.045),transparent 37%,transparent 70%,rgba(199,146,63,.04)); }
.ex3-archive-lines { position:absolute; z-index:-1; inset:auto 4vw 28px 4vw; height:106px; pointer-events:none; opacity:.35; overflow:hidden; }
.ex3-archive-lines i { position:absolute; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,rgba(116,178,255,.24),rgba(220,171,84,.18),transparent); }
.ex3-archive-lines i:nth-child(1) { top:12px; }
.ex3-archive-lines i:nth-child(2) { top:38px; transform:translateX(8%); }
.ex3-archive-lines i:nth-child(3) { top:67px; transform:translateX(-5%); }
.ex3-archive-lines i:nth-child(4) { top:94px; transform:translateX(15%); }
.game-hub-ex3 .game-hub-disc { transform:rotate(-4deg) rotateX(5deg); filter:drop-shadow(0 28px 34px rgba(0,0,0,.58)) drop-shadow(0 0 30px rgba(83,143,221,.09)); }
.game-hub-ex3 .game-hub-disc-wrap:hover .game-hub-disc { transform:rotate(-1deg) rotateX(1deg) translateY(-8px) scale(1.026); filter:drop-shadow(0 35px 42px rgba(0,0,0,.62)) drop-shadow(0 0 40px rgba(83,143,221,.15)); }
.ex3-archive-ring { position:absolute; z-index:0; width:306px; height:306px; border-radius:50%; border:1px dashed rgba(138,175,222,.13); box-shadow:0 0 52px rgba(52,112,191,.055),inset 0 0 42px rgba(52,112,191,.025); transform:rotate(13deg); }
.game-hub-ex3 .game-hub-hero h1 span { color:#e4e9f0; text-shadow:0 0 24px rgba(105,158,222,.055); }
.game-hub-ex3 .eyebrow { color:#83bff2; }
.game-hub-ex3 .ex3-intro .eyebrow,.game-hub-ex3 .game-feature-meta { color:#d9a956; }
.ex3-feature-shell { border-color:rgba(112,157,214,.25); background:linear-gradient(140deg,rgba(12,24,41,.94),rgba(4,8,15,.99)); box-shadow:0 28px 78px rgba(0,0,0,.28),0 0 44px rgba(73,126,194,.035); }
.ex3-history-bridge-section { padding-top:48px; padding-bottom:58px; background:linear-gradient(180deg,rgba(3,7,13,.32),rgba(2,5,10,.76)); }
.ex3-history-bridge { display:grid; grid-template-columns:minmax(320px,.76fr) minmax(0,1fr); min-height:330px; overflow:hidden; border:1px solid rgba(130,156,191,.2); border-radius:16px; background:linear-gradient(135deg,rgba(14,24,38,.96),rgba(4,8,14,.99)); text-decoration:none; transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease; }
.ex3-history-bridge:hover,.ex3-history-bridge:focus-visible { transform:translateY(-4px); border-color:rgba(205,159,76,.35); box-shadow:0 24px 58px rgba(0,0,0,.28); outline:none; }
.ex3-history-media { position:relative; min-height:330px; overflow:hidden; border-right:1px solid rgba(120,151,192,.14); background:#02050a; }
.ex3-history-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 45%,rgba(3,7,13,.31)),linear-gradient(0deg,rgba(2,5,10,.56),transparent 48%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px); pointer-events:none; }
.ex3-history-media img { width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.86) contrast(1.04); transition:transform .35s ease,filter .35s ease; }
.ex3-history-bridge:hover .ex3-history-media img { transform:scale(1.025); filter:saturate(.94) contrast(1.04); }
.ex3-history-media .archive-badge { left:16px; bottom:16px; }
.ex3-tape-time { position:absolute; z-index:3; right:16px; top:16px; padding:6px 8px; border:1px solid rgba(218,171,86,.22); border-radius:5px; color:#dcb46b; background:rgba(3,7,13,.72); font-size:.58rem; font-weight:950; letter-spacing:.12em; }
.ex3-history-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4.5vw,56px); }
.ex3-history-copy h2 { margin:12px 0 14px; font-size:clamp(2rem,4.7vw,4.35rem); line-height:.89; letter-spacing:-.055em; overflow-wrap:anywhere; }
.ex3-history-copy p { max-width:680px; margin:0; color:#9ba9bc; line-height:1.62; }
.ex3-history-copy > span { margin-top:28px; color:#d8ad62; font-size:.68rem; font-weight:950; letter-spacing:.075em; }
.ex3-preview-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ex3-online-section { background:radial-gradient(circle at 84% 50%,rgba(70,122,192,.11),transparent 23rem),#02050a; }
.game-hub-ex3 .game-online-card { border-color:rgba(94,143,205,.24); background:linear-gradient(130deg,rgba(10,27,48,.92),rgba(3,8,16,.99)); }
.game-hub-ex3 .game-online-status em { color:#91bde8; }
@media (max-width:900px) {
  .ex3-history-bridge { grid-template-columns:1fr; }
  .ex3-history-media { min-height:0; aspect-ratio:16/9; border-right:0; border-bottom:1px solid rgba(120,151,192,.14); }
  .ex3-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) { .ex3-preview-grid { grid-template-columns:1fr; } }
@media (hover:none) { .ex3-history-bridge:hover { transform:none; } }
@media (prefers-reduced-motion:reduce) {
  .ex3-history-bridge,.ex3-history-media img { transition:none !important; }
  .ex3-history-bridge:hover,.ex3-history-bridge:hover .ex3-history-media img { transform:none; }
}

.play-online-page { background:#03060c; }
.play-hero { position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid rgba(70,155,255,.14); background:radial-gradient(circle at 77% 45%,rgba(35,158,255,.13),transparent 25rem),linear-gradient(135deg,#07101e 0%,#03070e 56%,#02050a 100%); }
.play-grid-lines { position:absolute; z-index:-1; inset:54% -20% -28%; opacity:.26; background-image:linear-gradient(rgba(54,145,238,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(54,145,238,.2) 1px,transparent 1px); background-size:62px 34px; transform:perspective(500px) rotateX(64deg) scale(1.55); transform-origin:center bottom; mask-image:linear-gradient(to bottom,transparent,#000 22%,#000); }
.play-hero::after { content:""; position:absolute; z-index:-1; left:48%; right:-12%; top:65%; height:2px; transform:rotate(-7deg); background:linear-gradient(90deg,transparent,#35b8ff,#f0a332,transparent); box-shadow:0 0 24px rgba(49,178,255,.35); opacity:.65; }
.play-hero-inner { min-height:650px; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.6fr); gap:clamp(32px,7vw,95px); align-items:center; }
.play-hero-copy { padding:74px 0 62px; }
.play-hero h1 { margin:15px 0 20px; max-width:900px; font-size:clamp(3.15rem,6.9vw,6.4rem); line-height:.86; letter-spacing:-.06em; }
.play-hero h1 span { color:#dce9f9; }
.play-hero-copy > p { max-width:690px; color:#9eafc5; font-size:clamp(1rem,1.65vw,1.18rem); line-height:1.68; }
.play-hero-status { border:1px solid rgba(65,157,255,.22); border-radius:16px; overflow:hidden; background:linear-gradient(155deg,rgba(8,22,43,.94),rgba(3,8,16,.98)); box-shadow:0 28px 70px rgba(0,0,0,.26),inset 0 0 45px rgba(42,150,255,.035); }
.play-status-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 17px; border-bottom:1px solid rgba(65,157,255,.16); color:#7188aa; font-size:.58rem; font-weight:950; letter-spacing:.12em; }
.play-status-head b { color:#56e6a0; font-size:.54rem; }
.play-status-row { min-height:92px; display:grid; grid-template-columns:12px 1fr auto; align-items:center; gap:15px; padding:17px; border-bottom:1px solid rgba(65,157,255,.1); }
.play-status-row:last-child { border-bottom:0; }
.play-status-dot { width:9px; height:9px; border-radius:50%; background:#51e39c; box-shadow:0 0 0 5px rgba(81,227,156,.06),0 0 16px rgba(81,227,156,.42); }
.play-status-row strong,.play-status-row small { display:block; }
.play-status-row strong { font-size:1rem; letter-spacing:.01em; }
.play-status-row small { margin-top:4px; color:#66bdf2; font-size:.59rem; font-weight:900; letter-spacing:.105em; }
.play-status-row em { color:#415674; font-size:.65rem; font-style:normal; font-weight:950; }
.play-intro-section { padding-bottom:42px; }
.play-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:clamp(34px,8vw,110px); align-items:end; }
.play-intro h2 { margin:10px 0 0; font-size:clamp(2.2rem,4.7vw,4.35rem); line-height:.9; letter-spacing:-.055em; }
.play-intro > p { margin:0; color:#91a1b7; line-height:1.7; }
.play-route-section { padding-top:42px; background:linear-gradient(180deg,transparent,rgba(5,11,21,.62) 58%,rgba(3,7,14,.7)); }
.play-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.play-route-card { position:relative; min-width:0; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(64,148,245,.18); border-radius:17px; background:linear-gradient(160deg,#091322,#050a12 68%); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.play-route-card:hover { transform:translateY(-5px); border-color:rgba(74,177,255,.42); box-shadow:0 25px 54px rgba(0,0,0,.22),0 0 35px rgba(38,152,255,.04); }
.play-route-featured { border-color:rgba(55,173,255,.32); box-shadow:inset 0 0 45px rgba(36,144,255,.025); }
.play-route-number { position:absolute; z-index:4; top:17px; left:18px; color:#526b8d; font-size:.65rem; font-weight:950; letter-spacing:.13em; }
.play-route-disc { position:relative; min-height:265px; display:grid; place-items:center; padding:32px 20px 8px; background:radial-gradient(circle at 50% 55%,rgba(43,150,255,.11),transparent 48%); }
.play-route-disc::after { content:""; position:absolute; width:64%; height:34px; bottom:26px; border-radius:50%; background:radial-gradient(ellipse,rgba(50,154,255,.13),transparent 67%); filter:blur(3px); }
.play-route-disc img { position:relative; z-index:2; width:min(235px,78%); filter:drop-shadow(0 18px 20px rgba(0,0,0,.52)); transform:rotate(-3deg); transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s ease; }
.play-route-card:hover .play-route-disc img { transform:rotate(1deg) translateY(-7px) scale(1.03); filter:drop-shadow(0 24px 26px rgba(0,0,0,.55)) drop-shadow(0 0 20px rgba(54,167,255,.11)); }
.play-route-copy { flex:1; display:flex; flex-direction:column; padding:20px 21px 22px; border-top:1px solid rgba(62,143,239,.12); }
.play-route-kicker { color:#6fc9ff; font-size:.56rem; font-weight:950; letter-spacing:.1em; }
.play-route-copy h3 { margin:10px 0 10px; font-size:1.6rem; line-height:.97; letter-spacing:-.035em; }
.play-route-copy p { margin:0 0 23px; color:#899bb2; font-size:.84rem; line-height:1.55; }
.play-route-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; }
.play-route-actions a { color:#61c4ff; text-decoration:none; font-size:.6rem; font-weight:950; letter-spacing:.07em; }
.play-route-actions a:last-child { color:#8d9eb6; }
.play-guide-section { padding-top:92px; padding-bottom:92px; background:radial-gradient(circle at 18% 45%,rgba(42,151,255,.08),transparent 26rem),#02050a; }
.play-guide-shell { overflow:hidden; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr); border:1px solid rgba(65,154,255,.25); border-radius:18px; background:linear-gradient(140deg,rgba(8,23,44,.94),rgba(4,8,15,.99)); }
.play-guide-media { min-width:0; background:#000; border-right:1px solid rgba(65,154,255,.17); }
.play-guide-video { height:100%; min-height:430px; aspect-ratio:auto; }
.play-guide-video img { object-fit:cover; }
.play-guide-overlay { position:absolute; z-index:3; left:19px; bottom:17px; padding:7px 9px; border:1px solid rgba(95,195,255,.35); background:rgba(0,6,15,.74); color:#cfeaff; font-size:.57rem; font-weight:950; letter-spacing:.11em; }
.play-guide-copy { padding:clamp(30px,5vw,56px); display:flex; flex-direction:column; justify-content:center; }
.play-guide-copy h2 { margin:12px 0 17px; font-size:clamp(2.3rem,4.7vw,4.6rem); line-height:.89; letter-spacing:-.055em; }
.play-guide-copy p { margin:0 0 28px; color:#99a9bf; line-height:1.68; }
.play-guide-copy .btn { align-self:flex-start; }
.play-before-section { padding-top:84px; padding-bottom:84px; }
.play-before-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.play-before-card { min-height:245px; padding:25px; border:1px solid rgba(66,143,239,.15); border-radius:15px; background:linear-gradient(155deg,rgba(8,17,32,.84),rgba(4,8,14,.95)); }
.play-before-card > span { color:#4c6d98; font-size:.66rem; font-weight:950; letter-spacing:.13em; }
.play-before-card h3 { margin:46px 0 10px; font-size:1.5rem; letter-spacing:-.035em; }
.play-before-card p { margin:0; color:#8798af; font-size:.84rem; line-height:1.6; }
.play-proof-section { padding-top:36px; padding-bottom:110px; }
.play-proof-shell { min-height:350px; display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.48fr); gap:45px; align-items:center; padding:clamp(34px,5vw,58px); overflow:hidden; position:relative; border:1px solid rgba(71,153,246,.19); border-radius:18px; background:linear-gradient(130deg,rgba(8,25,48,.83),rgba(3,7,14,.98)); }
.play-proof-shell::after { content:""; position:absolute; width:330px; height:330px; right:-120px; top:-120px; transform:rotate(38deg); border:1px solid rgba(65,165,255,.13); }
.play-proof-copy { position:relative; z-index:2; }
.play-proof-copy h2 { margin:11px 0 15px; max-width:760px; font-size:clamp(2.4rem,5vw,4.7rem); line-height:.9; letter-spacing:-.055em; }
.play-proof-copy p { max-width:720px; margin:0 0 28px; color:#97a7bc; line-height:1.68; }
.play-proof-games { position:relative; z-index:2; justify-self:end; width:min(100%,285px); display:grid; gap:13px; padding:24px; border:1px solid rgba(65,158,255,.18); border-radius:14px; background:rgba(2,8,16,.69); color:#b6c5d8; font-size:.67rem; font-weight:950; letter-spacing:.08em; }
.play-proof-games i { height:1px; background:linear-gradient(90deg,rgba(57,177,255,.45),transparent); }
@media (max-width:1000px) {
  .play-hero-inner { grid-template-columns:minmax(0,1fr) minmax(300px,.52fr); }
  .play-route-grid { grid-template-columns:1fr; max-width:760px; margin:0 auto; }
  .play-route-card { display:grid; grid-template-columns:240px 1fr; }
  .play-route-disc { min-height:250px; border-right:1px solid rgba(62,143,239,.12); }
  .play-route-copy { border-top:0; justify-content:center; }
  .play-guide-shell { grid-template-columns:1fr; }
  .play-guide-media { border-right:0; border-bottom:1px solid rgba(65,154,255,.17); }
  .play-guide-video { min-height:0; aspect-ratio:16/9; }
}
@media (max-width:760px) {
  .play-hero-inner { min-height:auto; grid-template-columns:1fr; padding:34px 0 48px; }
  .play-hero-copy { padding:26px 0 4px; }
  .play-hero h1 { font-size:clamp(3rem,15vw,4.55rem); }
  .play-hero-status { margin-top:15px; }
  .play-intro { grid-template-columns:1fr; gap:22px; }
  .play-route-card { display:flex; }
  .play-route-disc { min-height:230px; border-right:0; }
  .play-route-copy { border-top:1px solid rgba(62,143,239,.12); }
  .play-route-actions { align-items:flex-start; flex-direction:column; }
  .play-before-grid { grid-template-columns:1fr; }
  .play-before-card { min-height:0; }
  .play-before-card h3 { margin-top:28px; }
  .play-proof-shell { grid-template-columns:1fr; }
  .play-proof-games { justify-self:stretch; width:100%; }
}

.fighter-guide-page { background:#03060c; }
.fighter-hero { position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid rgba(70,155,255,.14); background:radial-gradient(circle at 78% 36%,rgba(34,143,255,.13),transparent 27rem),radial-gradient(circle at 18% 22%,rgba(240,163,50,.055),transparent 20rem),linear-gradient(135deg,#07101e 0%,#03070e 58%,#02050a 100%); }
.fighter-grid-lines { position:absolute; z-index:-1; inset:51% -17% -30%; opacity:.22; background-image:linear-gradient(rgba(54,145,238,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(54,145,238,.18) 1px,transparent 1px); background-size:58px 32px; transform:perspective(500px) rotateX(64deg) scale(1.5); transform-origin:center bottom; mask-image:linear-gradient(to bottom,transparent,#000 22%,#000); }
.fighter-hero::after { content:""; position:absolute; z-index:-1; left:54%; right:-9%; top:30%; height:1px; transform:rotate(-18deg); background:linear-gradient(90deg,transparent,#39baff,#efaa3c,transparent); box-shadow:0 0 24px rgba(49,178,255,.28); opacity:.62; }
.fighter-hero-inner { min-height:660px; display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.68fr); gap:clamp(36px,7vw,100px); align-items:center; }
.fighter-hero-copy { padding:76px 0 66px; }
.fighter-hero h1 { margin:15px 0 20px; max-width:900px; font-size:clamp(3.2rem,6.8vw,6.45rem); line-height:.86; letter-spacing:-.06em; }
.fighter-hero-copy > p { max-width:690px; color:#9eafc5; font-size:clamp(1rem,1.65vw,1.18rem); line-height:1.68; }
.fighter-hero-stack { position:relative; min-height:430px; }
.fighter-stack-card { position:absolute; width:min(335px,82%); min-height:205px; padding:24px 26px; border:1px solid rgba(69,159,255,.22); border-radius:15px; background:linear-gradient(145deg,rgba(8,22,42,.97),rgba(3,8,16,.98)); box-shadow:0 24px 60px rgba(0,0,0,.28); transition:transform .3s ease,border-color .3s ease; }
.fighter-stack-card span,.fighter-stack-card strong,.fighter-stack-card small { display:block; }
.fighter-stack-card span { color:#4d73a0; font-size:.61rem; font-weight:950; letter-spacing:.13em; }
.fighter-stack-card strong { margin-top:34px; font-size:clamp(1.55rem,2.8vw,2.45rem); line-height:.91; letter-spacing:-.045em; }
.fighter-stack-card small { margin-top:12px; color:#7589a5; font-size:.65rem; font-weight:850; letter-spacing:.045em; }
.fighter-stack-one { right:76px; top:20px; transform:rotate(-4deg); }
.fighter-stack-two { right:16px; top:120px; z-index:2; transform:rotate(3deg); border-color:rgba(79,176,255,.33); }
.fighter-stack-three { right:86px; top:224px; z-index:3; transform:rotate(-1deg); border-color:rgba(238,167,62,.24); }
.fighter-stack-two strong { color:#dff3ff; }
.fighter-stack-three strong { color:#f4e8d2; }
.fighter-hero-stack:hover .fighter-stack-one { transform:translate(-9px,-6px) rotate(-5deg); }
.fighter-hero-stack:hover .fighter-stack-two { transform:translate(8px,-3px) rotate(2deg); }
.fighter-hero-stack:hover .fighter-stack-three { transform:translate(-3px,7px) rotate(0deg); }
.fighter-intro-section { padding-bottom:46px; }
.fighter-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:clamp(34px,8vw,110px); align-items:end; }
.fighter-intro h2 { margin:10px 0 0; font-size:clamp(2.2rem,4.7vw,4.35rem); line-height:.9; letter-spacing:-.055em; }
.fighter-intro > p { margin:0; color:#91a1b7; line-height:1.7; }
.fighter-process-section { padding-top:42px; background:linear-gradient(180deg,transparent,rgba(5,11,21,.62) 58%,rgba(3,7,14,.7)); }
.fighter-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.fighter-process-card { min-height:285px; padding:25px; border:1px solid rgba(66,143,239,.16); border-radius:15px; background:linear-gradient(155deg,rgba(8,17,32,.84),rgba(4,8,14,.95)); transition:transform .24s ease,border-color .24s ease; }
.fighter-process-card:hover { transform:translateY(-4px); border-color:rgba(77,176,255,.33); }
.fighter-process-card > span { color:#4c6d98; font-size:.66rem; font-weight:950; letter-spacing:.13em; }
.fighter-process-card h3 { margin:64px 0 12px; font-size:1.65rem; line-height:.98; letter-spacing:-.04em; }
.fighter-process-card p { margin:0; color:#8798af; font-size:.86rem; line-height:1.62; }
.fighter-process-card small { display:block; margin:-3px 0 11px; color:#49bfff; font-size:.58rem; font-weight:950; letter-spacing:.11em; }
.fighter-feature-section { padding-top:92px; padding-bottom:92px; background:radial-gradient(circle at 18% 45%,rgba(42,151,255,.08),transparent 26rem),#02050a; }
.fighter-feature-shell { overflow:hidden; display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr); border:1px solid rgba(65,154,255,.25); border-radius:18px; background:linear-gradient(140deg,rgba(8,23,44,.94),rgba(4,8,15,.99)); }
.fighter-feature-media { position:relative; display:block; min-width:0; min-height:430px; overflow:hidden; border-right:1px solid rgba(65,154,255,.17); background:#000; }
.fighter-feature-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease,filter .35s ease; }
.fighter-feature-media::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,5,12,.38),transparent 45%); pointer-events:none; }
.fighter-feature-media:hover img { transform:scale(1.025); filter:brightness(1.05); }
.fighter-feature-media .archive-play { z-index:3; }
.fighter-feature-media .archive-badge { z-index:3; left:17px; bottom:17px; }
.fighter-feature-copy { padding:clamp(30px,5vw,56px); display:flex; flex-direction:column; justify-content:center; }
.fighter-feature-copy h2 { margin:12px 0 17px; font-size:clamp(2.25rem,4.5vw,4.45rem); line-height:.89; letter-spacing:-.055em; }
.fighter-feature-copy p { margin:0; color:#99a9bf; line-height:1.68; }
.fighter-feature-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.fighter-games-section { padding-top:84px; padding-bottom:84px; }
.fighter-games-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:clamp(34px,8vw,110px); align-items:end; margin-bottom:30px; }
.fighter-games-heading h2 { margin:10px 0 0; font-size:clamp(2.2rem,4.7vw,4.35rem); line-height:.9; letter-spacing:-.055em; }
.fighter-games-heading > p { margin:0; color:#91a1b7; line-height:1.7; }
.fighter-games-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.fighter-game-card { min-height:215px; display:flex; flex-direction:column; justify-content:flex-end; padding:24px; border:1px solid rgba(64,148,245,.16); border-radius:15px; background:linear-gradient(160deg,#08111f,#040810 72%); text-decoration:none; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.fighter-game-card:hover,.fighter-game-card:focus-visible { transform:translateY(-5px); border-color:rgba(74,177,255,.4); box-shadow:0 22px 46px rgba(0,0,0,.22); outline:none; }
.fighter-game-card-featured { border-color:rgba(58,173,255,.29); background:radial-gradient(circle at 82% 15%,rgba(31,143,255,.11),transparent 12rem),linear-gradient(160deg,#091626,#040810 72%); }
.fighter-game-card span,.fighter-game-card strong,.fighter-game-card small { display:block; }
.fighter-game-card span { margin-bottom:auto; color:#4c6d98; font-size:.62rem; font-weight:950; letter-spacing:.13em; }
.fighter-game-card strong { font-size:1.65rem; letter-spacing:-.04em; }
.fighter-game-card small { margin-top:11px; color:#7f92ac; font-size:.7rem; font-weight:800; line-height:1.45; }
.fighter-next-section { padding-top:34px; padding-bottom:110px; }
.fighter-next-shell { min-height:285px; display:flex; align-items:center; justify-content:space-between; gap:45px; padding:clamp(32px,5vw,56px); border:1px solid rgba(71,153,246,.19); border-radius:18px; background:linear-gradient(130deg,rgba(8,25,48,.83),rgba(3,7,14,.98)); }
.fighter-next-shell h2 { margin:11px 0 15px; font-size:clamp(2.35rem,4.8vw,4.5rem); line-height:.9; letter-spacing:-.055em; }
.fighter-next-shell p { max-width:740px; margin:0; color:#97a7bc; line-height:1.68; }
.fighter-next-shell .btn { flex:0 0 auto; }
@media (max-width:1000px) {
  .fighter-hero-inner { grid-template-columns:minmax(0,1fr) minmax(320px,.55fr); }
  .fighter-feature-shell { grid-template-columns:1fr; }
  .fighter-feature-media { min-height:0; aspect-ratio:16/9; border-right:0; border-bottom:1px solid rgba(65,154,255,.17); }
}
@media (max-width:800px) {
  .fighter-hero-inner { min-height:auto; grid-template-columns:1fr; padding:34px 0 52px; }
  .fighter-hero-copy { padding:26px 0 4px; }
  .fighter-hero h1 { font-size:clamp(3rem,15vw,4.6rem); }
  .fighter-hero-stack { min-height:375px; margin-top:5px; }
  .fighter-stack-card { width:min(320px,84%); }
  .fighter-intro,.fighter-games-heading { grid-template-columns:1fr; gap:22px; }
  .fighter-process-grid,.fighter-games-grid { grid-template-columns:1fr; }
  .fighter-process-card { min-height:220px; }
  .fighter-process-card h3 { margin-top:40px; }
  .fighter-next-shell { align-items:flex-start; flex-direction:column; }
}
@media (max-width:520px) {
  .fighter-stack-one { right:44px; }
  .fighter-stack-two { right:4px; }
  .fighter-stack-three { right:38px; }
  .fighter-feature-actions { align-items:stretch; flex-direction:column; }
  .fighter-feature-actions .btn { width:100%; }
}
@media (hover:none) {
  .fighter-hero-stack:hover .fighter-stack-one { transform:rotate(-4deg); }
  .fighter-hero-stack:hover .fighter-stack-two { transform:rotate(3deg); }
  .fighter-hero-stack:hover .fighter-stack-three { transform:rotate(-1deg); }
  .fighter-process-card:hover,.fighter-game-card:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .fighter-stack-card,.fighter-process-card,.fighter-feature-media img,.fighter-game-card { transition:none !important; }
  .fighter-hero-stack:hover .fighter-stack-one,.fighter-hero-stack:hover .fighter-stack-two,.fighter-hero-stack:hover .fighter-stack-three,.fighter-process-card:hover,.fighter-feature-media:hover img,.fighter-game-card:hover { transform:none; }
}

.dispatch-page { background:#03060c; }
.dispatch-page-hero { position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid rgba(70,155,255,.14); background:radial-gradient(circle at 78% 28%,rgba(44,149,255,.13),transparent 24rem),radial-gradient(circle at 74% 76%,rgba(227,144,37,.07),transparent 20rem),linear-gradient(135deg,#07101d 0%,#03070e 58%,#02050a 100%); }
.dispatch-page-grid { position:absolute; z-index:-1; inset:58% -18% -28%; opacity:.2; background-image:linear-gradient(rgba(54,145,238,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(54,145,238,.19) 1px,transparent 1px); background-size:64px 35px; transform:perspective(520px) rotateX(65deg) scale(1.55); transform-origin:center bottom; mask-image:linear-gradient(to bottom,transparent,#000 22%,#000); }
.dispatch-page-hero-inner { min-height:690px; display:grid; grid-template-columns:minmax(0,1fr) minmax(285px,.46fr); gap:clamp(42px,8vw,120px); align-items:center; }
.dispatch-page-hero-copy { padding:82px 0 72px; }
.dispatch-page-hero h1 { margin:16px 0 20px; max-width:900px; font-size:clamp(3.15rem,7vw,6.5rem); line-height:.86; letter-spacing:-.06em; }
.dispatch-page-hero h1 span { color:#dfeaf7; }
.dispatch-page-lede { max-width:720px; margin:0; color:#a9b7ca; font-size:clamp(1.05rem,1.7vw,1.25rem); line-height:1.65; }
.dispatch-page-lede strong { color:inherit; font-weight:inherit; text-decoration:underline; text-decoration-color:rgba(255,173,25,.72); text-decoration-thickness:3px; text-underline-offset:7px; }
.dispatch-page-signup { max-width:740px; margin-top:31px; }
.dispatch-page-signup .signup-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.dispatch-page-signup .signup-form input,.dispatch-final-form .signup-form input { min-width:0; min-height:54px; border-radius:9px; background:#02060d; }
.dispatch-page-signup .signup-form .btn,.dispatch-final-form .signup-form .btn { min-height:54px; white-space:nowrap; }
.dispatch-page-note { margin:13px 2px 0; color:#71839c; font-size:.78rem; }
.dispatch-page-cover { min-width:0; text-decoration:none; perspective:900px; }
.dispatch-page-cover-frame { position:relative; width:min(330px,100%); margin-inline:auto; aspect-ratio:4/5; padding:8px; border:1px solid rgba(86,167,255,.26); border-radius:16px; background:linear-gradient(145deg,rgba(18,36,62,.85),rgba(4,9,17,.96)); box-shadow:0 38px 90px rgba(0,0,0,.42),0 0 50px rgba(47,151,255,.07); transform:rotate(2.2deg); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.dispatch-page-cover:hover .dispatch-page-cover-frame,.dispatch-page-cover:focus-visible .dispatch-page-cover-frame { transform:rotate(0deg) translateY(-6px); border-color:rgba(76,184,255,.5); box-shadow:0 42px 90px rgba(0,0,0,.44),0 0 55px rgba(47,151,255,.12); }
.dispatch-page-cover-frame img { width:100%; height:100%; object-fit:cover; display:block; border-radius:10px; }
.dispatch-page-cover-tag { position:absolute; left:18px; top:18px; padding:7px 9px; border:1px solid rgba(229,166,66,.32); border-radius:5px; background:rgba(4,8,15,.82); color:#efb14e; font-size:.58rem; font-weight:950; letter-spacing:.12em; }
.dispatch-page-cover-meta { width:min(330px,100%); margin:17px auto 0; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.dispatch-page-cover-meta span { color:#8699b3; font-size:.65rem; font-weight:950; letter-spacing:.12em; }
.dispatch-page-cover-meta b { color:#f0ad43; font-size:.64rem; letter-spacing:.075em; }
.dispatch-value-section { background:linear-gradient(180deg,#03060c,#050b15 55%,#03070d); }
.dispatch-value-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:clamp(28px,7vw,90px); align-items:end; }
.dispatch-value-head h2 { margin:11px 0 0; max-width:800px; font-size:clamp(2.3rem,4.8vw,4.6rem); line-height:.9; letter-spacing:-.055em; }
.dispatch-value-head > p { margin:0; color:#91a1b7; line-height:1.7; }
.dispatch-value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:42px; }
.dispatch-value-card { min-height:245px; padding:27px; border:1px solid rgba(70,151,241,.16); border-radius:14px; background:linear-gradient(155deg,rgba(10,22,39,.9),rgba(4,9,16,.98)); transition:transform .22s ease,border-color .22s ease; }
.dispatch-value-card:hover { transform:translateY(-4px); border-color:rgba(66,172,255,.34); }
.dispatch-value-card span { color:#547192; font-size:.62rem; font-weight:950; letter-spacing:.13em; }
.dispatch-value-card h3 { margin:45px 0 12px; font-size:1.65rem; letter-spacing:-.025em; }
.dispatch-value-card p { margin:0; color:#8798ae; line-height:1.62; }
.dispatch-current-section { background:#02050a; }
.dispatch-current-shell { display:grid; grid-template-columns:minmax(230px,.34fr) minmax(0,1fr); gap:clamp(35px,8vw,100px); align-items:center; padding:clamp(28px,5vw,56px); border:1px solid rgba(83,156,240,.17); border-radius:18px; background:radial-gradient(circle at 18% 40%,rgba(43,152,255,.08),transparent 20rem),linear-gradient(135deg,rgba(8,18,33,.92),rgba(3,7,13,.98)); }
.dispatch-current-art { max-width:260px; margin-inline:auto; padding:7px; border:1px solid rgba(83,159,244,.22); border-radius:13px; background:#06101d; transform:rotate(-1.6deg); }
.dispatch-current-art img { width:100%; display:block; border-radius:8px; }
.dispatch-current-copy h2 { margin:12px 0 15px; font-size:clamp(2.35rem,5vw,4.8rem); line-height:.9; letter-spacing:-.055em; }
.dispatch-current-copy p { max-width:660px; margin:0 0 27px; color:#94a5ba; line-height:1.68; }
.dispatch-final-section { padding-top:78px; padding-bottom:100px; background:radial-gradient(circle at 74% 60%,rgba(41,149,255,.08),transparent 22rem),#03060c; }
.dispatch-final-shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.7fr); gap:clamp(34px,7vw,90px); align-items:center; padding:clamp(28px,5vw,54px); border-top:1px solid rgba(78,151,237,.18); border-bottom:1px solid rgba(78,151,237,.18); }
.dispatch-final-shell h2 { margin:11px 0 10px; font-size:clamp(2.2rem,4.7vw,4.5rem); line-height:.9; letter-spacing:-.055em; }
.dispatch-final-shell p { margin:0; color:#899bb2; line-height:1.6; }
.dispatch-final-form .signup-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
@media (max-width:900px) {
  .dispatch-page-hero-inner { min-height:auto; grid-template-columns:1fr; gap:10px; padding-bottom:72px; }
  .dispatch-page-hero-copy { padding:72px 0 28px; }
  .dispatch-page-cover { width:min(360px,82vw); margin-inline:auto; }
  .dispatch-value-head,.dispatch-current-shell,.dispatch-final-shell { grid-template-columns:1fr; }
  .dispatch-value-grid { grid-template-columns:1fr; }
  .dispatch-value-card { min-height:0; }
  .dispatch-value-card h3 { margin-top:28px; }
  .dispatch-current-copy { text-align:left; }
  .dispatch-current-art { max-width:230px; }
}
@media (max-width:620px) {
  .dispatch-page-signup .signup-form,.dispatch-final-form .signup-form { grid-template-columns:1fr; }
  .dispatch-page-signup .signup-form .btn,.dispatch-final-form .signup-form .btn { width:100%; }
  .dispatch-page-cover-meta { align-items:flex-start; flex-direction:column; gap:7px; }
  .dispatch-current-shell,.dispatch-final-shell { padding:24px 19px; }
}
@media (hover:none) {
  .dispatch-page-cover:hover .dispatch-page-cover-frame,.dispatch-value-card:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
  .dispatch-page-cover-frame,.dispatch-value-card { transition:none !important; }
  .dispatch-page-cover:hover .dispatch-page-cover-frame,.dispatch-value-card:hover { transform:none; }
}

.about-page-v2 { background:#03060c; }
.about-hero { position:relative; overflow:hidden; isolation:isolate; border-bottom:1px solid rgba(70,155,255,.14); background:radial-gradient(circle at 78% 34%,rgba(31,137,255,.14),transparent 27rem),radial-gradient(circle at 17% 17%,rgba(237,160,48,.05),transparent 19rem),linear-gradient(135deg,#081321 0%,#03070e 57%,#02050a 100%); }
.about-hero-grid { position:absolute; z-index:-2; inset:52% -16% -34%; opacity:.19; background-image:linear-gradient(rgba(57,147,236,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(57,147,236,.18) 1px,transparent 1px); background-size:64px 34px; transform:perspective(520px) rotateX(65deg) scale(1.52); transform-origin:center bottom; mask-image:linear-gradient(to bottom,transparent,#000 21%,#000); }
.about-hero::after { content:""; position:absolute; z-index:-1; width:54vw; height:1px; right:-9vw; top:45%; transform:rotate(-16deg); background:linear-gradient(90deg,transparent,#36b9ff,#f0a53b,transparent); box-shadow:0 0 28px rgba(58,181,255,.24); opacity:.6; }
.about-hero-inner { min-height:680px; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.58fr); gap:clamp(42px,7vw,110px); align-items:center; }
.about-hero-copy { padding:76px 0 70px; }
.about-hero h1 { margin:15px 0 24px; max-width:900px; font-size:clamp(3.2rem,6.5vw,6.4rem); line-height:.87; letter-spacing:-.065em; }
.about-hero h1 span { color:#dff4ff; text-shadow:0 0 35px rgba(45,166,255,.13); }
.about-hero-copy > p { max-width:720px; margin:0; color:#9daec3; font-size:clamp(1rem,1.55vw,1.15rem); line-height:1.72; }
.about-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
.about-hero-mark { position:relative; min-height:430px; display:grid; place-items:center; }
.about-hero-mark img { position:relative; z-index:3; width:min(330px,78%); filter:drop-shadow(0 22px 50px rgba(0,0,0,.45)); }
.about-hero-mark > span { position:absolute; z-index:4; bottom:42px; padding:7px 10px; border:1px solid rgba(84,171,255,.2); background:rgba(1,7,15,.78); color:#7088a8; font-size:.57rem; font-weight:950; letter-spacing:.15em; }
.about-mark-ring { position:absolute; border:1px solid rgba(54,164,255,.12); border-radius:50%; }
.about-mark-ring-a { width:390px; height:390px; }
.about-mark-ring-b { width:290px; height:290px; border-color:rgba(237,164,59,.1); }
.about-why-section { padding-top:112px; padding-bottom:110px; }
.about-why-grid { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1fr); gap:clamp(50px,9vw,130px); align-items:start; }
.about-section-title h2 { margin:12px 0 0; max-width:650px; font-size:clamp(2.6rem,5vw,5rem); line-height:.9; letter-spacing:-.055em; }
.about-story { max-width:780px; }
.about-story p { margin:0 0 20px; color:#8ea0b8; line-height:1.78; }
.about-story .about-story-lede { color:#c1cfde; font-size:clamp(1.1rem,1.7vw,1.32rem); line-height:1.7; }
.about-story strong { color:#e5f4ff; font-weight:800; }
.about-do-section { padding-top:88px; padding-bottom:108px; border-top:1px solid rgba(74,145,230,.1); background:linear-gradient(180deg,rgba(7,14,25,.52),rgba(3,6,12,0)); }
.about-do-head,.about-games-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:40px; align-items:end; margin-bottom:42px; }
.about-do-head h2,.about-games-head h2 { margin:10px 0 0; font-size:clamp(2.5rem,4.7vw,4.6rem); line-height:.9; letter-spacing:-.055em; }
.about-do-head > p,.about-games-head > p { margin:0; color:#8294ad; line-height:1.68; }
.about-do-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.about-do-card { min-height:310px; display:flex; flex-direction:column; padding:25px; border:1px solid rgba(66,149,244,.15); border-radius:15px; background:linear-gradient(155deg,rgba(8,19,35,.86),rgba(3,8,15,.98)); transition:transform .28s ease,border-color .28s ease,background .28s ease; }
.about-do-card:hover { transform:translateY(-5px); border-color:rgba(72,170,255,.31); background:linear-gradient(155deg,rgba(10,25,46,.92),rgba(3,8,15,.98)); }
.about-do-card > span { color:#4b6f99; font-size:.62rem; font-weight:950; letter-spacing:.13em; }
.about-do-card h3 { margin:52px 0 12px; font-size:1.65rem; letter-spacing:-.04em; }
.about-do-card p { margin:0 0 24px; color:#8294aa; font-size:.86rem; line-height:1.62; }
.about-do-card a { margin-top:auto; color:#a7dcff; font-size:.65rem; font-weight:950; letter-spacing:.075em; }
.about-respect-section { padding-top:54px; padding-bottom:108px; }
.about-respect-shell { position:relative; overflow:hidden; min-height:450px; display:grid; grid-template-columns:minmax(240px,.42fr) minmax(0,1fr); gap:clamp(42px,8vw,110px); align-items:center; padding:clamp(36px,6vw,72px); border:1px solid rgba(78,151,235,.16); border-radius:18px; background:radial-gradient(circle at 20% 50%,rgba(43,143,242,.09),transparent 18rem),linear-gradient(130deg,rgba(6,17,31,.95),rgba(2,6,12,.99)); }
.about-respect-shell::after { content:""; position:absolute; inset:auto -15% -52% 30%; height:320px; transform:rotate(-7deg); background:linear-gradient(90deg,transparent,rgba(49,161,255,.055),transparent); }
.about-respect-signal { position:relative; z-index:2; height:220px; display:flex; align-items:center; justify-content:center; gap:11px; }
.about-respect-signal span { width:8px; border-radius:20px; background:linear-gradient(#54c3ff,#225c98); box-shadow:0 0 20px rgba(55,176,255,.16); opacity:.72; }
.about-respect-signal span:nth-child(1),.about-respect-signal span:nth-child(5) { height:52px; }
.about-respect-signal span:nth-child(2),.about-respect-signal span:nth-child(4) { height:112px; }
.about-respect-signal span:nth-child(3) { height:192px; background:linear-gradient(#f0b24e,#3c7db4); }
.about-respect-copy { position:relative; z-index:2; max-width:830px; }
.about-respect-copy h2 { margin:10px 0 18px; font-size:clamp(2.7rem,5.2vw,5.2rem); line-height:.89; letter-spacing:-.058em; }
.about-respect-copy p { margin:0 0 17px; color:#93a4b9; line-height:1.72; }
.about-games-section { padding-top:94px; padding-bottom:105px; }
.about-disc-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.about-disc-item { position:relative; overflow:hidden; min-height:365px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding:25px 22px; border:1px solid rgba(69,153,244,.15); border-radius:16px; background:radial-gradient(circle at 50% 37%,rgba(56,147,241,.09),transparent 14rem),linear-gradient(155deg,rgba(8,19,34,.9),rgba(3,7,14,.99)); transition:transform .28s ease,border-color .28s ease; }
.about-disc-item:hover { transform:translateY(-6px); border-color:rgba(79,176,255,.34); }
.about-disc-item img { width:min(245px,78%); margin:auto 0 22px; filter:drop-shadow(0 24px 26px rgba(0,0,0,.42)); transition:transform .32s ease,filter .32s ease; }
.about-disc-item:hover img { transform:translateY(-9px) rotate(-2deg); filter:drop-shadow(0 26px 34px rgba(17,98,166,.25)); }
.about-disc-item strong { font-size:1.02rem; letter-spacing:-.02em; }
.about-disc-item span { margin-top:8px; color:#628ab7; font-size:.6rem; font-weight:950; letter-spacing:.09em; }
.about-bridge-note { max-width:850px; margin:30px auto 0; text-align:center; color:#71859f; font-size:.84rem; line-height:1.65; }
.about-purpose-section { padding-top:80px; padding-bottom:120px; border-top:1px solid rgba(64,137,220,.09); }
.about-purpose-shell { max-width:1080px; margin:0 auto; text-align:center; }
.about-purpose-shell > img { width:min(330px,60vw); margin-bottom:34px; opacity:.95; }
.about-purpose-shell blockquote { margin:0 auto; max-width:980px; }
.about-purpose-shell blockquote p { margin:0 0 13px; color:#d6e3ef; font-size:clamp(1.25rem,2.25vw,1.82rem); line-height:1.45; letter-spacing:-.022em; }
.about-purpose-shell blockquote p:last-child { color:#8ca0b7; }
.about-purpose-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:35px; }
@media (max-width:1000px) {
  .about-hero-inner { grid-template-columns:minmax(0,1fr) minmax(280px,.5fr); }
  .about-do-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-respect-shell { grid-template-columns:minmax(180px,.33fr) minmax(0,1fr); }
}
@media (max-width:760px) {
  .about-hero-inner { min-height:auto; grid-template-columns:1fr; }
  .about-hero-copy { padding:48px 0 10px; }
  .about-hero h1 { font-size:clamp(3rem,15vw,4.8rem); }
  .about-hero-mark { min-height:330px; }
  .about-mark-ring-a { width:290px; height:290px; }
  .about-mark-ring-b { width:220px; height:220px; }
  .about-why-grid,.about-do-head,.about-games-head,.about-respect-shell { grid-template-columns:1fr; }
  .about-why-grid { gap:34px; }
  .about-do-head,.about-games-head { align-items:start; }
  .about-do-grid { grid-template-columns:1fr; }
  .about-do-card { min-height:0; }
  .about-do-card h3 { margin-top:32px; }
  .about-respect-signal { height:130px; }
  .about-respect-signal span:nth-child(1),.about-respect-signal span:nth-child(5) { height:34px; }
  .about-respect-signal span:nth-child(2),.about-respect-signal span:nth-child(4) { height:70px; }
  .about-respect-signal span:nth-child(3) { height:118px; }
  .about-disc-row { grid-template-columns:1fr; }
  .about-disc-item { min-height:330px; }
}
@media (prefers-reduced-motion:reduce) {
  .about-do-card,.about-disc-item,.about-disc-item img { transition:none; }
  .about-do-card:hover,.about-disc-item:hover,.about-disc-item:hover img { transform:none; }
}

.nav-links a[aria-current="page"] { color:#fff; position:relative; }
.nav-links a[aria-current="page"]::after { content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; background:var(--orange); box-shadow:0 0 10px rgba(255,155,45,.36); }


/* Live refinement batch 001 */
.scene-media.scene-media-contain img { object-fit:contain; background:#02050a; }

.fighter-card-branded { padding-top:18px; }
.fighter-card-preview { position:relative; z-index:1; display:flex; align-items:center; min-height:82px; margin:-2px 0 14px; }
.fighter-card-preview img { width:72px; height:72px; object-fit:cover; border:1px solid rgba(87,169,255,.32); border-radius:8px; box-shadow:0 10px 24px rgba(0,0,0,.28); }
.fighter-card-preview img:nth-child(2) { margin-left:-10px; transform:rotate(2deg); }
.fighter-card-preview img:nth-child(3) { margin-left:-10px; transform:rotate(5deg); }
.fighter-card-branded:hover .fighter-card-preview img:nth-child(1) { transform:translateY(-2px) rotate(-3deg); }
.fighter-card-branded:hover .fighter-card-preview img:nth-child(2) { transform:translateY(-5px) rotate(1deg); }
.fighter-card-branded:hover .fighter-card-preview img:nth-child(3) { transform:translateY(-3px) rotate(4deg); }

/* Real EX Fighter Guide art in the hero */
.fighter-guide-art-stack { position:relative; min-height:520px; }
.fighter-guide-art { position:absolute; width:min(290px,72%); margin:0; transition:transform .3s ease,filter .3s ease; filter:drop-shadow(0 26px 42px rgba(0,0,0,.35)); }
.fighter-guide-art img { width:100%; display:block; border-radius:14px; border:1px solid rgba(64,154,255,.2); }
.fighter-guide-art.art-match { right:104px; top:4px; transform:rotate(-5deg); }
.fighter-guide-art.art-why { right:0; top:126px; z-index:2; transform:rotate(4deg); }
.fighter-guide-art.art-identity { right:88px; top:264px; z-index:3; transform:rotate(-1deg); }
.fighter-guide-art-stack:hover .art-match { transform:translate(-8px,-7px) rotate(-6deg); }
.fighter-guide-art-stack:hover .art-why { transform:translate(8px,-5px) rotate(3deg); }
.fighter-guide-art-stack:hover .art-identity { transform:translate(-3px,8px) rotate(0deg); }
.fighter-hero-copy > p strong { color:#edf5ff; }

/* Dispatch preview: preserve the real landscape Issue 001 cover */
.dispatch-page-cover-frame { width:min(470px,100%); aspect-ratio:1200/630; }
.dispatch-page-cover-frame img { object-fit:contain; background:#050711; }
.dispatch-page-cover-meta { width:min(470px,100%); }

/* Safety: footer layout must be consistent on every page */
.full-footer .footer-main { display:grid; grid-template-columns:minmax(260px,1fr) minmax(0,1.55fr); gap:clamp(48px,7vw,96px); }

@media (max-width:980px) {
  .fighter-guide-art-stack { min-height:460px; }
  .full-footer .footer-main { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .fighter-guide-art-stack { min-height:370px; width:min(100%,430px); margin:0 auto; }
  .fighter-guide-art { width:min(235px,67%); }
  .fighter-guide-art.art-match { right:82px; top:0; }
  .fighter-guide-art.art-why { right:0; top:86px; }
  .fighter-guide-art.art-identity { right:68px; top:174px; }
  .dispatch-page-cover-frame,.dispatch-page-cover-meta { width:100%; }
  .fighter-card-preview img { width:62px; height:62px; }
}
@media (hover:none) {
  .fighter-card-branded:hover .fighter-card-preview img:nth-child(1),
  .fighter-card-branded:hover .fighter-card-preview img:nth-child(2),
  .fighter-card-branded:hover .fighter-card-preview img:nth-child(3),
  .fighter-guide-art-stack:hover .fighter-guide-art { transform:initial; }
  .fighter-guide-art.art-match { transform:rotate(-5deg); }
  .fighter-guide-art.art-why { transform:rotate(4deg); }
  .fighter-guide-art.art-identity { transform:rotate(-1deg); }
}

/* Dispatch footer: match the breathing room used by the rest of the site */
.dispatch-page .site-footer-rich > .container {
  padding-top: 44px;
}
.dispatch-page .site-footer-rich .footer-nav {
  margin-top: 24px;
}
@media (max-width:720px) {
  .dispatch-page .site-footer-rich > .container {
    padding-top: 38px;
  }
  .dispatch-page .site-footer-rich .footer-nav {
    margin-top: 22px;
  }
}