/* Night Ash Visual Identity v1.0. Source: Night Ash VI Manual.html. */

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/night-ash/cinzel-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/night-ash/cinzel-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/fonts/night-ash/cinzel-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/fonts/night-ash/cinzel-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/night-ash/cinzel-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Cinzel";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/night-ash/cinzel-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-ext-400-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-400-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/night-ash/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

html {
  background: #0b0a08;
  color-scheme: dark;
}

body.night-ash-vi {
  --na-ash: #0b0a08;
  --na-char: #17150f;
  --na-gold: #d8b66f;
  --na-champagne: #ecdcb9;
  --na-bone: #f2ede3;
  --na-text: #e0d8c7;
  --na-muted: #c2a879;
  --na-deep-muted: #a58a62;
  --na-green: #7cdea0;
  --na-red: #c97970;
  --na-hairline: rgba(216, 182, 111, 0.44);
  --na-hairline-strong: rgba(216, 182, 111, 0.76);
  --gold: var(--na-gold);
  --amber: var(--na-gold);
  --green: var(--na-green);
  --apple-gold: var(--na-gold);
  --apple-green: var(--na-green);
  --lux-gold: var(--na-gold);
  --lux-gold-bright: var(--na-champagne);
  --na-display: "Cinzel", Georgia, serif;
  --na-body: "Cormorant Garamond", Georgia, serif;
  --na-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --premium-bg: var(--na-ash);
  --premium-ink: var(--na-champagne);
  --premium-muted: var(--na-text);
  --premium-soft: var(--na-text);
  --premium-line: var(--na-hairline);
  --premium-line-strong: var(--na-hairline-strong);
  --premium-glass: rgba(23, 21, 15, 0.9);
  --premium-glass-strong: var(--na-char);
  --premium-panel: var(--na-char);
  --premium-surface: rgba(242, 237, 227, 0.035);
  --premium-surface-strong: rgba(242, 237, 227, 0.065);
  --premium-blue: var(--na-gold);
  --premium-amber: var(--na-gold);
  --premium-red: var(--na-red);
  --premium-green: var(--na-green);
  --premium-shadow: none;
  --premium-soft-shadow: none;
  --premium-radius: 0;
  --premium-font-body: var(--na-body);
  --premium-font-display: var(--na-display);
  --apple-bg: var(--na-ash);
  --apple-panel: var(--na-char);
  --apple-ink: var(--na-champagne);
  --apple-muted: var(--na-text);
  --apple-blue: var(--na-gold);
  --apple-font: var(--na-body);
  --apple-radius: 0;
  margin: 0;
  background: var(--na-ash) !important;
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: 0 !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

body.night-ash-vi::before,
body.night-ash-vi::after {
  display: none !important;
  background: none !important;
}

body.night-ash-vi *,
body.night-ash-vi *::before,
body.night-ash-vi *::after {
  letter-spacing: 0 !important;
  box-sizing: border-box;
}

body.night-ash-vi ::selection {
  background: var(--na-champagne);
  color: var(--na-ash);
}

body.night-ash-vi :where(h1, h2, h3, h4, h5, h6, nav, .eyebrow, .kicker, .label, .tag, .pill, .button, button) {
  color: var(--na-champagne) !important;
  font-family: var(--na-display) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.night-ash-vi :where(p, li, dd, dt, blockquote, figcaption, .lead, .summary, .copy) {
  font-family: var(--na-body) !important;
}

body.night-ash-vi :where(code, pre, kbd, samp, .mono, .score, .metric, .number, [class*="hash"], [class*="address"]) {
  font-family: var(--na-mono) !important;
}

body.night-ash-vi h1 {
  position: relative;
  max-width: 18ch;
  margin-bottom: 1.2rem !important;
  font-size: 4.25rem !important;
  line-height: 1.06 !important;
  text-transform: uppercase;
  text-wrap: balance;
}

body.night-ash-vi h1::after {
  content: "";
  display: block;
  width: 52px;
  height: 1px;
  margin-top: 1.15rem;
  background: var(--na-gold) !important;
  transform-origin: left center;
  animation: na-hairline 900ms ease both;
}

body.night-ash-vi h2 {
  font-size: 1.65rem !important;
  line-height: 1.25 !important;
  text-transform: uppercase;
}

body.night-ash-vi h3 {
  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
}

body.night-ash-vi :where(.lead, .hero p, .hero-copy p) {
  max-width: 66ch;
  color: var(--na-text) !important;
  font-size: 1.25rem !important;
  line-height: 1.58 !important;
}

body.night-ash-vi :where(.eyebrow, .kicker, .label, .tag, .pill) {
  color: var(--na-muted) !important;
  font-size: 0.68rem !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

body.night-ash-vi a {
  color: var(--na-champagne) !important;
  text-decoration-color: rgba(198, 161, 91, 0.55);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.24em;
  transition: color 700ms ease, border-color 700ms ease, background-color 700ms ease, opacity 700ms ease;
}

body.night-ash-vi a:hover {
  color: var(--na-gold) !important;
}

body.night-ash-vi :where(hr, .rule, .divider) {
  height: 1px !important;
  border: 0 !important;
  background: var(--na-hairline) !important;
}

body.night-ash-vi :where(.site-shell, .page, main) {
  background-color: var(--na-ash) !important;
  background-image: none !important;
}

body.night-ash-vi :where(.shell, .wrap, .container, .topbar__inner, .nav-inner) {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

body.night-ash-vi :where(.topbar, body > header, .page > header, header.nav) {
  z-index: 80 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--na-hairline) !important;
  border-radius: 0 !important;
  background: rgba(11, 10, 8, 0.96) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.night-ash-vi .topbar,
body.night-ash-vi > header,
body.night-ash-vi .page > header,
body.night-ash-vi header.nav {
  border: 0 !important;
  border-bottom: 1px solid var(--na-hairline) !important;
  background: rgba(11, 10, 8, 0.96) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.night-ash-vi .topbar::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 -1px !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background: var(--na-gold) !important;
  opacity: 0.45 !important;
  transform-origin: left center;
  animation: na-hairline 900ms ease both;
}

body.night-ash-vi .topbar::after {
  display: none !important;
  background: none !important;
}

body.night-ash-vi :where(.topbar__inner, header .shell, header .bar, header .nav-inner) {
  min-height: 78px !important;
  gap: 24px !important;
  padding-block: 8px !important;
}

body.night-ash-vi .na-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.night-ash-vi .na-brand {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 228px;
  min-width: 228px !important;
  min-height: 58px;
  padding: 8px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.night-ash-vi .na-brand__lockup {
  display: block;
  width: 198px;
  height: auto;
  max-width: none;
}

body.night-ash-vi .na-brand__mark-only {
  display: none;
  width: 48px;
  height: 48px;
}

body.night-ash-vi .na-global-masthead {
  position: relative;
  z-index: 82;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 78px;
  padding: 0 max(24px, calc((100% - 1180px) / 2));
  border-bottom: 1px solid var(--na-hairline);
  background: var(--na-ash);
}

body.night-ash-vi .na-global-masthead__note {
  color: var(--na-muted);
  font-family: var(--na-display);
  font-size: 0.68rem;
  text-transform: uppercase;
}

body.night-ash-vi :where(nav, .nav, .nav-links, .links) {
  align-items: center !important;
  gap: 0 !important;
  font-family: var(--na-display) !important;
  font-size: 0.7rem !important;
  text-transform: uppercase;
}

body.night-ash-vi :where(nav, .nav, .nav-links, .links) > a:not(.na-brand) {
  min-height: 42px;
  padding: 12px 11px !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--na-text) !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(nav, .nav, .nav-links, .links) > a:not(.na-brand):hover,
body.night-ash-vi :where(nav, .nav, .nav-links, .links) > a:not(.na-brand):focus-visible {
  border-bottom-color: var(--na-gold) !important;
  color: var(--na-champagne) !important;
  outline: 0 !important;
}

body.night-ash-vi :where(section, article, aside) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.panel, .card, .tile, .stat, .metric-card, .answer-box, .summary, .poster, .entry-card, .feature, .fact, .callout, .faq article, table, pre) {
  border: 1px solid var(--na-hairline) !important;
  border-radius: 0 !important;
  background-color: var(--na-char) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.panel, .card, .tile, .stat, .metric-card, .answer-box, .summary, .poster, .entry-card, .feature, .fact, .callout, .faq article)::before,
body.night-ash-vi :where(.panel, .card, .tile, .stat, .metric-card, .answer-box, .summary, .poster, .entry-card, .feature, .fact, .callout, .faq article)::after {
  box-shadow: none !important;
}

body.night-ash-vi :where(.tag, .pill, .badge, .chip) {
  border: 1px solid var(--na-hairline) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.button, a.button, button.button, .button-row a, input[type="submit"]) {
  min-height: 46px;
  padding: 12px 18px !important;
  border: 1px solid var(--na-gold) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--na-champagne) !important;
  box-shadow: none !important;
  text-transform: uppercase;
  transition: color 700ms ease, border-color 700ms ease, background-color 700ms ease !important;
}

body.night-ash-vi :where(.button, a.button, button.button, .button-row a, input[type="submit"]):hover {
  border-color: var(--na-champagne) !important;
  background: var(--na-char) !important;
  color: var(--na-bone) !important;
  transform: none !important;
}

body.night-ash-vi :where(input, select, textarea) {
  border: 1px solid var(--na-hairline-strong) !important;
  border-radius: 0 !important;
  background: var(--na-char) !important;
  color: var(--na-bone) !important;
  font-family: var(--na-body) !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.hero, .hero-stage, .page-hero) {
  border-radius: 0 !important;
  border-bottom-color: var(--na-hairline) !important;
  background-color: var(--na-ash) !important;
  background-blend-mode: multiply !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .hero {
  background: var(--na-ash) url("/assets/hero-aaa-noir.png") 60% center / cover no-repeat !important;
  background-blend-mode: normal !important;
}

body.night-ash-vi[data-na-art="hero"] .hero {
  background: var(--na-ash) url("/assets/hero-aaa-noir.png") center / cover no-repeat !important;
}

body.night-ash-vi[data-na-art="garage"] .hero {
  background: var(--na-ash) url("/assets/art-xai-garage.png") center / cover no-repeat !important;
}

body.night-ash-vi[data-na-art="gameplay"] .hero {
  background: var(--na-ash) url("/assets/art-rain-run-v2.png") center / cover no-repeat !important;
}

body.night-ash-vi[data-na-art="crew"] .hero {
  background: var(--na-ash) url("/assets/world-night-crew-v1.webp") center / cover no-repeat !important;
}

body.night-ash-vi[data-na-art="backdoor"] .hero {
  background: var(--na-ash) url("/assets/hero-backdoor-noir-v3.png") center / cover no-repeat !important;
}

body.night-ash-vi[data-na-art] .hero {
  background-blend-mode: normal !important;
  filter: none !important;
}

body.night-ash-vi[data-na-art] .hero::before {
  background: rgba(11, 10, 8, 0.3) !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.night-ash-vi[data-na-art] .hero::after {
  display: none !important;
  background: none !important;
}

body.night-ash-vi .hero h1 {
  max-width: 18ch !important;
  color: var(--na-champagne) !important;
  font-family: var(--na-display) !important;
  font-size: 4.25rem !important;
  text-shadow: none !important;
}

body.night-ash-vi .eyebrow {
  background: transparent !important;
  box-shadow: none !important;
}

body.night-ash-vi .eyebrow::before {
  width: 48px !important;
  height: 1px !important;
  background: var(--na-gold) !important;
  box-shadow: none !important;
}

body.night-ash-vi .eyebrow::after {
  display: none !important;
  background: none !important;
}

body.night-ash-vi.apple-experience .hero::before {
  background: rgba(11, 10, 8, 0.24) !important;
}

body.night-ash-vi.apple-experience .hero__inner,
body.night-ash-vi.apple-experience .hero__kicker,
body.night-ash-vi.apple-experience .hero__line,
body.night-ash-vi.apple-experience .hero__copy {
  background: transparent !important;
}

body.night-ash-vi.apple-experience .hero-stage3d {
  background-color: transparent !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__fallback {
  background: url("/assets/cinematic/scene-01-smoke-v3.webp") 70% center / cover no-repeat !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__hud {
  border-left-color: var(--na-gold) !important;
  color: var(--na-champagne) !important;
  text-shadow: none !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__timeline i {
  background: rgba(198, 161, 91, 0.28) !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__timeline i.is-active {
  background: var(--na-champagne) !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__replay {
  border-bottom-color: var(--na-hairline-strong) !important;
  color: var(--na-champagne) !important;
  text-shadow: none !important;
}

body.night-ash-vi.apple-experience .web3-racer {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.night-ash-vi.apple-experience .topbar .nav a,
body.night-ash-vi.apple-experience .topbar a:not(.na-brand):not(.social-link) {
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--na-text) !important;
  font-family: var(--na-display) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

body.night-ash-vi.apple-experience .topbar .nav a::after {
  height: 1px !important;
  background: var(--na-gold) !important;
  box-shadow: none !important;
  transition: transform 700ms ease !important;
}

body.night-ash-vi.apple-experience .topbar .social-link {
  border-radius: 0 !important;
  color: var(--na-muted) !important;
  background: transparent !important;
  font-family: var(--na-display) !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .topbar .social-link--official {
  border: 1px solid var(--na-hairline) !important;
  clip-path: none !important;
}

body.night-ash-vi.apple-experience .xai-price-animation,
body.night-ash-vi.apple-experience .xai-price-animation--hero {
  border: 1px solid var(--na-hairline) !important;
  border-radius: 0 !important;
  background: var(--na-char) !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .xai-price-animation::before {
  display: none !important;
  background: none !important;
}

body.night-ash-vi.apple-experience .xai-price-animation__track {
  border-radius: 0 !important;
  background: rgba(242, 237, 227, 0.12) !important;
}

body.night-ash-vi.apple-experience .xai-price-animation__track i {
  border-radius: 0 !important;
  background: var(--na-gold) !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .xai-price-animation__topline strong {
  color: var(--na-champagne) !important;
  text-shadow: none !important;
}

body.night-ash-vi :where(.hero, .hero-stage, .page-hero)::before {
  background: rgba(11, 10, 8, 0.42) !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.night-ash-vi :where(.hero, .hero-stage, .page-hero)::after {
  background: none !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.episode-card, .world-card, .campaign-card, .cast-card, .slice-shot, .media-card, .visual, figure) {
  border: 1px solid var(--na-hairline) !important;
  border-radius: 0 !important;
  background-color: var(--na-char) !important;
  background-blend-mode: multiply !important;
  box-shadow: none !important;
  filter: saturate(0.68) contrast(1.06);
}

body.night-ash-vi :where(.episode-card, .world-card, .campaign-card, .cast-card, .slice-shot, .media-card, .visual, figure):hover {
  border-color: var(--na-hairline-strong) !important;
  filter: saturate(0.78) contrast(1.08);
  transform: none !important;
}

body.night-ash-vi :where(footer, .footer) {
  border-top: 1px solid var(--na-hairline) !important;
  background: var(--na-ash) !important;
  color: var(--na-muted) !important;
  box-shadow: none !important;
}

body.night-ash-vi .na-footer-signature {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 122px;
  padding: 24px;
  border-bottom: 1px solid rgba(198, 161, 91, 0.18);
}

body.night-ash-vi .na-footer-signature img {
  display: block;
  width: 210px;
  height: auto;
}

body.night-ash-vi :where(.social-links, .social-strip) {
  border-color: var(--na-hairline) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.social-link, .social-links a) {
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--na-muted) !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.social-link, .social-links a):hover {
  border-bottom-color: var(--na-gold) !important;
  color: var(--na-champagne) !important;
}

body.night-ash-vi :where(.web3-racer, .web3-racer__shell, .web3-racer__stage, .web3-racer__entry, .web3-racer__hud, .web3-racer__results, .web3-racer__leaderboard, [class*="racer-"]) {
  border-color: var(--na-hairline) !important;
  border-radius: 0 !important;
  background-color: var(--na-char) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.web3-racer__entry, .web3-racer__results, .web3-racer__leaderboard) {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
}

body.night-ash-vi :where(.web3-racer__entry button, .web3-racer__controls button) {
  border: 1px solid var(--na-gold) !important;
  border-radius: 0 !important;
  background: rgba(11, 10, 8, 0.86) !important;
  color: var(--na-champagne) !important;
  box-shadow: none !important;
}

body.night-ash-vi :where(.web3-racer__score, .web3-racer__rank, .web3-racer__speed, .web3-racer__hud strong) {
  color: var(--na-champagne) !important;
  font-family: var(--na-mono) !important;
  text-shadow: none !important;
}

body.night-ash-vi canvas {
  border-radius: 0 !important;
}

body.night-ash-vi :where(.glow, [class*="glow"], [class*="neon"], [class*="orb"]) {
  box-shadow: none !important;
  filter: none !important;
}

body.night-ash-vi main > :where(section, article, header),
body.night-ash-vi .na-global-masthead,
body.night-ash-vi .na-footer-signature {
  animation: na-fade 850ms ease both;
}

@keyframes na-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes na-hairline {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@media (max-width: 980px) {
  body.night-ash-vi {
    font-size: 17px;
  }

  body.night-ash-vi h1 {
    font-size: 3.25rem !important;
  }

  body.night-ash-vi :where(.topbar__inner, header .shell, header .bar, header .nav-inner) {
    flex-wrap: wrap !important;
    min-height: 78px !important;
    padding-block: 10px !important;
  }

  body.night-ash-vi :where(nav, .nav, .nav-links, .links) {
    overflow-x: auto;
    scrollbar-width: none;
  }
}

/* Canonical primary navigation authority v1.7. */
body.night-ash-vi.night-ash-vi #site-primary-navigation {
  display: flex !important;
  align-items: stretch !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
}

body.night-ash-vi.night-ash-vi #site-primary-navigation::-webkit-scrollbar {
  display: none !important;
}

body.night-ash-vi.night-ash-vi #site-primary-navigation > a {
  flex: 0 0 auto !important;
  padding-inline: 3px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

@media (min-width: 1100px) {
  body.night-ash-vi.night-ash-vi :is(.news-topbar__inner, .ledger-topbar__inner, .xai-topbar__inner) {
    width: min(1440px, calc(100% - 32px)) !important;
    gap: 20px !important;
  }
}

@media (min-width: 1100px) and (max-width: 1399px) {
  body.night-ash-vi.night-ash-vi :is(.news-topbar, .ledger-topbar) .na-brand {
    width: 70px !important;
    min-width: 70px !important;
    padding-inline: 11px !important;
  }

  body.night-ash-vi.night-ash-vi :is(.news-topbar, .ledger-topbar) .na-brand__lockup,
  body.night-ash-vi.night-ash-vi .xai-topbar .xai-brand__lockup {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi :is(.news-topbar, .ledger-topbar) .na-brand__mark-only,
  body.night-ash-vi.night-ash-vi .xai-topbar .xai-brand__mark {
    display: block !important;
  }

  body.night-ash-vi.night-ash-vi .xai-topbar .xai-brand {
    width: 48px !important;
  }
}

@media (max-width: 1500px) {
  body.night-ash-vi.night-ash-vi .topbar__right > .social-links--top {
    display: none !important;
  }
}

@media (max-width: 720px) {
  body.night-ash-vi :where(.shell, .wrap, .container, .topbar__inner, .nav-inner) {
    width: min(100% - 28px, 1180px) !important;
  }

  body.night-ash-vi h1 {
    max-width: 100%;
    font-size: 2.35rem !important;
    line-height: 1.12 !important;
  }

  body.night-ash-vi .hero h1 {
    max-width: 100% !important;
    font-size: 2.35rem !important;
  }

  body.night-ash-vi h2 {
    font-size: 1.35rem !important;
  }

  body.night-ash-vi .na-brand {
    width: 70px;
    min-width: 70px !important;
    min-height: 62px;
    padding: 7px 11px !important;
  }

  body.night-ash-vi .na-brand__lockup {
    display: none;
  }

  body.night-ash-vi .na-brand__mark-only {
    display: block;
  }

  body.night-ash-vi .na-global-masthead {
    min-height: 70px;
    padding-inline: 14px;
  }

  body.night-ash-vi .na-global-masthead__note {
    max-width: 19ch;
    text-align: right;
  }

  body.night-ash-vi:not(.apple-experience) .topbar {
    width: 100% !important;
    min-height: 118px !important;
    margin: 0 !important;
  }

  body.night-ash-vi:not(.apple-experience) .topbar > :where(.shell, .wrap, .container) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 70px 48px !important;
    width: 100% !important;
    min-height: 118px !important;
    padding: 0 14px !important;
    gap: 0 !important;
  }

  body.night-ash-vi:not(.apple-experience) .topbar .na-brand {
    grid-row: 1 !important;
    justify-self: center !important;
  }

  body.night-ash-vi:not(.apple-experience) .topbar nav {
    display: flex !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 48px !important;
    overflow-x: auto !important;
    white-space: nowrap;
    scrollbar-width: none;
  }

  body.night-ash-vi:not(.apple-experience) .topbar nav::-webkit-scrollbar {
    display: none;
  }

  body.night-ash-vi:not(.apple-experience) .topbar nav > a {
    flex: 0 0 auto;
    min-height: 48px !important;
    padding: 14px 12px !important;
  }

  body.night-ash-vi :where(.lead, .hero p, .hero-copy p) {
    font-size: 1.08rem !important;
  }

  body.night-ash-vi.apple-experience .hero {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background-position: 64% center !important;
  }

  body.night-ash-vi.apple-experience .hero::before {
    background: rgba(11, 10, 8, 0.38) !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__inner {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding: 126px 0 64px !important;
    gap: 0 !important;
    background: transparent !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__inner > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__kicker { order: 1; }
  body.night-ash-vi.apple-experience .hero--home h1 { order: 2; }
  body.night-ash-vi.apple-experience .hero--home .hero__line { order: 3; }
  body.night-ash-vi.apple-experience .hero--home .hero__copy { order: 4; }
  body.night-ash-vi.apple-experience .hero--home .hero-stage3d { order: 5; }
  body.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero { order: 6; }
  body.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions { order: 7; }
  body.night-ash-vi.apple-experience .hero--home .web3-racer--hero { order: 8; }

  body.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    position: relative !important;
    inset: auto !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    height: 560px !important;
    margin: 28px 0 0 !important;
    border-top: 1px solid var(--na-hairline) !important;
    border-bottom: 1px solid var(--na-hairline) !important;
    background: var(--na-ash) url("/assets/cinematic/scene-01-smoke-v3.webp") 69% center / cover no-repeat !important;
    transform: translateX(-50%) !important;
  }

  body.night-ash-vi.apple-experience .hero-stage3d__actions {
    right: 18px !important;
    bottom: 22px !important;
    left: 18px !important;
    width: auto !important;
  }

  body.night-ash-vi.apple-experience .hero-stage3d__actions > * {
    min-width: 0 !important;
  }

  body.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero {
    margin-top: 28px !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions {
    margin-top: 22px !important;
  }

  body.night-ash-vi.apple-experience .hero--home .web3-racer--hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 48px !important;
  }

  body.night-ash-vi.apple-experience .web3-racer__copy,
  body.night-ash-vi.apple-experience .web3-racer__stage {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 !important;
  }

  body.night-ash-vi.apple-experience .web3-racer__stage,
  body.night-ash-vi.apple-experience .web3-racer__canvas {
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  body.night-ash-vi .hero :where(.button-row, .hero__actions, .hero-actions) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body.night-ash-vi .hero :where(.button-row, .hero__actions, .hero-actions) > * {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* AAA cinematic motion pass v1: one full-bleed stage, restrained layered movement. */
body.night-ash-vi.night-ash-vi.apple-experience .hero--home,
body.night-ash-vi.night-ash-vi.apple-experience section.hero--home {
  position: relative !important;
  overflow: clip !important;
  background-color: var(--na-ash) !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner {
  position: relative !important;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(6, auto) auto !important;
  width: min(1180px, calc(100% - 48px)) !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: 0 0 72px !important;
  column-gap: 18px !important;
  background: transparent !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner > :not(.hero-stage3d) {
  position: relative;
  z-index: 3;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__kicker {
  grid-column: 1 / 7 !important;
  grid-row: 1 !important;
  width: fit-content !important;
  margin: 62px 0 20px !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home h1 {
  grid-column: 1 / 8 !important;
  grid-row: 2 !important;
  max-width: 7.4ch !important;
  margin: 0 !important;
  font-size: 4.8rem !important;
  line-height: 0.94 !important;
  text-wrap: balance;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__line {
  grid-column: 1 / 7 !important;
  grid-row: 3 !important;
  max-width: 30ch !important;
  margin: 16px 0 0 !important;
  font-size: 1.34rem !important;
  line-height: 1.42 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__copy {
  grid-column: 1 / 7 !important;
  grid-row: 4 !important;
  max-width: 47ch !important;
  margin: 12px 0 0 !important;
  font-size: 18px !important;
  line-height: 1.62 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero {
  position: relative !important;
  inset: auto !important;
  grid-column: 1 / 6 !important;
  grid-row: 5 !important;
  width: min(100%, 360px) !important;
  margin: 16px 0 0 !important;
  padding: 12px 15px 11px !important;
  border: 0 !important;
  border-left: 1px solid var(--na-gold) !important;
  border-radius: 0 !important;
  background-color: rgba(11, 10, 8, 0.78) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions {
  grid-column: 1 / 7 !important;
  grid-row: 6 !important;
  margin: 12px 0 0 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 auto auto 50% !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 / 7 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 780px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--na-hairline) !important;
  background: var(--na-ash) url("/assets/cinematic/scene-01-smoke-v3.webp") 70% center / cover no-repeat !important;
  transform: translateX(-50%) !important;
  pointer-events: none;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d::before,
body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d::before {
  z-index: 3;
  inset: 0 auto 0 0;
  width: clamp(470px, 47vw, 700px);
  background-color: rgba(11, 10, 8, 0.82);
  box-shadow: 112px 0 150px rgba(11, 10, 8, 0.78);
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d::after {
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  height: 54px;
  background-color: rgba(11, 10, 8, 0.64);
  box-shadow: 0 -42px 72px rgba(11, 10, 8, 0.5);
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__canvas,
body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__fallback {
  filter: saturate(0.94) sepia(0.04) contrast(1.09) brightness(0.92) !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__hud {
  z-index: 5;
  top: 132px !important;
  right: max(30px, calc((100vw - 1180px) / 2)) !important;
  max-width: 300px;
  padding-left: 15px;
  border-left: 1px solid var(--na-gold) !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__hud strong {
  transition: opacity 180ms ease-out, transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__timeline {
  z-index: 5;
  top: 196px !important;
  right: max(30px, calc((100vw - 1180px) / 2)) !important;
  grid-template-columns: repeat(6, minmax(24px, 38px));
  gap: 6px;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__timeline i,
body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__timeline i.is-active {
  --stage-progress: 0;
  position: relative;
  height: 2px;
  overflow: hidden;
  background-color: rgba(232, 213, 168, 0.24) !important;
  transform: none !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__timeline i::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--na-champagne);
  transform: scaleX(var(--stage-progress));
  transform-origin: left center;
  transition: transform 90ms linear;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__actions {
  z-index: 5;
  top: auto !important;
  right: max(30px, calc((100vw - 1180px) / 2)) !important;
  bottom: 164px !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .web3-racer.web3-racer--hero {
  position: relative;
  z-index: 4;
  grid-column: 1 / -1 !important;
  grid-row: 7 !important;
  width: 100% !important;
  margin: 24px 0 0 !important;
}

.apple-motion-ready body.night-ash-vi.night-ash-vi.apple-experience [data-apple-reveal] {
  opacity: 0;
  transform: translateY(32px) scale(0.992);
  transition-duration: 720ms, 880ms;
  transition-timing-function: ease-out, cubic-bezier(0.16, 1, 0.3, 1);
}

.apple-motion-ready body.night-ash-vi.night-ash-vi.apple-experience [data-apple-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@media (prefers-reduced-motion: no-preference) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__kicker {
    animation: na-hero-copy-in 650ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home h1 {
    animation: na-hero-title-in 900ms cubic-bezier(0.16, 1, 0.3, 1) 260ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__line {
    animation: na-hero-copy-in 720ms cubic-bezier(0.16, 1, 0.3, 1) 600ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__copy {
    animation: na-hero-copy-in 720ms cubic-bezier(0.16, 1, 0.3, 1) 780ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero {
    animation: na-hero-copy-in 720ms cubic-bezier(0.16, 1, 0.3, 1) 960ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions {
    animation: na-hero-copy-in 720ms cubic-bezier(0.16, 1, 0.3, 1) 1120ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d {
    animation: na-stage-resolve 1200ms cubic-bezier(0.16, 1, 0.3, 1) 80ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__hud,
  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__timeline,
  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__actions {
    animation: na-hero-copy-in 700ms cubic-bezier(0.16, 1, 0.3, 1) 1180ms both;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d.is-transitioning .hero-stage3d__hud strong {
    opacity: 0.72;
    transform: translateX(4px);
  }
}

@keyframes na-hero-copy-in {
  from {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

@keyframes na-hero-title-in {
  from {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    filter: blur(8px);
    transform: translateY(32px);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    filter: blur(0);
    transform: translateY(0);
  }
}

@keyframes na-stage-resolve {
  from {
    opacity: 0;
    clip-path: inset(0 0 0 8%);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100% - 36px) !important;
    padding: 96px 0 60px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__kicker {
    order: 1 !important;
    width: fit-content !important;
    margin: 0 0 18px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home h1 {
    order: 2 !important;
    max-width: 8ch !important;
    font-size: 3.25rem !important;
    line-height: 1 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__line {
    order: 3 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__copy {
    order: 4 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    position: relative !important;
    inset: auto !important;
    left: 50% !important;
    order: 5 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 620px !important;
    margin: 32px 0 0 !important;
    border-top: 1px solid var(--na-hairline) !important;
    transform: translateX(-50%) !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d::before,
  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d::after {
    display: none;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__hud {
    top: 20px !important;
    right: auto !important;
    left: 18px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__timeline {
    top: 78px !important;
    right: 18px !important;
    left: 18px !important;
    grid-template-columns: repeat(6, 1fr);
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__actions {
    right: 18px !important;
    bottom: 20px !important;
    left: 18px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero {
    order: 6 !important;
    width: min(100%, 420px) !important;
    margin-top: 30px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions {
    order: 7 !important;
    margin-top: 22px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .web3-racer.web3-racer--hero {
    order: 8 !important;
    margin-top: 54px !important;
  }
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__inner {
    width: calc(100% - 28px) !important;
    padding-top: 78px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: 540px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home h1 {
    font-size: 2.35rem !important;
    line-height: 1.08 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero__line {
    font-size: 1.18rem !important;
  }
}

@media (max-width: 430px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: 500px !important;
  }
}

@media (max-width: 430px) {
  body.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: 500px !important;
  }

  body.night-ash-vi.apple-experience .web3-racer__stage,
  body.night-ash-vi.apple-experience .web3-racer__canvas {
    height: 440px !important;
    min-height: 440px !important;
    max-height: 440px !important;
  }
}

/* AAA cohesion and reading-comfort pass */
body.night-ash-vi {
  font-size: 19px;
  line-height: 1.68;
}

body.night-ash-vi main {
  isolation: isolate;
  background: var(--na-ash) !important;
}

body.night-ash-vi main p:not(.eyebrow):not(.kicker):not([class$="-kicker"]):not([class$="__kicker"]):not(.label):not(.tag):not(.pill):not(.badge):not(.web3-racer__event):not(.web3-racer__error):not(.web3-racer__fineprint) {
  font-size: 19px !important;
  line-height: 1.72 !important;
  text-wrap: pretty;
}

body.night-ash-vi main :where(section, article, aside) :where(ul, ol):not([data-racer-leaderboard]) > li,
body.night-ash-vi main :where(section, article, aside) :where(dd, blockquote) {
  font-size: 18px !important;
  line-height: 1.68 !important;
  text-wrap: pretty;
}

body.night-ash-vi main :where(.section__summary, .hero__copy, .lead, .summary) {
  max-width: 62ch !important;
  font-size: 19px !important;
  line-height: 1.72 !important;
}

body.night-ash-vi main > p {
  font-size: 19px !important;
  line-height: 1.72 !important;
  text-wrap: pretty;
}

body.night-ash-vi main > :where(ul, ol) > li {
  font-size: 18px !important;
  line-height: 1.68 !important;
}

body.night-ash-vi h2 {
  font-size: 1.9rem !important;
  line-height: 1.24 !important;
}

body.night-ash-vi h3 {
  font-size: 1.2rem !important;
  line-height: 1.38 !important;
}

body.night-ash-vi :focus-visible {
  outline: 1px solid var(--na-gold) !important;
  outline-offset: 4px !important;
}

body.night-ash-vi :where(.eyebrow, .kicker, .label, .tag, .pill) {
  font-size: 13px !important;
}

body.night-ash-vi :where(nav, .nav, .nav-links, .links) {
  font-size: 12px !important;
}

body.night-ash-vi.apple-experience :where(.button.button--primary, a.button.button--primary, button.button.button--primary),
body.night-ash-vi:not(.apple-experience) :where(.button--primary, a.button--primary, button.button--primary) {
  border-color: var(--na-gold) !important;
  background: var(--na-char) !important;
  color: var(--na-champagne) !important;
  font-size: 14px !important;
}

body.night-ash-vi.apple-experience :where(.button.button--primary, a.button.button--primary, button.button.button--primary):hover,
body.night-ash-vi.apple-experience :where(.button.button--primary, a.button.button--primary, button.button.button--primary):focus-visible,
body.night-ash-vi:not(.apple-experience) :where(.button--primary, a.button--primary, button.button--primary):hover,
body.night-ash-vi:not(.apple-experience) :where(.button--primary, a.button--primary, button.button--primary):focus-visible {
  border-color: var(--na-champagne) !important;
  background: var(--na-bone) !important;
  color: var(--na-ash) !important;
}

body.night-ash-vi.apple-experience .hero--home,
body.night-ash-vi.apple-experience section.hero--home {
  background: var(--na-ash) !important;
  border-bottom: 1px solid var(--na-hairline) !important;
}

body.night-ash-vi.apple-experience .hero--home::before,
body.night-ash-vi.apple-experience .hero--home::after {
  content: none !important;
  display: none !important;
}

body.night-ash-vi.apple-experience main > section:not(.hero) {
  border-top: 1px solid rgba(198, 161, 91, 0.18) !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience main > section:nth-of-type(even) {
  background-color: var(--na-char) !important;
}

body.night-ash-vi.apple-experience main > section:nth-of-type(odd) {
  background-color: var(--na-ash) !important;
}

body.night-ash-vi.apple-experience .hero--home .hero__inner {
  display: grid !important;
  grid-template-columns: minmax(380px, 430px) minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto auto auto 1fr auto !important;
  width: min(1180px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  padding: 0 0 80px !important;
  column-gap: 18px !important;
  row-gap: 0 !important;
  background: var(--na-ash) !important;
}

body.night-ash-vi.apple-experience .hero--home .hero__kicker {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin-top: 132px !important;
}

body.night-ash-vi.apple-experience .hero--home h1 {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

body.night-ash-vi.apple-experience .hero--home .hero__line {
  grid-column: 1 !important;
  grid-row: 3 !important;
  max-width: 29ch !important;
  font-size: 1.28rem !important;
  line-height: 1.48 !important;
}

body.night-ash-vi.apple-experience .hero--home .hero__copy {
  grid-column: 1 !important;
  grid-row: 4 !important;
  max-width: 44ch !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

body.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero {
  grid-column: 1 !important;
  grid-row: 5 !important;
}

body.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions {
  grid-column: 1 !important;
  grid-row: 6 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
  position: relative !important;
  inset: auto !important;
  grid-column: 2 !important;
  grid-row: 1 / 7 !important;
  align-self: start !important;
  width: calc(100% + max(24px, calc((100vw - 1180px) / 2))) !important;
  max-width: none !important;
  height: 780px !important;
  margin: 0 min(-24px, calc((1180px - 100vw) / 2)) 0 0 !important;
  border: 0 !important;
  border-left: 1px solid var(--na-hairline) !important;
  background: var(--na-ash) url("/assets/cinematic/scene-01-smoke-v3.webp") 70% center / cover no-repeat !important;
  transform: none !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__canvas,
body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__fallback {
  filter: saturate(0.78) sepia(0.08) contrast(1.08) brightness(0.92) !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__fade {
  background: var(--na-ash) !important;
}

body.night-ash-vi.apple-experience .hero--home .web3-racer.web3-racer--hero {
  grid-column: 1 / -1 !important;
  grid-row: 7 !important;
  align-self: start !important;
  width: 100% !important;
  margin: 24px 0 0 !important;
  border: 1px solid var(--na-hairline-strong) !important;
  border-radius: 0 !important;
  background: var(--na-ash) !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .web3-racer__copy {
  padding: 34px 30px !important;
  border-right: 1px solid var(--na-hairline) !important;
  background: var(--na-char) !important;
}

body.night-ash-vi.apple-experience .hero .web3-racer__copy h3 {
  max-width: 13ch !important;
  color: var(--na-champagne) !important;
  font-size: 2.25rem !important;
  line-height: 1.12 !important;
}

body.night-ash-vi.apple-experience .hero .web3-racer__copy p:not(.eyebrow):not(.web3-racer__error) {
  color: var(--na-text) !important;
  font-size: 18px !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.apple-experience :where(.web3-racer__event, .web3-racer__error, .web3-racer__fineprint) {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

body.night-ash-vi.apple-experience .web3-racer__stage {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--na-ash) !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .web3-racer__canvas {
  filter: saturate(0.66) sepia(0.12) contrast(1.1) brightness(0.88) !important;
}

body.night-ash-vi.apple-experience :where(.web3-racer__stats span, .web3-racer__leaderboard, .web3-racer__leaderboard li) {
  border-color: var(--na-hairline) !important;
  background: rgba(242, 237, 227, 0.035) !important;
}

body.night-ash-vi.apple-experience .web3-racer__leaderboard li.is-current {
  border-color: var(--na-gold) !important;
  background: rgba(198, 161, 91, 0.1) !important;
}

body.night-ash-vi.apple-experience .web3-racer__copy .eyebrow,
body.night-ash-vi.apple-experience .web3-racer__leaderboard-head b,
body.night-ash-vi.apple-experience .web3-racer__velocity em,
body.night-ash-vi.apple-experience .web3-racer__gear b {
  color: var(--na-gold) !important;
}

body.night-ash-vi.apple-experience .web3-racer__entry input:focus {
  border-color: var(--na-gold) !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience .web3-racer__event {
  border-left-color: var(--na-gold) !important;
  color: var(--na-text) !important;
  background: rgba(198, 161, 91, 0.07) !important;
}

body.night-ash-vi.apple-experience .web3-racer__event.is-penalty {
  border-left-color: #b44b45 !important;
  color: #e0aaa1 !important;
  background: rgba(180, 75, 69, 0.08) !important;
}

body.night-ash-vi.apple-experience .web3-racer__velocity i {
  color: var(--na-bone) !important;
  text-shadow: none !important;
}

body.night-ash-vi.apple-experience .web3-racer__route-bar > i b {
  background: var(--na-gold) !important;
  box-shadow: none !important;
}

body.night-ash-vi.apple-experience :where(.web3-racer__stage-hud span, .web3-racer__route-bar > span) {
  color: var(--na-text) !important;
  text-shadow: none !important;
}

body.night-ash-vi.apple-experience .web3-racer__leaderboard-head,
body.night-ash-vi.apple-experience .web3-racer__leaderboard li {
  font-size: 12px !important;
}

body.night-ash-vi.apple-experience :where(.web3-racer__form label, .web3-racer__stats em, .web3-racer__stage-hud span, .web3-racer__route-bar > span, .web3-racer__velocity em) {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

body.night-ash-vi.apple-experience .topbar {
  background: var(--na-ash) !important;
}

body.night-ash-vi.apple-experience .signal-strip {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 max(24px, calc((100% - 1180px) / 2)) !important;
  border: 0 !important;
  border-top: 1px solid var(--na-hairline) !important;
  border-bottom: 1px solid var(--na-hairline) !important;
  border-radius: 0 !important;
  background: var(--na-char) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.night-ash-vi.apple-experience .signal-strip > div {
  min-height: 104px !important;
  padding: 24px !important;
  border-color: rgba(198, 161, 91, 0.22) !important;
  background: transparent !important;
}

body.night-ash-vi.apple-experience .signal-strip strong {
  font-size: 1rem !important;
}

body.night-ash-vi.apple-experience .signal-strip span {
  font-size: 17px !important;
  line-height: 1.45 !important;
}

body.night-ash-vi :where(.mission-card__image, .episode-card, .world-card, .campaign-card, .cast-card, .slice-shot, .media-card, .visual) {
  filter: saturate(0.68) sepia(0.08) contrast(1.08) !important;
}

@media (max-width: 980px) {
  body.night-ash-vi {
    font-size: 18px;
  }

  body.night-ash-vi main p:not(.eyebrow):not(.kicker):not([class$="-kicker"]):not([class$="__kicker"]):not(.label):not(.tag):not(.pill):not(.badge):not(.web3-racer__event):not(.web3-racer__error):not(.web3-racer__fineprint),
  body.night-ash-vi main :where(.section__summary, .hero__copy, .lead, .summary) {
    font-size: 18px !important;
  }

  body.night-ash-vi main :where(section, article, aside) :where(ul, ol):not([data-racer-leaderboard]) > li,
  body.night-ash-vi main :where(section, article, aside) :where(dd, blockquote) {
    font-size: 18px !important;
  }

  body.night-ash-vi main > p,
  body.night-ash-vi main > :where(ul, ol) > li {
    font-size: 18px !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__inner {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100% - 36px) !important;
    max-width: 100% !important;
    padding: 96px 0 64px !important;
    gap: 0 !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__inner > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__kicker {
    order: 1 !important;
    margin-top: 0 !important;
  }

  body.night-ash-vi.apple-experience .hero--home h1 { order: 2 !important; }
  body.night-ash-vi.apple-experience .hero--home .hero__line { order: 3 !important; }
  body.night-ash-vi.apple-experience .hero--home .hero__copy { order: 4 !important; }
  body.night-ash-vi.apple-experience .hero--home .hero-stage3d { order: 5 !important; }
  body.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero { order: 6 !important; }
  body.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions { order: 7 !important; }
  body.night-ash-vi.apple-experience .hero--home .web3-racer--hero { order: 8 !important; }

  body.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    position: relative !important;
    inset: auto !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    height: 620px !important;
    margin: 36px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--na-hairline) !important;
    border-bottom: 1px solid var(--na-hairline) !important;
    transform: translateX(-50%) !important;
  }

  body.night-ash-vi.apple-experience .hero--home .xai-price-animation--hero {
    margin-top: 32px !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__inner > .hero__actions {
    margin-top: 24px !important;
  }

  body.night-ash-vi.apple-experience .hero--home .web3-racer.web3-racer--hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 56px !important;
  }

  body.night-ash-vi.apple-experience .web3-racer__copy {
    grid-column: 1 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--na-hairline) !important;
  }

  body.night-ash-vi.apple-experience .web3-racer__stage {
    grid-column: 1 !important;
  }

  body.night-ash-vi.apple-experience .signal-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-inline: 18px !important;
  }
}

@media (max-width: 720px) {
  body.night-ash-vi h1,
  body.night-ash-vi .hero h1 {
    font-size: 2.65rem !important;
  }

  body.night-ash-vi h2 {
    font-size: 1.55rem !important;
  }

  body.night-ash-vi h3 {
    font-size: 1.15rem !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__inner {
    width: calc(100% - 28px) !important;
    padding-top: 78px !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__line {
    font-size: 1.18rem !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero__copy {
    font-size: 18px !important;
  }

  body.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: 540px !important;
  }

  body.night-ash-vi.apple-experience .web3-racer__copy {
    padding: 28px 22px !important;
  }

  body.night-ash-vi.apple-experience .hero .web3-racer__copy h3 {
    font-size: 1.9rem !important;
  }
}

@media (max-width: 430px) {
  body.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: 500px !important;
  }
}

/* Panorama framing authority: preserve complete character and scene silhouettes. */
body.night-ash-vi.apple-experience .hero--home .hero-stage3d {
  height: clamp(560px, 52vw, 780px) !important;
  background: var(--na-ash) !important;
}

body.night-ash-vi.apple-experience .hero-stage3d__fallback {
  background-color: var(--na-ash) !important;
  background-image: url("/assets/cinematic/scene-01-smoke-v3.webp") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

body.night-ash-vi .mission-card {
  grid-template-rows: auto 1fr !important;
}

body.night-ash-vi .mission-card__image {
  min-height: 0 !important;
  aspect-ratio: 16 / 9;
  background-color: var(--na-char) !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 981px) {
  body.night-ash-vi[data-na-art] .hero:not(.hero--home),
  body.night-ash-vi[data-na-art] section.hero:not(.hero--home) {
    background-position: right center !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
  }

  body.night-ash-vi .news-lead__image,
  body.night-ash-vi .ledger-hero > img {
    object-fit: contain !important;
    object-position: right center !important;
    background-color: var(--na-ash) !important;
  }
}

@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: clamp(350px, 68vw, 540px) !important;
  }
}

@media (max-width: 430px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: 350px !important;
  }
}

/* Reading comfort final authority v1.3: keep this after every legacy layer. */
body.night-ash-vi.night-ash-vi {
  --vi-display-weight: 500;
  --vi-display-strong: 600;
  --vi-body-weight: 500;
  --vi-reading-size: 22px;
  --vi-reading-size-compact: 20px;
  --vi-ui-size: 16px;
  --vi-micro-size: 15px;
  color: var(--na-text) !important;
  font-size: var(--vi-reading-size);
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.72;
}

body.night-ash-vi.night-ash-vi :where(
  p, li, dd, dt, blockquote, figcaption,
  label, table td,
  .lead, .summary, .copy, .section__summary,
  .hero__copy, .section__lead, .article-body, .longform, .prose
) {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: var(--vi-reading-size) !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.72 !important;
}

body.night-ash-vi.night-ash-vi :where(
  .eyebrow, .kicker, [class$="-kicker"], [class$="__kicker"],
  .label, [class$="-label"], [class$="__label"],
  .tag, .pill, .badge, [class$="-meta"], [class$="__meta"]
) {
  color: var(--na-muted) !important;
  font-size: var(--vi-micro-size) !important;
  font-weight: 600 !important;
  line-height: 1.48 !important;
}

body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) a,
body.night-ash-vi.night-ash-vi .topbar .nav a,
body.night-ash-vi.night-ash-vi :where(
  .button, a.button, button.button, .button-row a,
  .arcade-action, .game-action, .arcade-tab, .roulette-bet,
  input[type="button"], input[type="submit"]
) {
  font-size: var(--vi-ui-size) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home :where(.hero__line, .hero__copy) {
  color: var(--na-text) !important;
  font-size: 21px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .hero-stage3d__hud span,
  .hero-stage3d__timeline span,
  .hero-stage3d__replay,
  .web3-racer__form label,
  .web3-racer__stats em,
  .web3-racer__leaderboard-head,
  .web3-racer__leaderboard li,
  .web3-racer__leaderboard li span,
  .web3-racer__leaderboard li b,
  .web3-racer__leaderboard li em,
  .web3-racer__stage-hud span,
  .web3-racer__route-bar > span,
  .web3-racer__velocity em,
  .web3-racer__overlay span,
  .web3-racer__event,
  .web3-racer__error,
  .web3-racer__fineprint,
  .web3-racer__rank
) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .bullcase-lockup > span,
  .bullcase-chip > b,
  .bullcase-chip > span,
  .archive-card > span
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

body.night-ash-vi.night-ash-vi :where(
  footer, footer p, footer a, .footer, .footer p, .footer a, .footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.58 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-hero__lead,
  .arcade-economy-status,
  .game-header p,
  .game-controls p,
  .arcade-roadmap__copy,
  .arcade-roadmap p,
  .arcade-facts p
) {
  font-size: 20px !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page .arcade-disclaimer {
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-topbar nav a,
  .arcade-language a,
  .arcade-tab,
  .arcade-action,
  .game-action,
  .roulette-bet,
  .game-controls label
) {
  font-size: var(--vi-ui-size) !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-kicker,
  .game-kicker,
  .arcade-microcopy,
  .game-meta,
  .arcade-status,
  .arcade-facts span,
  .arcade-footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi {
    font-size: var(--vi-reading-size-compact);
    line-height: 1.7;
  }

  body.night-ash-vi.night-ash-vi :where(
    p, li, dd, dt, blockquote, figcaption,
    label, table td,
    .lead, .summary, .copy, .section__summary,
    .hero__copy, .section__lead, .article-body, .longform, .prose
  ),
  body.night-ash-vi.night-ash-vi :where(
    [class$="-card"], [class$="-panel"],
    .card, .panel, .tile, .item
  ) p,
  body.night-ash-vi.night-ash-vi.apple-experience
    :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive)
    :where(p, li, .section__summary) {
    font-size: var(--vi-reading-size-compact) !important;
    line-height: 1.7 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home :where(.hero__line, .hero__copy) {
    font-size: var(--vi-reading-size-compact) !important;
  }

  body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) a,
  body.night-ash-vi.night-ash-vi .topbar .nav a {
    font-size: 15px !important;
  }
}

/* Reading comfort authority v1.3: larger defaults for sustained reading. */
/* VI authority layer v1.3: warm gold and fresh green remain restrained signals. */
body.night-ash-vi.night-ash-vi {
  --vi-display-weight: 500;
  --vi-display-strong: 600;
  --vi-body-weight: 500;
  --vi-reading-size: 22px;
  --vi-reading-size-compact: 20px;
  --vi-ui-size: 16px;
  --vi-micro-size: 15px;
  color: var(--na-text) !important;
  font-size: var(--vi-reading-size);
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.72;
}

body.night-ash-vi.night-ash-vi :where(
  p, li, dd, dt, blockquote, figcaption,
  label, table td,
  .lead, .summary, .copy, .section__summary,
  .hero__copy, .section__lead, .article-body, .longform, .prose
) {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: var(--vi-reading-size) !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.72 !important;
}

body.night-ash-vi.night-ash-vi :where(
  .eyebrow, .kicker, [class$="-kicker"], [class$="__kicker"],
  .label, [class$="-label"], [class$="__label"],
  .tag, .pill, .badge, [class$="-meta"], [class$="__meta"]
) {
  color: var(--na-muted) !important;
  font-size: var(--vi-micro-size) !important;
  font-weight: 600 !important;
  line-height: 1.48 !important;
}

body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) a,
body.night-ash-vi.night-ash-vi .topbar .nav a,
body.night-ash-vi.night-ash-vi :where(
  .button, a.button, button.button, .button-row a,
  .arcade-action, .game-action, .arcade-tab, .roulette-bet,
  input[type="button"], input[type="submit"]
) {
  font-size: var(--vi-ui-size) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home :where(.hero__line, .hero__copy) {
  color: var(--na-text) !important;
  font-size: 21px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .hero-stage3d__hud span,
  .hero-stage3d__timeline span,
  .hero-stage3d__replay,
  .web3-racer__form label,
  .web3-racer__stats em,
  .web3-racer__leaderboard-head,
  .web3-racer__leaderboard li,
  .web3-racer__leaderboard li span,
  .web3-racer__leaderboard li b,
  .web3-racer__leaderboard li em,
  .web3-racer__stage-hud span,
  .web3-racer__route-bar > span,
  .web3-racer__velocity em,
  .web3-racer__overlay span,
  .web3-racer__event,
  .web3-racer__error,
  .web3-racer__fineprint,
  .web3-racer__rank
) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .bullcase-lockup > span,
  .bullcase-chip > b,
  .bullcase-chip > span,
  .archive-card > span
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

body.night-ash-vi.night-ash-vi :where(
  footer, footer p, footer a, .footer, .footer p, .footer a, .footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.58 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-hero__lead,
  .arcade-economy-status,
  .game-header p,
  .game-controls p,
  .arcade-roadmap__copy,
  .arcade-roadmap p,
  .arcade-facts p
) {
  font-size: 20px !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page .arcade-disclaimer {
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-topbar nav a,
  .arcade-language a,
  .arcade-tab,
  .arcade-action,
  .game-action,
  .roulette-bet,
  .game-controls label
) {
  font-size: var(--vi-ui-size) !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-kicker,
  .game-kicker,
  .arcade-microcopy,
  .game-meta,
  .arcade-status,
  .arcade-facts span,
  .arcade-footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi {
    font-size: var(--vi-reading-size-compact);
    line-height: 1.7;
  }

  body.night-ash-vi.night-ash-vi :where(
    p, li, dd, dt, blockquote, figcaption,
    label, table td,
    .lead, .summary, .copy, .section__summary,
    .hero__copy, .section__lead, .article-body, .longform, .prose
  ),
  body.night-ash-vi.night-ash-vi :where(
    [class$="-card"], [class$="-panel"],
    .card, .panel, .tile, .item
  ) p,
  body.night-ash-vi.night-ash-vi.apple-experience
    :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive)
    :where(p, li, .section__summary) {
    font-size: var(--vi-reading-size-compact) !important;
    line-height: 1.7 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home :where(.hero__line, .hero__copy) {
    font-size: var(--vi-reading-size-compact) !important;
  }

  body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) a,
  body.night-ash-vi.night-ash-vi .topbar .nav a {
    font-size: 15px !important;
  }
}

/* Reading comfort authority v1.2: mature-reader scale and restrained signal color. */
body.night-ash-vi.night-ash-vi {
  --vi-body-weight: 500;
  color: var(--na-text) !important;
  font-size: 20px;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68;
}

body.night-ash-vi.night-ash-vi main :where(p, li, dd),
body.night-ash-vi.night-ash-vi :where(
  .hero__copy,
  .section__summary,
  .prose,
  .longform,
  .article-body
) {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: 20px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi :where(
  [class$="-card"], [class$="-panel"],
  .card, .panel, .tile, .item
) p,
body.night-ash-vi.night-ash-vi.apple-experience
  :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive)
  :where(p, li, .section__summary) {
  font-size: 20px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi h3,
body.night-ash-vi.night-ash-vi [class$="-card"] h3,
body.night-ash-vi.night-ash-vi [class$="-panel"] h3 {
  font-size: 1.25rem !important;
  line-height: 1.28 !important;
}

body.night-ash-vi.night-ash-vi :where(
  .topbar nav a,
  .topbar .nav a,
  nav.nav a,
  .nav-links a,
  .links a
) {
  min-height: 44px !important;
  color: var(--na-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

body.night-ash-vi.night-ash-vi :where(
  .eyebrow,
  [class$="-eyebrow"],
  [class$="__eyebrow"],
  [class$="-kicker"],
  [class$="__kicker"],
  [class$="-label"],
  [class$="__label"],
  [class$="-meta"],
  [class$="__meta"],
  .tag,
  .chip
) {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

body.night-ash-vi.night-ash-vi :where(
  .button, a.button, button.button, .button-row a,
  .arcade-action, .game-action, .arcade-tab, .roulette-bet,
  input[type="button"], input[type="submit"]
) {
  min-height: 48px;
  padding-inline: 18px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.night-ash-vi.night-ash-vi :where(input, select, textarea) {
  min-height: 48px;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

body.night-ash-vi.night-ash-vi :where(
  footer,
  footer p,
  footer a,
  .footer,
  .footer p,
  .footer a
) {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

body.night-ash-vi.night-ash-vi :where(code, pre, kbd, samp) {
  font-size: 15px;
  line-height: 1.55;
}

body.night-ash-vi.night-ash-vi :where(
  .status--positive,
  .is-positive,
  .is-live,
  .is-ready,
  .positive,
  [data-status="live"],
  [data-state="healthy"]
) {
  color: var(--na-green) !important;
}

body.night-ash-vi.night-ash-vi .apple-experience .hero--home .hero__kicker span,
body.night-ash-vi.night-ash-vi .apple-experience .signal-strip span,
body.night-ash-vi.night-ash-vi .hero-stage3d__hud span {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .topbar .brand__name strong {
  font-size: 14px !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .topbar .brand__name span {
  color: var(--na-muted) !important;
  font-size: 12px !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .web3-racer__copy > p:not(.eyebrow):not(.web3-racer__event) {
  color: var(--na-text) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .web3-racer__form label,
  .web3-racer__stats em,
  .web3-racer__leaderboard-head,
  .web3-racer__leaderboard li,
  .web3-racer__stage-hud span,
  .web3-racer__route-bar > span,
  .web3-racer__velocity em,
  .web3-racer__overlay span
) {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .web3-racer__event,
  .web3-racer__error,
  .web3-racer__fineprint,
  .web3-racer__rank
) {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .web3-racer__form input {
  min-height: 46px !important;
  font-size: 15px !important;
}

body.night-ash-vi.night-ash-vi.arcade-page {
  font-size: 20px;
  line-height: 1.66;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-hero__lead,
  .arcade-disclaimer,
  .arcade-economy-status,
  .game-header p,
  .game-controls p,
  .arcade-roadmap p,
  .arcade-facts p
) {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-topbar nav a,
  .arcade-tab,
  .arcade-action,
  .game-action,
  .roulette-bet,
  .game-controls label
) {
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-kicker,
  .game-kicker,
  .arcade-microcopy,
  .game-meta,
  .arcade-status,
  .arcade-footer__inner
) {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-economy-status strong,
  .game-status strong,
  .is-win,
  [data-complete="true"]
) {
  color: var(--na-green) !important;
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi {
    font-size: 19px;
  }

  body.night-ash-vi.night-ash-vi main :where(p, li, dd),
  body.night-ash-vi.night-ash-vi :where(
    [class$="-card"], [class$="-panel"],
    .card, .panel, .tile, .item
  ) p,
  body.night-ash-vi.night-ash-vi.apple-experience
    :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive)
    :where(p, li, .section__summary) {
    font-size: 19px !important;
    line-height: 1.66 !important;
  }

  body.night-ash-vi.night-ash-vi h3,
  body.night-ash-vi.night-ash-vi [class$="-card"] h3,
  body.night-ash-vi.night-ash-vi [class$="-panel"] h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  body.night-ash-vi.night-ash-vi :where(
    .topbar nav a,
    .topbar .nav a,
    nav.nav a,
    .nav-links a,
    .links a
  ) {
    font-size: 14px !important;
  }

  body.night-ash-vi.night-ash-vi.arcade-page {
    font-size: 19px;
  }

  body.night-ash-vi.night-ash-vi.arcade-page :where(
    .arcade-hero__lead,
    .arcade-disclaimer,
    .arcade-economy-status,
    .game-header p,
    .game-controls p,
    .arcade-roadmap p,
    .arcade-facts p
  ) {
    font-size: 17px !important;
  }
}

@media (min-width: 981px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 auto auto 50% !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 / 7 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 780px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--na-hairline) !important;
    transform: translateX(-50%) !important;
    pointer-events: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.night-ash-vi *,
  body.night-ash-vi *::before,
  body.night-ash-vi *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}

/* VI authority layer v1.2: mature-reader scale is the final visual contract. */
body.night-ash-vi.night-ash-vi {
  --vi-display-weight: 500;
  --vi-display-strong: 600;
  --vi-body-weight: 500;
  background-color: var(--na-ash) !important;
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: 20px;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68;
}

body.night-ash-vi.night-ash-vi *,
body.night-ash-vi.night-ash-vi *::before,
body.night-ash-vi.night-ash-vi *::after {
  font-family: var(--na-body) !important;
  font-synthesis: none !important;
  letter-spacing: 0 !important;
}

body.night-ash-vi.night-ash-vi :where(
  h1, h2, h3, h4, h5, h6,
  nav, nav a, .nav, .nav a, .nav-links, .nav-links a,
  .eyebrow, .kicker, [class$="-kicker"], [class$="__kicker"],
  .label, [class$="-label"], [class$="__label"],
  .tag, .pill, .badge,
  .button, a.button, button, input[type="button"], input[type="submit"],
  table th, summary,
  .web3-racer__event, .web3-racer__error, .web3-racer__fineprint,
  .web3-racer__leaderboard-head,
  .game-kicker, .arcade-kicker, .arcade-micro
) {
  color: var(--na-champagne) !important;
  font-family: var(--na-display) !important;
  font-weight: var(--vi-display-weight) !important;
  text-transform: uppercase !important;
}

html[lang] body.night-ash-vi.night-ash-vi :where(
  h1, h2, h3, h4, h5, h6,
  nav, nav a, .nav, .nav a,
  .eyebrow, .kicker, [class$="-kicker"], [class$="__kicker"],
  .label, [class$="-label"], [class$="__label"],
  .tag, .pill, .badge,
  .button, a.button, button, input[type="button"], input[type="submit"],
  table th, summary
) {
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi :where(
  p, li, dd, dt, blockquote, figcaption,
  label, input, select, textarea, option,
  table td, .lead, .summary, .copy, .section__summary,
  .hero__copy, .section__lead, .article-body, .longform, .prose,
  .game-status, .game-disclaimer, .arcade-disclaimer,
  .arcade-economy-status, .arcade-roadmap__copy
) {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: 20px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
  text-wrap: pretty;
}

body.night-ash-vi.night-ash-vi :where(p, li, dd, dt, blockquote, figcaption) strong {
  color: var(--na-champagne) !important;
  font-family: inherit !important;
  font-weight: 500 !important;
}

/* Visual roles outrank their semantic tag, including <p class="eyebrow">. */
body.night-ash-vi.night-ash-vi .eyebrow,
body.night-ash-vi.night-ash-vi .kicker,
body.night-ash-vi.night-ash-vi [class$="-kicker"],
body.night-ash-vi.night-ash-vi [class$="__kicker"],
body.night-ash-vi.night-ash-vi .label,
body.night-ash-vi.night-ash-vi .tag,
body.night-ash-vi.night-ash-vi .pill,
body.night-ash-vi.night-ash-vi .badge {
  color: var(--na-muted) !important;
  font-family: var(--na-display) !important;
  font-size: 14px !important;
  font-weight: var(--vi-display-weight) !important;
  line-height: 1.45 !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi :where(
  code, pre, kbd, samp, data, time, output,
  .mono, .score, .metric, .number,
  [class*="hash"], [class*="address"],
  .web3-racer__score, .web3-racer__rank, .web3-racer__speed,
  .web3-racer__velocity i, .web3-racer__gear b
) {
  font-family: var(--na-mono) !important;
  font-weight: 400 !important;
}

body.night-ash-vi.night-ash-vi h1,
body.night-ash-vi.night-ash-vi .hero h1,
body.night-ash-vi.night-ash-vi .hero__title {
  color: var(--na-champagne) !important;
  font-family: var(--na-display) !important;
  font-size: 4.5rem !important;
  font-weight: var(--vi-display-strong) !important;
  line-height: 1.04 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

body.night-ash-vi.night-ash-vi h2,
body.night-ash-vi.night-ash-vi .section h2,
body.night-ash-vi.night-ash-vi .section__head h2,
body.night-ash-vi.night-ash-vi .xai-panel h2 {
  max-width: 18ch;
  color: var(--na-champagne) !important;
  font-family: var(--na-display) !important;
  font-size: 3rem !important;
  font-weight: var(--vi-display-weight) !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi h3,
body.night-ash-vi.night-ash-vi [class$="-card"] h3,
body.night-ash-vi.night-ash-vi [class$="-panel"] h3 {
  color: var(--na-champagne) !important;
  font-family: var(--na-display) !important;
  font-size: 1.5rem !important;
  font-weight: var(--vi-display-weight) !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi :where(.eyebrow, .kicker, [class$="-kicker"], [class$="__kicker"], .label, .tag, .pill, .badge) {
  color: var(--na-muted) !important;
  font-size: 14px !important;
  font-weight: var(--vi-display-weight) !important;
  line-height: 1.45 !important;
}

body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) {
  font-family: var(--na-display) !important;
  font-size: 15px !important;
  font-weight: var(--vi-display-weight) !important;
}

body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) a,
body.night-ash-vi.night-ash-vi .language-switcher,
body.night-ash-vi.night-ash-vi .language-switcher a {
  color: var(--na-text) !important;
  font-family: var(--na-display) !important;
  font-size: 15px !important;
  font-weight: var(--vi-display-weight) !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi .topbar__inner {
  width: min(1480px, calc(100% - 48px)) !important;
  max-width: 1480px !important;
}

body.night-ash-vi.night-ash-vi .topbar__right,
body.night-ash-vi.night-ash-vi .topbar .nav {
  min-width: 0;
}

body.night-ash-vi.night-ash-vi .topbar__right {
  flex: 1 1 auto;
}

body.night-ash-vi.night-ash-vi .topbar .nav {
  flex: 1 1 auto;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
}

body.night-ash-vi.night-ash-vi .topbar .nav::-webkit-scrollbar {
  display: none;
}

body.night-ash-vi.night-ash-vi .topbar .nav a {
  flex: 0 0 auto;
  min-height: 46px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

body.night-ash-vi.night-ash-vi .topbar .social-link {
  min-height: 44px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

body.night-ash-vi.night-ash-vi :where(
  [class$="-card"], [class$="-panel"],
  .card, .panel, .tile, .item, .answer-box,
  .system-card, .mission-card, .archive-card,
  .arcade-game, .arcade-toolbar
) {
  border-color: var(--na-hairline) !important;
  border-radius: 0 !important;
  background-color: var(--na-char) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.night-ash-vi.night-ash-vi :where([class$="-card"], [class$="-panel"], .card, .panel, .tile, .item):hover {
  border-color: var(--na-hairline-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.night-ash-vi.night-ash-vi :where([class$="-card"], [class$="-panel"], .card, .panel, .tile, .item) p {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: 20px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi :where(
  .button, a.button, button.button, .button-row a,
  .arcade-action, .game-action, .arcade-tab, .roulette-bet,
  input[type="button"], input[type="submit"]
) {
  min-height: 44px;
  border: 1px solid var(--na-hairline-strong) !important;
  border-radius: 0 !important;
  color: var(--na-champagne) !important;
  background-color: var(--na-char) !important;
  box-shadow: none !important;
  font-family: var(--na-display) !important;
  font-size: 15px !important;
  font-weight: var(--vi-display-weight) !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi :where(
  .button--primary, a.button--primary, button.button--primary,
  .game-action--primary,
  .arcade-tab[aria-selected="true"],
  .roulette-bet[aria-pressed="true"]
) {
  border-color: var(--na-gold) !important;
  color: var(--na-champagne) !important;
  background-color: var(--na-char) !important;
  box-shadow: inset 0 -1px 0 var(--na-gold) !important;
}

body.night-ash-vi.night-ash-vi :where(
  .button, a.button, button.button, .button-row a,
  .arcade-action, .game-action, .arcade-tab, .roulette-bet
):hover,
body.night-ash-vi.night-ash-vi :where(
  .button, a.button, button.button, .button-row a,
  .arcade-action, .game-action, .arcade-tab, .roulette-bet
):focus-visible {
  border-color: var(--na-champagne) !important;
  color: var(--na-bone) !important;
  background-color: var(--na-ash) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.night-ash-vi.night-ash-vi :where(input, select, textarea) {
  border-color: var(--na-hairline-strong) !important;
  border-radius: 0 !important;
  color: var(--na-bone) !important;
  background-color: var(--na-ash) !important;
  box-shadow: none !important;
  font-family: var(--na-body) !important;
  font-size: 1rem !important;
  font-weight: var(--vi-body-weight) !important;
}

body.night-ash-vi.night-ash-vi .apple-experience,
body.night-ash-vi.night-ash-vi main,
body.night-ash-vi.night-ash-vi .site-shell,
body.night-ash-vi.night-ash-vi .page {
  background-color: var(--na-ash) !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) h2,
body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) h3 {
  color: var(--na-champagne) !important;
  font-family: var(--na-display) !important;
  font-weight: var(--vi-display-weight) !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) h2 {
  font-size: 3rem !important;
  line-height: 1.12 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) :where(p, li, .section__summary) {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: 20px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) .eyebrow {
  color: var(--na-muted) !important;
  font-family: var(--na-display) !important;
  font-size: 14px !important;
  font-weight: var(--vi-display-weight) !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(.mission-card, .system-card, .archive-card) {
  border-color: var(--na-hairline) !important;
  border-radius: 0 !important;
  background-color: var(--na-char) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .mission-card__body span {
  color: var(--na-muted) !important;
  font-family: var(--na-display) !important;
  font-size: 14px !important;
  font-weight: var(--vi-display-weight) !important;
  text-transform: uppercase !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .system-card::before,
body.night-ash-vi.night-ash-vi.apple-experience .system-card:nth-child(n)::before {
  width: 30px !important;
  height: 1px !important;
  border-radius: 0 !important;
  background-color: var(--na-gold) !important;
  box-shadow: none !important;
}

body.night-ash-vi.night-ash-vi :where(.arcade-disclaimer, .game-disclaimer, .game-status) {
  border-color: var(--na-hairline) !important;
  border-left-color: var(--na-gold) !important;
  color: var(--na-text) !important;
  background-color: var(--na-ash) !important;
  box-shadow: none !important;
  font-family: var(--na-body) !important;
  font-weight: var(--vi-body-weight) !important;
}

body.night-ash-vi.night-ash-vi :where(.slot-machine, .slot-cell, .crash-stage, .roulette-wheel, .blackjack-table, .playing-card, .tombala-card, .tombala-card span, .tombala-ball) {
  box-shadow: none !important;
  filter: none !important;
}

body.night-ash-vi.night-ash-vi :where(.slot-cell.is-win, .tombala-card span.is-called, .tombala-prizes span[data-complete="true"]) {
  border-color: var(--na-gold) !important;
  color: var(--na-champagne) !important;
  background-color: var(--na-char) !important;
  box-shadow: inset 0 0 0 1px var(--na-gold) !important;
}

@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi h1,
  body.night-ash-vi.night-ash-vi .hero h1,
  body.night-ash-vi.night-ash-vi .hero__title {
    font-size: 3.25rem !important;
  }

  body.night-ash-vi.night-ash-vi h2,
  body.night-ash-vi.night-ash-vi .section h2,
  body.night-ash-vi.night-ash-vi .section__head h2,
  body.night-ash-vi.night-ash-vi .xai-panel h2,
  body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) h2 {
    font-size: 2.25rem !important;
  }
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi {
    font-size: 19px;
  }

  body.night-ash-vi.night-ash-vi :where(
    p, li, dd, dt, blockquote, figcaption,
    .lead, .summary, .copy, .section__summary,
    .hero__copy, .section__lead, .article-body, .longform, .prose
  ) {
    font-size: 19px !important;
    line-height: 1.68 !important;
  }

  body.night-ash-vi.night-ash-vi h1,
  body.night-ash-vi.night-ash-vi .hero h1,
  body.night-ash-vi.night-ash-vi .hero__title {
    font-size: 2.35rem !important;
    line-height: 1.1 !important;
  }

  body.night-ash-vi.night-ash-vi h2,
  body.night-ash-vi.night-ash-vi .section h2,
  body.night-ash-vi.night-ash-vi .section__head h2,
  body.night-ash-vi.night-ash-vi .xai-panel h2,
  body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) h2 {
    font-size: 1.75rem !important;
    line-height: 1.18 !important;
  }

  body.night-ash-vi.night-ash-vi h3,
  body.night-ash-vi.night-ash-vi [class$="-card"] h3,
  body.night-ash-vi.night-ash-vi [class$="-panel"] h3 {
    font-size: 21px !important;
  }

  body.night-ash-vi.night-ash-vi :where([class$="-card"], [class$="-panel"], .card, .panel, .tile, .item) p,
  body.night-ash-vi.night-ash-vi.apple-experience :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive) :where(p, li, .section__summary) {
    font-size: 19px !important;
  }

  body.night-ash-vi.night-ash-vi .topbar .nav a {
    font-size: 14px !important;
  }
}

/* Panorama framing authority v1.1: this is the final media framing contract. */
body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
  height: clamp(560px, 52vw, 780px) !important;
  background: var(--na-ash) !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__fallback {
  background-color: var(--na-ash) !important;
  background-image: url("/assets/cinematic/scene-01-smoke-v3.webp") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

body.night-ash-vi.night-ash-vi .mission-card {
  grid-template-rows: auto 1fr !important;
}

body.night-ash-vi.night-ash-vi .mission-card__image {
  min-height: 0 !important;
  aspect-ratio: 16 / 9;
  background-color: var(--na-char) !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 981px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 auto auto 50% !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 / 7 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 780px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--na-hairline) !important;
    transform: translateX(-50%) !important;
    pointer-events: none;
  }

  body.night-ash-vi.night-ash-vi[data-na-art] .hero:not(.hero--home),
  body.night-ash-vi.night-ash-vi[data-na-art] section.hero:not(.hero--home) {
    background-position: right center !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
  }

  body.night-ash-vi.night-ash-vi .news-lead__image,
  body.night-ash-vi.night-ash-vi .ledger-hero > img {
    object-fit: contain !important;
    object-position: right center !important;
    background-color: var(--na-ash) !important;
  }
}

@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: clamp(350px, 68vw, 540px) !important;
  }
}

@media (max-width: 430px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    height: 350px !important;
  }
}

/* Reading comfort final authority v1.3: keep this final in the cascade. */
body.night-ash-vi.night-ash-vi {
  --vi-display-weight: 500;
  --vi-display-strong: 600;
  --vi-body-weight: 500;
  --vi-reading-size: 22px;
  --vi-reading-size-compact: 20px;
  --vi-ui-size: 16px;
  --vi-micro-size: 15px;
  color: var(--na-text) !important;
  font-size: var(--vi-reading-size);
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.72;
}

body.night-ash-vi.night-ash-vi :where(
  p, li, dd, dt, blockquote, figcaption, label, table td,
  .lead, .summary, .copy, .section__summary, .hero__copy,
  .section__lead, .article-body, .longform, .prose
) {
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: var(--vi-reading-size) !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.72 !important;
}

body.night-ash-vi.night-ash-vi :where(
  .eyebrow, .kicker, [class$="-kicker"], [class$="__kicker"],
  .label, [class$="-label"], [class$="__label"],
  .tag, .pill, .badge, [class$="-meta"], [class$="__meta"]
) {
  color: var(--na-muted) !important;
  font-size: var(--vi-micro-size) !important;
  font-weight: 600 !important;
  line-height: 1.48 !important;
}

body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) a,
body.night-ash-vi.night-ash-vi .topbar .nav a,
body.night-ash-vi.night-ash-vi :where(
  .button, a.button, button.button, .button-row a,
  .arcade-action, .game-action, .arcade-tab, .roulette-bet,
  input[type="button"], input[type="submit"]
) {
  font-size: var(--vi-ui-size) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience .hero--home :where(.hero__line, .hero__copy) {
  color: var(--na-text) !important;
  font-size: 21px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .hero-stage3d__hud span, .hero-stage3d__timeline span, .hero-stage3d__replay,
  .web3-racer__form label, .web3-racer__stats em,
  .web3-racer__leaderboard-head, .web3-racer__leaderboard li,
  .web3-racer__leaderboard li span, .web3-racer__leaderboard li b,
  .web3-racer__leaderboard li em, .web3-racer__stage-hud span,
  .web3-racer__route-bar > span, .web3-racer__velocity em,
  .web3-racer__overlay span, .web3-racer__event, .web3-racer__error,
  .web3-racer__fineprint, .web3-racer__rank
) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience :where(
  .bullcase-lockup > span, .bullcase-chip > b,
  .bullcase-chip > span, .archive-card > span
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

body.night-ash-vi.night-ash-vi :where(
  footer, footer p, footer a, .footer, .footer p, .footer a, .footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.58 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-hero__lead, .arcade-economy-status, .game-header p,
  .game-controls p, .arcade-roadmap__copy, .arcade-roadmap p, .arcade-facts p
) {
  font-size: 20px !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page .arcade-disclaimer {
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-topbar nav a, .arcade-language a, .arcade-tab,
  .arcade-action, .game-action, .roulette-bet, .game-controls label
) {
  font-size: var(--vi-ui-size) !important;
}

body.night-ash-vi.night-ash-vi.arcade-page :where(
  .arcade-kicker, .game-kicker, .arcade-microcopy, .game-meta,
  .arcade-status, .arcade-facts span, .arcade-footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi {
    font-size: var(--vi-reading-size-compact);
    line-height: 1.7;
  }

  body.night-ash-vi.night-ash-vi :where(
    p, li, dd, dt, blockquote, figcaption, label, table td,
    .lead, .summary, .copy, .section__summary, .hero__copy,
    .section__lead, .article-body, .longform, .prose
  ),
  body.night-ash-vi.night-ash-vi :where(
    [class$="-card"], [class$="-panel"], .card, .panel, .tile, .item
  ) p,
  body.night-ash-vi.night-ash-vi.apple-experience
    :is(#campaign, #gameplay, #world, #xai, #xai-10-bull-case, #archive)
    :where(p, li, .section__summary) {
    font-size: var(--vi-reading-size-compact) !important;
    line-height: 1.7 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero--home :where(.hero__line, .hero__copy) {
    font-size: var(--vi-reading-size-compact) !important;
  }

  body.night-ash-vi.night-ash-vi :where(nav, .nav, .nav-links, .links) a,
  body.night-ash-vi.night-ash-vi .topbar .nav a {
    font-size: 15px !important;
  }
}

/*
  Readability specificity bridge v1.3.
  The unused ID guard deliberately outranks legacy important selectors without
  changing the DOM or inflating every component selector.
*/
body.night-ash-vi.night-ash-vi:not(#na-reading-floor) main :is(
  p, li, dd, dt, blockquote, figcaption, label, table td,
  .lead, .summary, .copy, .section__summary,
  .hero__copy, .section__lead, .article-body, .longform, .prose
) {
  color: var(--na-text) !important;
  font-size: var(--vi-reading-size) !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.72 !important;
}

body.night-ash-vi.night-ash-vi:not(#na-reading-floor) main :is(
  .eyebrow, .kicker, [class$="-kicker"], [class$="__kicker"],
  .label, [class$="-label"], [class$="__label"],
  .tag, .pill, .badge, [class$="-meta"], [class$="__meta"]
) {
  color: var(--na-muted) !important;
  font-size: var(--vi-micro-size) !important;
  font-weight: 600 !important;
  line-height: 1.48 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience:not(#na-reading-floor)
  main .hero--home :is(.hero__kicker, .hero__line, .hero__copy) {
  color: var(--na-text) !important;
  font-size: 21px !important;
  font-weight: var(--vi-body-weight) !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience:not(#na-reading-floor)
  main .hero--home .hero__kicker {
  color: var(--na-muted) !important;
  font-size: var(--vi-micro-size) !important;
  line-height: 1.48 !important;
}

body.night-ash-vi.night-ash-vi:not(#na-reading-floor)
  :where(nav, .nav, .nav-links, .links) a,
body.night-ash-vi.night-ash-vi:not(#na-reading-floor)
  :where(.button, a.button, button.button, .button-row a) {
  font-size: var(--vi-ui-size) !important;
}

body.night-ash-vi.night-ash-vi.apple-experience:not(#na-reading-floor) :is(
  .hero-stage3d__hud span, .hero-stage3d__timeline span, .hero-stage3d__replay,
  .web3-racer__form label, .web3-racer__stats em,
  .web3-racer__leaderboard-head, .web3-racer__leaderboard li,
  .web3-racer__leaderboard li span, .web3-racer__leaderboard li b,
  .web3-racer__leaderboard li em, .web3-racer__stage-hud span,
  .web3-racer__route-bar > span, .web3-racer__velocity em,
  .web3-racer__overlay span, .web3-racer__event, .web3-racer__error,
  .web3-racer__fineprint, .web3-racer__rank
) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.night-ash-vi.night-ash-vi.apple-experience:not(#na-reading-floor) :is(
  .bullcase-lockup > span, .bullcase-chip > b,
  .bullcase-chip > span, .archive-card > span
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

body.night-ash-vi.night-ash-vi:not(#na-reading-floor) :is(
  footer, footer p, footer a, .footer, .footer p, .footer a, .footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.58 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page:not(#na-reading-floor)
  main :is(p, li, dd, dt, .arcade-hero__lead, .arcade-economy-status,
  .game-header p, .game-controls p, .arcade-roadmap__copy, .arcade-facts p) {
  font-size: 20px !important;
  line-height: 1.68 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page:not(#na-reading-floor)
  main .arcade-disclaimer {
  font-size: 18px !important;
  line-height: 1.6 !important;
}

body.night-ash-vi.night-ash-vi.arcade-page:not(#na-reading-floor) :is(
  .arcade-topbar nav a, .arcade-language a, .arcade-tab,
  .arcade-action, .game-action, .roulette-bet, .game-controls label
) {
  font-size: var(--vi-ui-size) !important;
}

body.night-ash-vi.night-ash-vi.arcade-page:not(#na-reading-floor) :is(
  .arcade-kicker, .game-kicker, .arcade-microcopy, .game-meta,
  .arcade-status, .arcade-facts span, .arcade-footer__inner
) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.5 !important;
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi:not(#na-reading-floor) main :is(
    p, li, dd, dt, blockquote, figcaption, label, table td,
    .lead, .summary, .copy, .section__summary,
    .hero__copy, .section__lead, .article-body, .longform, .prose
  ) {
    font-size: var(--vi-reading-size-compact) !important;
    line-height: 1.7 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience:not(#na-reading-floor)
    main .hero--home :is(.hero__line, .hero__copy) {
    font-size: var(--vi-reading-size-compact) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-reading-floor)
    :where(nav, .nav, .nav-links, .links) a {
    font-size: 15px !important;
  }
}

/*
  Fine-print reading floor v1.4.
  Two unused ID guards keep compact labels above legacy ID-scoped rules while
  preserving the existing component markup and layout.
*/
body.night-ash-vi.night-ash-vi:not(#na-reading-floor):not(#na-reading-floor-final)
  main :is(
    .eyebrow,
    .hero__kicker > span,
    .xai-price-animation__topline > span,
    .xai-price-animation__topline > em,
    .mission-card__body > span,
    .hero-stage3d__hud span,
    .hero-stage3d__timeline span,
    .hero-stage3d__replay,
    .web3-racer__form label,
    .web3-racer__stats em,
    .web3-racer__leaderboard-head,
    .web3-racer__leaderboard-head > *,
    .web3-racer__leaderboard li,
    .web3-racer__leaderboard li *,
    .web3-racer__stage-hud span,
    .web3-racer__route-bar > span,
    .web3-racer__velocity span,
    .web3-racer__velocity em,
    .web3-racer__gear span,
    .web3-racer__sector span,
    .web3-racer__overlay span,
    .web3-racer__event,
    .web3-racer__error,
    .web3-racer__fineprint,
    .web3-racer__rank,
    .web3-racer__impact span
  ) {
  font-size: var(--vi-micro-size) !important;
  line-height: 1.48 !important;
}

/* Header flow authority v1.4: keep long localized labels fully reachable. */
body.night-ash-vi.night-ash-vi:not(#na-reading-floor):not(#na-header-flow)
  .topbar .nav {
  justify-content: flex-start !important;
}

@media (min-width: 1181px) {
  body.night-ash-vi.night-ash-vi:not(#na-reading-floor):not(#na-header-flow)
    .topbar__inner {
    width: min(1600px, calc(100% - 48px)) !important;
    max-width: 1600px !important;
  }
}

@media (max-width: 720px) {
  body.night-ash-vi.night-ash-vi:not(#na-reading-floor):not(#na-mobile-reading-floor) {
    font-size: var(--vi-reading-size-compact) !important;
    line-height: 1.7 !important;
  }
}

/*
  Mobile cinematic framing authority v1.5.
  This must stay after the desktop split-stage rule so the full-bleed scene and
  both controls remain inside the visual viewport.
*/
@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi.apple-experience .hero--home .hero-stage3d {
    position: relative !important;
    inset: auto !important;
    left: 50% !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    align-self: stretch !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 36px 0 0 !important;
    border-left: 0 !important;
    transform: translateX(-50%) !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__actions {
    right: 18px !important;
    left: 18px !important;
    width: auto !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .hero-stage3d__actions > * {
    min-width: 0 !important;
  }
}

/*
  Primary navigation reading rhythm v1.8.
  The full information architecture stays visible, while utility actions move
  off the main reading line and related destinations gain visual grouping.
*/
@media (min-width: 981px) {
  body.night-ash-vi.night-ash-vi.apple-experience .topbar {
    min-height: 106px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar__inner {
    display: grid !important;
    grid-template-columns: 228px minmax(0, 1fr) auto !important;
    grid-template-rows: 38px 68px !important;
    align-items: stretch !important;
    min-height: 106px !important;
    padding: 0 !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar .na-brand {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: stretch;
    width: 228px;
    min-width: 228px !important;
    border-right: 1px solid var(--na-hairline) !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar__right {
    display: contents !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar .social-links--top {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    min-height: 0;
    padding: 0 !important;
    border: 0 !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar .social-link--official {
    min-height: 30px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
    line-height: 28px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar .language-switcher {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    min-height: 30px;
    margin: 0 !important;
    padding-left: 13px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar .language-switcher a {
    width: 36px;
    min-width: 36px;
    height: 30px;
    font-size: 13px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience #site-primary-navigation {
    grid-column: 2 / 4;
    grid-row: 2;
    align-self: stretch;
    justify-content: flex-start !important;
    gap: clamp(12px, 1.15vw, 22px) !important;
    min-width: 0 !important;
    padding: 0 2px !important;
    border-top: 1px solid rgba(198, 161, 91, 0.16);
  }

  body.night-ash-vi.night-ash-vi.apple-experience #site-primary-navigation > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 68px !important;
    padding: 0 !important;
    color: var(--na-text) !important;
    font-family: var(--na-body) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience
    #site-primary-navigation > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    ) {
    margin-left: 13px;
  }

  body.night-ash-vi.night-ash-vi.apple-experience
    #site-primary-navigation > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    )::before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: -18px;
    width: 1px;
    background: var(--na-hairline);
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  body.night-ash-vi.night-ash-vi.apple-experience .topbar {
    min-height: 146px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar__inner {
    grid-template-columns: 190px minmax(0, 1fr) auto !important;
    grid-template-rows: 38px 108px !important;
    min-height: 146px !important;
    column-gap: 18px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar .na-brand {
    width: 190px;
    min-width: 190px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience .topbar .na-brand__lockup {
    width: 162px;
  }

  body.night-ash-vi.night-ash-vi.apple-experience #site-primary-navigation {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(2, 54px);
    gap: 0 14px !important;
    overflow: visible !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience #site-primary-navigation > a {
    min-height: 54px !important;
    padding-right: 8px !important;
    font-size: 15px !important;
  }

  body.night-ash-vi.night-ash-vi.apple-experience
    #site-primary-navigation > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    ) {
    margin-left: 0;
  }

  body.night-ash-vi.night-ash-vi.apple-experience
    #site-primary-navigation > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    )::before {
    display: none;
  }
}

@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi.apple-experience #site-primary-navigation {
    gap: 6px !important;
    padding-inline: 2px;
  }

  body.night-ash-vi.night-ash-vi.apple-experience #site-primary-navigation > a {
    padding-inline: 10px !important;
    font-family: var(--na-body) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
  }
}

/*
  Section header and Signal Relay authority v1.9.
  News, Ledger, and Chronicle share the homepage reading rhythm and one
  edition-locked continuity surface.
*/
body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
  :is(.news-topbar, .ledger-topbar, .xai-topbar) {
  background: #080a0c !important;
  border-color: rgba(224, 211, 183, 0.2) !important;
}

body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
  .na-header-utility {
  color: var(--na-muted) !important;
  font-family: var(--na-sans) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
  .na-header-utility:hover {
  color: var(--na-bone) !important;
  border-color: rgba(216, 182, 111, 0.55) !important;
  background: rgba(216, 182, 111, 0.06) !important;
}

@media (min-width: 981px) {
  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar__inner, .ledger-topbar__inner, .xai-topbar__inner) {
    display: grid !important;
    grid-template-columns: 228px minmax(0, 1fr) auto !important;
    grid-template-rows: 38px 68px !important;
    align-items: stretch !important;
    width: min(1600px, calc(100% - 48px)) !important;
    min-height: 106px !important;
    padding: 0 !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand, .ledger-topbar .na-brand, .xai-topbar .xai-brand) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    width: 228px !important;
    min-width: 228px !important;
    margin: 0 !important;
    padding: 0 24px 0 0 !important;
    border-right: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand__lockup, .ledger-topbar .na-brand__lockup, .xai-topbar .xai-brand__lockup) {
    display: block !important;
    width: 186px !important;
    max-width: 100% !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand__mark-only, .ledger-topbar .na-brand__mark-only, .xai-topbar .xai-brand__mark) {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    .na-header-utility {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    display: flex !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 0 0 13px !important;
    gap: 0 !important;
    border: 0 !important;
    border-left: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) a {
    width: 36px !important;
    min-width: 36px !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--na-muted) !important;
    font-family: var(--na-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 30px !important;
    text-transform: none !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) a[aria-current="page"] {
    color: var(--na-bone) !important;
    box-shadow: inset 0 -1px 0 var(--na-gold) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar) #site-primary-navigation {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    justify-content: flex-start !important;
    gap: clamp(12px, 1.15vw, 22px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border-top: 1px solid rgba(198, 161, 91, 0.16) !important;
    overflow: visible !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 68px !important;
    padding: 0 !important;
    color: var(--na-text) !important;
    font-family: var(--na-body) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    ) {
    margin-left: 13px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    )::before {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: -18px;
    width: 1px;
    background: rgba(224, 211, 183, 0.2);
    content: "";
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a[aria-current="page"] {
    color: var(--na-bone) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a[aria-current="page"]::after {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    height: 1px;
    background: var(--na-gold);
    content: "";
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar__inner, .ledger-topbar__inner, .xai-topbar__inner) {
    grid-template-columns: 190px minmax(0, 1fr) auto !important;
    grid-template-rows: 38px 108px !important;
    min-height: 146px !important;
    column-gap: 18px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand, .ledger-topbar .na-brand, .xai-topbar .xai-brand) {
    width: 190px !important;
    min-width: 190px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand__lockup, .ledger-topbar .na-brand__lockup, .xai-topbar .xai-brand__lockup) {
    width: 162px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar) #site-primary-navigation {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 54px) !important;
    gap: 0 14px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a {
    min-height: 54px !important;
    padding-right: 8px !important;
    font-size: 15px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    ) {
    margin-left: 0 !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a::before {
    display: none !important;
  }
}

@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar__inner, .ledger-topbar__inner, .xai-topbar__inner) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 56px 43px !important;
    align-items: center !important;
    width: min(100% - 28px, 1180px) !important;
    min-height: 99px !important;
    padding: 0 !important;
    gap: 0 12px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand, .ledger-topbar .na-brand, .xai-topbar .xai-brand) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    width: min(180px, 48vw) !important;
    min-width: 0 !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand__lockup, .ledger-topbar .na-brand__lockup, .xai-topbar .xai-brand__lockup) {
    display: block !important;
    width: min(164px, 46vw) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand__mark-only, .ledger-topbar .na-brand__mark-only, .xai-topbar .xai-brand__mark) {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    .na-header-utility {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) a {
    width: 36px !important;
    min-width: 36px !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--na-muted) !important;
    font-family: var(--na-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 30px !important;
    text-transform: none !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) a + a {
    border-left: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar) #site-primary-navigation {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border-top: 1px solid rgba(198, 161, 91, 0.16) !important;
    overflow-x: auto !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar, .ledger-topbar, .xai-topbar)
    #site-primary-navigation > a {
    min-height: 43px !important;
    padding: 0 10px !important;
    color: var(--na-text) !important;
    font-family: var(--na-body) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }
}

@media (max-width: 560px) {
  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand, .ledger-topbar .na-brand, .xai-topbar .xai-brand) {
    width: 58px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand__lockup, .ledger-topbar .na-brand__lockup, .xai-topbar .xai-brand__lockup) {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-topbar .na-brand__mark-only, .ledger-topbar .na-brand__mark-only, .xai-topbar .xai-brand__mark) {
    display: block !important;
    width: 42px !important;
    max-height: 46px !important;
  }
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay {
  position: relative;
  overflow: hidden;
  color: var(--na-text);
  background: #0c0f12;
  border-top: 1px solid rgba(224, 211, 183, 0.2);
  border-bottom: 1px solid rgba(224, 211, 183, 0.2);
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: #d8b66f;
  content: "";
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__inner {
  width: min(1600px, calc(100% - 48px));
  margin-inline: auto;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__head {
  display: grid;
  grid-template-columns: minmax(250px, 0.95fr) minmax(340px, 1.35fr) auto;
  align-items: end;
  gap: 28px;
  padding: 34px 0 30px;
  border-bottom: 1px solid rgba(224, 211, 183, 0.16);
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__kicker,
body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station-kicker {
  margin: 0 0 8px !important;
  color: var(--na-muted) !important;
  font-family: var(--na-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__head h2 {
  margin: 0 !important;
  color: var(--na-bone) !important;
  font-family: var(--na-display) !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  text-transform: none !important;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__intro {
  max-width: 660px;
  margin: 0 !important;
  color: var(--na-text) !important;
  font-family: var(--na-body) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__edition {
  display: grid;
  justify-items: end;
  gap: 2px;
  min-width: 144px;
  font-family: var(--na-sans);
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__edition span {
  color: var(--na-muted);
  font-size: 11px;
  font-weight: 650;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__edition strong {
  color: var(--na-bone);
  font-size: 17px;
  font-weight: 650;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__edition a {
  margin-top: 7px;
  color: var(--na-gold);
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__stations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station {
  --signal-accent: #62c7c3;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  gap: 10px;
  min-width: 0;
  min-height: 198px;
  padding: 28px 30px 26px;
  color: var(--na-text);
  border-left: 1px solid rgba(224, 211, 183, 0.16);
  box-shadow: inset 0 2px 0 transparent;
  text-decoration: none;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station:first-child {
  border-left: 0;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station--ledger {
  --signal-accent: #d8b66f;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station--chronicle {
  --signal-accent: #7cdea0;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station:is(:hover, :focus-visible, .is-current) {
  color: var(--na-bone);
  background: rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 2px 0 var(--signal-accent);
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station:hover {
  transform: translateY(-2px);
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station h3 {
  align-self: start;
  max-width: 18ch;
  margin: 0 !important;
  color: var(--na-bone) !important;
  font-family: var(--na-display) !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1.23 !important;
  text-transform: none !important;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station-meta {
  color: var(--na-muted);
  font-family: var(--na-sans);
  font-size: 13px;
  font-weight: 550;
  line-height: 1.4;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station-action {
  color: var(--signal-accent);
  font-family: var(--na-sans);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station-action b {
  display: inline-block;
  margin-left: 4px;
  font-weight: 500;
  transition: transform 180ms ease;
}

body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
  main .na-signal-relay__station:hover .na-signal-relay__station-action b {
  transform: translateX(4px);
}

@media (max-width: 1100px) {
  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__head {
    grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.3fr);
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__edition {
    grid-column: 1 / 3;
    grid-row: 2;
    justify-items: start;
    grid-template-columns: auto auto 1fr;
    align-items: baseline;
    gap: 8px;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__edition a {
    justify-self: end;
  }
}

@media (max-width: 760px) {
  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__inner {
    width: min(100% - 28px, 1180px);
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__head {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 28px 0 24px;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__head h2 {
    font-size: 25px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__intro {
    font-size: 17px !important;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__edition {
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: auto auto 1fr;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__stations {
    grid-template-columns: 1fr;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__station {
    min-height: 0;
    padding: 24px 0;
    border-top: 1px solid rgba(224, 211, 183, 0.16);
    border-left: 0;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__station:first-child {
    border-top: 0;
  }

  body.night-ash-vi.night-ash-vi:not(#na-signal-authority)
    main .na-signal-relay__station h3 {
    max-width: 30ch;
    font-size: 21px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.night-ash-vi.night-ash-vi .na-signal-relay__station,
  body.night-ash-vi.night-ash-vi .na-signal-relay__station-action b {
    transition: none !important;
  }
}

/*
  Canonical site header authority v2.0.
  Build-time classes keep every localized surface on the same title bar,
  including Arcade and long-form utility pages.
*/
body.night-ash-vi.night-ash-vi .na-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #080a0c !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(224, 211, 183, 0.2) !important;
  box-shadow: none !important;
}

body.night-ash-vi.night-ash-vi .na-site-header__inner {
  display: grid !important;
  grid-template-columns: 228px minmax(0, 1fr) auto !important;
  grid-template-rows: 38px 68px !important;
  align-items: stretch !important;
  width: min(1600px, calc(100% - 48px)) !important;
  max-width: 1600px !important;
  min-height: 106px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  column-gap: 24px !important;
  row-gap: 0 !important;
  background: transparent !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__inner > .topbar__right {
  display: contents !important;
}

body.night-ash-vi.night-ash-vi .na-site-header__brand {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  width: 228px !important;
  min-width: 228px !important;
  min-height: 106px !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
  border: 0 !important;
  border-right: 1px solid rgba(224, 211, 183, 0.2) !important;
  background: transparent !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__brand :is(.na-brand__lockup, .xai-brand__lockup) {
  display: block !important;
  width: 186px !important;
  max-width: 100% !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__brand :is(.na-brand__mark-only, .xai-brand__mark) {
  display: none !important;
}

body.night-ash-vi.night-ash-vi .na-site-header__utility {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  gap: 6px !important;
  border: 1px solid rgba(224, 211, 183, 0.2) !important;
  border-radius: 0 !important;
  color: var(--na-muted) !important;
  background: transparent !important;
  font-family: var(--na-sans) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 28px !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__utility:is(:hover, :focus-visible) {
  color: var(--na-bone) !important;
  border-color: rgba(216, 182, 111, 0.55) !important;
  background: rgba(216, 182, 111, 0.06) !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__utility.social-links--top {
  padding: 0 !important;
  border: 0 !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__utility.social-links--top
  .social-link--official {
  min-height: 30px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(224, 211, 183, 0.2) !important;
  border-radius: 0 !important;
  font-family: var(--na-sans) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 28px !important;
}

body.night-ash-vi.night-ash-vi .na-site-header__language {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  position: static !important;
  display: flex !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 0 0 13px !important;
  gap: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(224, 211, 183, 0.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.night-ash-vi.night-ash-vi .na-site-header__language a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  min-height: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--na-muted) !important;
  background: transparent !important;
  font-family: var(--na-sans) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 30px !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__language a[aria-current="page"] {
  color: var(--na-bone) !important;
  box-shadow: inset 0 -1px 0 var(--na-gold) !important;
}

body.night-ash-vi.night-ash-vi .na-site-header__nav {
  grid-column: 2 / 4 !important;
  grid-row: 2 !important;
  align-self: stretch !important;
  display: flex !important;
  justify-content: flex-start !important;
  gap: clamp(12px, 1.15vw, 22px) !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-top: 1px solid rgba(198, 161, 91, 0.16) !important;
  background: transparent !important;
  overflow: visible !important;
}

body.night-ash-vi.night-ash-vi .na-site-header__nav > a {
  position: relative !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--na-text) !important;
  background: transparent !important;
  font-family: var(--na-body) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__nav > a:is(
    [data-site-navigation-item="xai"],
    [data-site-navigation-item="world"]
  ) {
  margin-left: 13px !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__nav > a:is(
    [data-site-navigation-item="xai"],
    [data-site-navigation-item="world"]
  )::before {
  position: absolute !important;
  top: 20px !important;
  bottom: 20px !important;
  left: -18px !important;
  display: block !important;
  width: 1px !important;
  background: rgba(224, 211, 183, 0.2) !important;
  content: "" !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__nav > a:is(:hover, :focus-visible, [aria-current="page"]) {
  color: var(--na-bone) !important;
}

body.night-ash-vi.night-ash-vi
  .na-site-header__nav > a[aria-current="page"]::after {
  position: absolute !important;
  right: 0 !important;
  bottom: 15px !important;
  left: 0 !important;
  display: block !important;
  height: 1px !important;
  background: var(--na-gold) !important;
  content: "" !important;
}

@media (min-width: 981px) and (max-width: 1180px) {
  body.night-ash-vi.night-ash-vi .na-site-header {
    min-height: 146px !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__inner {
    grid-template-columns: 190px minmax(0, 1fr) auto !important;
    grid-template-rows: 38px 108px !important;
    min-height: 146px !important;
    column-gap: 18px !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__brand {
    width: 190px !important;
    min-width: 190px !important;
    min-height: 146px !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__brand :is(.na-brand__lockup, .xai-brand__lockup) {
    width: 162px !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 54px) !important;
    gap: 0 14px !important;
    min-height: 108px !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__nav > a {
    min-height: 54px !important;
    padding-right: 8px !important;
    font-size: 15px !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__nav > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    ) {
    margin-left: 0 !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__nav > a::before {
    display: none !important;
  }
}

@media (max-width: 980px) {
  body.night-ash-vi.night-ash-vi .na-site-header {
    min-height: 99px !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: 56px 43px !important;
    align-items: center !important;
    width: min(100% - 28px, 1180px) !important;
    min-height: 99px !important;
    gap: 0 12px !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    width: min(180px, 48vw) !important;
    min-width: 0 !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 0 !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__brand :is(.na-brand__lockup, .xai-brand__lockup) {
    width: min(164px, 46vw) !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__utility {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__language {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-self: center !important;
    justify-self: end !important;
    padding: 0 !important;
    border: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__language a + a {
    border-left: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__nav {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__nav::-webkit-scrollbar {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi .na-site-header__nav > a {
    min-height: 43px !important;
    padding: 0 10px !important;
    font-size: 16px !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__nav > a:is(
      [data-site-navigation-item="xai"],
      [data-site-navigation-item="world"]
    ) {
    margin-left: 0 !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__nav > a::before {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__nav > a[aria-current="page"]::after {
    bottom: 6px !important;
  }
}

@media (max-width: 560px) {
  body.night-ash-vi.night-ash-vi .na-site-header__brand {
    width: 58px !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__brand :is(.na-brand__lockup, .xai-brand__lockup) {
    display: none !important;
  }

  body.night-ash-vi.night-ash-vi
    .na-site-header__brand :is(.na-brand__mark-only, .xai-brand__mark) {
    display: block !important;
    width: 42px !important;
    max-height: 46px !important;
  }
}