/* Modern layer over style.css: ambient glows, glass surfaces, pill controls, bento cards.
   Loaded after style.css; same specificity wins here, including over its media queries. */
:root{--bg:#05070a;--glass:rgba(255,255,255,.045);--glass-2:rgba(255,255,255,.075);--stroke:rgba(255,255,255,.09);--stroke-2:rgba(255,255,255,.16);--text:#f3f6f8;--amber:#f6bb7c;--violet:#8f7dff;--cyan:#7fd6e6;--radius:28px;--radius-s:18px}

/* Ambient space glow behind everything. */
html{background:var(--bg)}
body{background:transparent;color:var(--text)}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 600px at 88% -8%,#5b46c840,transparent 65%),radial-gradient(800px 600px at -12% 35%,#f6bb7c1f,transparent 60%),radial-gradient(900px 700px at 105% 80%,#1f7f9a30,transparent 60%),var(--bg)}
.scroll-progress{height:3px;background:linear-gradient(90deg,var(--amber),var(--violet));box-shadow:0 0 16px #8f7dff88}

/* Headings: heavy, tight, softly graded white. */
h2{font-weight:800;letter-spacing:-.045em;line-height:1.04;background:linear-gradient(180deg,#fff 35%,#b5c0c9);-webkit-background-clip:text;background-clip:text;color:transparent}
h3{letter-spacing:-.02em}

/* Labels become chips instead of HUD mono strings. */
.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 15px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);font:600 13px/1.2 var(--font);letter-spacing:.08em;color:#e3e8ec}
.eyebrow b{color:var(--amber);font-weight:700}
.section-top{margin-bottom:26px}
.section-top>.technical-note{display:none}
.status-light{box-shadow:0 0 10px var(--amber)}
.feature-index,.technology-number{position:static;display:inline-grid;place-items:center;min-width:40px;height:30px;padding:0 10px;border-radius:999px;background:#f6bb7c1a;color:var(--amber);font:700 13px/1 var(--font);letter-spacing:.02em}

/* Approved C6-1 mark: white V/ship cuts through the copper ring. */
.brand-mark{display:block;width:42px;height:42px;flex:0 0 auto}
.footer-brand{display:flex;align-items:center;gap:13px}

/* Floating glass header. */
.site-header{position:fixed;top:12px;left:50%;right:auto;transform:translateX(-50%);width:min(1180px,calc(100% - 24px));height:64px;padding:0 10px 0 22px;border:1px solid var(--stroke);border-radius:999px;background:rgba(9,12,17,.62);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 10px 40px -20px #000}
.desktop-nav{gap:6px}
.desktop-nav a{padding:9px 14px;border-radius:999px;color:#dfe5e9;transition:background .2s,color .2s}
.desktop-nav a:hover{background:var(--glass-2);color:#fff}
.header-cta{border:0;border-radius:999px;padding:12px 20px;background:linear-gradient(135deg,#ffd6a6,#f3a85e);color:#1a1208;font-weight:700}
.header-cta>span:last-child{color:#1a1208}
.header-cta:hover{background:linear-gradient(135deg,#ffe0b8,#f6b36c)}
.menu-toggle span{background:#fff}
.mobile-nav{position:fixed;top:86px;left:12px;right:12px;border:1px solid var(--stroke);border-radius:24px;background:rgba(9,12,17,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px}
.mobile-nav a{border-bottom:0;border-radius:14px;padding:15px 14px;font-weight:600}
.mobile-nav a:hover{background:var(--glass-2)}

/* Hero. */
.hero{border-bottom:0}
.hero-shade{background:linear-gradient(90deg,#05070af2 0%,#05070acc 28%,#05070a40 58%,#05070a00 80%),linear-gradient(0deg,#05070a 0%,transparent 26%,transparent 80%,#05070a88)}
.hero-content{padding-top:150px}
.hero-title{background:linear-gradient(180deg,#fff 20%,#c7d1d8 65%,#8c99a4);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 12px 40px #000c)}
.hero-title .arena-word{-webkit-text-fill-color:var(--amber);color:var(--amber);font:600 15px/1 var(--font);letter-spacing:.55em}
.hero-tagline{font-weight:700;letter-spacing:-.03em;font-size:clamp(24px,2.4vw,30px)}
.hero-description{color:#d3dade}
.button{border-radius:999px;min-height:52px;padding:0 24px;gap:16px;font-size:15px;font-weight:700}
.button-primary{border:0;background:linear-gradient(135deg,#ffd6a6,#f3a85e);color:#1a1208;box-shadow:0 14px 40px -14px #f6bb7caa,inset 0 1px 0 #ffffff80}
.button-primary:hover{background:linear-gradient(135deg,#ffe0b8,#f6b36c);box-shadow:0 18px 50px -14px #f6bb7ccc,inset 0 1px 0 #ffffff80}
.button-quiet{border:1px solid var(--stroke-2);background:var(--glass);color:#fff;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.button-quiet:hover{border-color:#ffffff40;background:var(--glass-2);color:#fff}
.platform-line{color:#d0d8dd}
.platform-line .tech-link{font:600 13px var(--font);letter-spacing:.06em}
.scroll-icon{border-color:#ffffff40}

/* Manifesto: centred chips. */
.manifesto-strip{border:0;background:transparent}
.manifesto-strip>.container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-block:28px}
.manifesto-strip span,.manifesto-strip span:last-child{display:inline-flex;gap:10px;align-items:center;padding:10px 18px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);font:600 14px/1.2 var(--font);letter-spacing:.05em}
.manifesto-strip i{color:var(--amber);font:700 12px var(--font)}
.manifesto-strip b{font-weight:600;color:#e9eef1}

/* Section chrome off: spacing and glass do the separating. */
.fleet-section,.technology-section,.launch-section,.faq-section,.platform-section{border:0;background:transparent}
.launch-section::before{display:none}
.battle-console::before,.ship-panel::before{display:none}

/* Glass surface shared by all cards. */
.gameplay-frame,.mode-panel,.ship-panel,.arena-details article,.briefing-rules li,.briefing-rewards dl>div,.technology-grid>article:nth-child(n),.platform-list article,.launch-inner,.launch-card,.universe-wordmark,.faq-list details{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:inset 0 1px 0 #ffffff12}

/* Arena: media card + mode card + bento features. */
.battle-console{border:0;background:transparent;gap:16px;min-height:0}
.gameplay-frame{overflow:hidden;border-right:1px solid var(--stroke)}
.gameplay-frame figcaption{font:600 12px/1.6 var(--font);letter-spacing:.06em}
.mode-panel{padding:30px}
.mode-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:26px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid var(--stroke)}
.mode-tabs button{border:0;border-radius:999px;padding:9px 16px;font:700 14px var(--font);color:#cdd5da;background:transparent}
.mode-tabs button[aria-selected=true]{background:linear-gradient(135deg,#ffd6a6,#f3a85e);color:#1a1208}
.mode-kind{display:inline-block;padding:6px 12px;border-radius:999px;background:#f6bb7c1a;font:700 12px var(--font);letter-spacing:.1em}
.mode-panel h3{font-weight:700;letter-spacing:-.035em}
.mode-meta{border-top:1px solid var(--stroke)}
.mode-meta small{font:600 12px/1.5 var(--font);letter-spacing:.08em}
.arena-details{gap:16px;margin-top:16px}
.arena-details article{padding:28px}
.arena-details h3{margin:18px 0 10px}

/* Fleet: pill tabs, glass ship card, stat tiles. */
.ship-tabs{gap:8px}
.ship-tabs button{border:1px solid var(--stroke);border-radius:18px;background:var(--glass);padding:16px 18px;margin:0;transition:background .2s,border-color .2s,box-shadow .2s}
.ship-tabs button:hover{background:var(--glass-2)}
.ship-tabs button>span{color:#aab5bc;font:600 12px var(--font)}
.ship-tabs button>b{font-weight:700}
.ship-tabs button[aria-selected=true]{padding-left:18px;color:#fff;border-color:#f6bb7c99;background:linear-gradient(135deg,#f6bb7c26,#8f7dff14);box-shadow:0 10px 30px -18px #f6bb7c}
.ship-tabs button[aria-selected=true]>i{color:var(--amber)}
.ship-panel{padding:24px}
.ship-heading{font:600 12px var(--font);letter-spacing:.1em}
.ship-role{padding:5px 11px;border-radius:999px;background:#f6bb7c1a}
.ship-video{border:0;border-radius:var(--radius-s);overflow:hidden}
.media-toggle{border-radius:999px;border-color:var(--stroke-2);background:rgba(5,7,10,.6)}
.ship-media figcaption{font:600 12px/1.6 var(--font);letter-spacing:.06em}
.ship-profile h3,#ship-name{font-weight:800;letter-spacing:-.04em}
.ship-stats{gap:8px}
.ship-stats>div{padding:14px 16px;border-radius:16px;background:var(--glass-2);border:1px solid var(--stroke)}
.ship-stats dt{font:600 12px var(--font);letter-spacing:.08em}
.ship-stats dd{font-weight:800;letter-spacing:-.03em}
.ship-weapons{border-top:0;padding-top:0;gap:8px}
.ship-weapons p{padding:14px 16px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke)}
.ship-description{border-top:0;padding-top:0}
.ship-description>span{display:inline-block;padding:6px 12px;border-radius:999px;background:#f6bb7c1a;font:700 12px var(--font);letter-spacing:.08em}
.ship-tactic{border-top:1px solid var(--stroke)}
.ship-hint{color:#b7c1c8}

/* Briefing: rule cards and reward tiles. */
.briefing-rules{gap:16px}
.briefing-rules li,.briefing-rules li:nth-child(n){padding:28px;border-bottom:1px solid var(--stroke)}
.briefing-rules h3{margin:18px 0 10px}
.briefing-rewards{border-top:0;padding-top:0;margin-top:56px}
.briefing-rewards>.eyebrow{margin-bottom:18px}
.briefing-rewards dl{gap:12px;margin-top:0}
.briefing-rewards dl>div{padding:22px 24px;border-radius:22px}
.briefing-end{display:inline-block;margin-top:22px;padding:10px 16px;border-radius:999px;background:#f6bb7c1a;font:700 13px var(--font);letter-spacing:.08em}

/* Technology bento. */
.technology-grid{gap:16px;border:0}
.technology-grid>article:nth-child(n){padding:28px;border-right:1px solid var(--stroke);border-top:1px solid var(--stroke);background:radial-gradient(400px 200px at 0% 0%,#8f7dff1f,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}
.technology-grid>article:nth-child(2n){background:radial-gradient(400px 200px at 100% 0%,#f6bb7c1c,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}
.technology-grid h3{font-weight:700;letter-spacing:-.04em;margin-top:18px}
.technology-signature{font:600 13px var(--font);letter-spacing:.08em}
.technology-compatibility{color:#aeb9c0}

/* Platforms. */
.platform-list{border-top:0;display:grid;gap:12px}
.platform-list article,.platform-list article:nth-child(n){padding:22px 24px;border-bottom:1px solid var(--stroke)}
.platform-list article>span{font:700 13px var(--font)}

/* Launch: one glowing card. */
.launch-section{padding-block:72px}
.launch-inner{padding:48px;background:radial-gradient(600px 300px at 0% 0%,#f6bb7c26,transparent 70%),radial-gradient(500px 300px at 100% 100%,#8f7dff24,transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.launch-card{padding:30px;border-left:1px solid var(--stroke)}
.launch-card>small{font:600 13px var(--font);letter-spacing:.08em}
#store-link{margin-top:22px}

/* Universe + FAQ + footer. */
.universe-wordmark{padding:32px;border-block:1px solid var(--stroke)}
.universe-wordmark>b{background:linear-gradient(180deg,#fff,#7f8d98);-webkit-background-clip:text;background-clip:text;color:transparent}
.universe-wordmark>span{font:600 12px var(--font);letter-spacing:.14em}
.future-label{border-top:0;padding-top:0;margin-top:22px;font:600 13px var(--font);letter-spacing:.04em}
.faq-section{padding-top:40px}
.faq-list{display:grid;gap:10px}
.faq-list details{border-bottom:1px solid var(--stroke);border-radius:20px;padding:0 22px}
.faq-list summary{padding-right:40px}
.faq-list summary::after{top:50%;margin-top:-16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--glass-2);font-size:18px}
.site-footer{border-top:1px solid var(--stroke)}
.site-footer>div{font:500 13px var(--font);letter-spacing:.02em}
.back-top{border-radius:50%;border-color:var(--stroke-2)}

@media(max-width:1100px){.technology-grid{grid-template-columns:1fr 1fr}.launch-card{border-left:0}}
@media(max-width:800px){.site-header{height:60px;padding-left:18px}.battle-console{grid-template-columns:1fr}.gameplay-frame{border-right:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}.launch-inner{padding:32px}}
@media(max-width:560px){
.brand-mark{width:36px;height:36px}
.site-header{top:10px;width:calc(100% - 20px);height:58px;padding:0 8px 0 16px}
.mobile-nav{top:76px}
.hero-content{padding-top:104px}
.hero-shade{background:linear-gradient(180deg,#05070a 0%,#05070a calc(100% - 440px),#05070a99 calc(100% - 330px),#05070a00 calc(100% - 230px),#05070a00 calc(100% - 90px),#05070a 100%)}
.hero-buttons{flex-wrap:wrap;gap:10px}
.button{min-height:50px;padding:0 20px}
.manifesto-strip>.container{display:flex;justify-content:flex-start;padding-block:20px}
.manifesto-strip span,.manifesto-strip span:last-child{font-size:13px;padding:9px 14px}
.section-top{margin-bottom:20px}
.eyebrow{font-size:12px;padding:7px 13px}
.mode-panel{padding:22px}
.arena-details{gap:12px}
.arena-details article,.arena-details article:nth-child(n){padding:22px;border-bottom:1px solid var(--stroke)}
.ship-tabs{gap:6px}
.ship-tabs button,.ship-tabs button[aria-selected=true]{padding:13px 6px;border-radius:14px}
.ship-panel{padding:16px;border-radius:24px}
.ship-stats>div{padding:12px}
.briefing-rules{gap:12px}
.briefing-rules li,.briefing-rules li:nth-child(n){padding:22px}
.briefing-rewards dl>div{padding:18px 20px}
.technology-grid{grid-template-columns:1fr;gap:12px}
.technology-grid>article:nth-child(n){padding:22px}
.platform-list article,.platform-list article:nth-child(n){padding:18px 20px}
.launch-inner{padding:24px;border-radius:24px}
.launch-card{padding:22px;border-top:1px solid var(--stroke)}
.universe-wordmark{padding:24px}
.faq-list details{padding:0 18px}
}
.purchase-heading{font-weight:800;letter-spacing:-.045em;background:linear-gradient(180deg,#fff 35%,#b5c0c9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-bottom,.hero-credit{font:500 13px var(--font);letter-spacing:.04em;color:#b9c3ca}
.briefing-rules .feature-index,.arena-details .feature-index{position:static}
/* Gradient-clipped text ends at the box edge; pad it so descenders (g, y) are not cut. */
h2,.purchase-heading,.universe-wordmark>b,.hero-title{padding-bottom:.12em}
.briefing-end{border-radius:14px}