/* Astral Allies Continuum Hub — Phase 1 */
:root {
  --bg: #05060f;
  --bg2: #090a17;
  --card: #0b0e1c;
  --accent: #75f0ff;
  --accent2: #c08bff;
  --muted: #9db0ce;
  --line: rgba(124, 244, 255, 0.14);
  --text: #e6f0ff;
  --glow-a: 0 0 1px var(--accent), 0 0 12px rgba(124, 244, 255, 0.25), 0 0 28px rgba(124, 244, 255, 0.14);
  --glow-b: 0 0 1px var(--accent2), 0 0 12px rgba(192, 139, 255, 0.25), 0 0 28px rgba(192, 139, 255, 0.14);
  --radius: 18px;
  --max: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { height: 100%; max-width: 100%; }
body {
  margin: 0;
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(120% 140% at 70% -10%, rgba(117, 240, 255, 0.07), transparent),
    radial-gradient(110% 130% at -10% 110%, rgba(192, 139, 255, 0.08), transparent),
    var(--bg);
  overflow-x: hidden;
  width: 100%;
}
img { max-width: 100%; display: block; }
a { color: var(--accent); text-decoration: none; }
h1, h2, h3, .title-font { font-family: Orbitron, Inter, sans-serif; }

.grain {
  position: fixed; inset: -20px; pointer-events: none; z-index: 5;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.035'/></svg>");
  mix-blend-mode: soft-light;
  opacity: 0.7;
}

#sky { position: fixed; inset: 0; z-index: 0; pointer-events: none; }

.wrap {
  position: relative;
  z-index: 1;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 20px;
}

/* Header */
.site-header {
  position: sticky; top: 0; z-index: 80;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 12px 20px;
  background: linear-gradient(180deg, rgba(5, 6, 17, 0.96), rgba(5, 6, 17, 0.72));
  backdrop-filter: blur(12px) saturate(130%);
  border-bottom: 1px solid var(--line);
}
.logo { display: flex; align-items: center; gap: 12px; }
.logo img {
  width: 44px; height: 44px;
  filter: drop-shadow(0 0 12px rgba(124, 244, 255, 0.35));
}
.logo .title {
  font-family: Orbitron, Inter, sans-serif;
  font-weight: 800;
  letter-spacing: 0.08em;
  font-size: 14px;
}
.nav-links {
  display: flex; flex-wrap: wrap; gap: 4px 14px; justify-content: flex-end;
}
.nav-links a {
  color: #d6e9ff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.88;
}
.nav-links a:hover { opacity: 1; text-shadow: var(--glow-a); }
.nav-toggle {
  display: none;
  border: 1px solid var(--line);
  background: rgba(124, 244, 255, 0.08);
  color: var(--text);
  border-radius: 10px;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.nav-open { overflow: hidden; touch-action: none; }

/* Cards / buttons */
.card {
  background: linear-gradient(180deg, rgba(11, 14, 28, 0.82), rgba(11, 14, 28, 0.42));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.35);
  position: relative;
  overflow: hidden;
}
.card::before {
  content: "";
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(60% 40% at 20% 0%, rgba(117, 240, 255, 0.08), transparent),
    radial-gradient(80% 40% at 100% 60%, rgba(192, 139, 255, 0.09), transparent);
}
.card-inner { position: relative; z-index: 1; padding: 28px; }

.badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px;
  border: 1px solid rgba(124, 244, 255, 0.3);
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #bfefff;
  background: linear-gradient(180deg, rgba(124, 244, 255, 0.1), transparent);
}
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px;
  padding: 13px 18px;
  border-radius: 14px;
  border: 1px solid rgba(124, 244, 255, 0.35);
  background: linear-gradient(180deg, rgba(124, 244, 255, 0.14), rgba(124, 244, 255, 0.05));
  color: #e6f8ff;
  font-weight: 800;
  letter-spacing: 0.04em;
  font-size: 13px;
  text-align: center;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}
.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(124, 244, 255, 0.22);
}
.btn.alt {
  border-color: rgba(192, 139, 255, 0.45);
  background: linear-gradient(180deg, rgba(192, 139, 255, 0.16), rgba(192, 139, 255, 0.06));
  box-shadow: var(--glow-b);
}
.btn.ghost {
  background: transparent;
  border-color: rgba(157, 176, 206, 0.35);
  color: #d6e9ff;
}
.cta-row {
  display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px;
  max-width: 100%;
}
.cta-row .btn { min-width: 0; max-width: 100%; }

/* Hero */
.hero {
  padding: 48px 0 24px;
  min-height: min(88vh, 820px);
  display: grid;
  align-items: center;
}
.hero.continuum-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.hero-panel {
  max-width: 760px;
  background: linear-gradient(165deg, rgba(8, 12, 28, 0.88), rgba(8, 10, 22, 0.72));
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(124, 244, 255, 0.08);
}
.hero .badge {
  font-size: clamp(10px, 2.4vw, 11px);
}
.hero h1 {
  font-size: clamp(26px, 6.2vw, 48px);
  line-height: 1.08;
  margin: 14px 0 12px;
  text-shadow: var(--glow-a);
}
.lead {
  color: #c9d8f8;
  font-size: clamp(14px, 3.4vw, 17.5px);
  line-height: 1.65;
  max-width: 560px;
  margin: 0;
}
.hero-orbit {
  display: flex; flex-wrap: wrap; gap: 10px 18px;
  margin-top: 22px;
  color: var(--muted);
  font-size: clamp(12px, 2.8vw, 13px);
}
.hero-orbit span::before {
  content: "◉ ";
  color: var(--accent);
}

/* Sections */
.section { padding: 56px 0; position: relative; z-index: 1; }
.section h2 {
  font-size: clamp(22px, 3vw, 28px);
  margin: 0 0 10px;
  text-shadow: 0 0 12px rgba(192, 139, 255, 0.25);
}
.muted { color: var(--muted); line-height: 1.55; }
.section-head { margin-bottom: 24px; max-width: 720px; }

/* Settlements */
.settlements-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 8px;
}
.orbit-slot {
  min-height: 160px;
  border-radius: 16px;
  border: 1px dashed rgba(124, 244, 255, 0.28);
  background:
    radial-gradient(80% 70% at 50% 30%, rgba(124, 244, 255, 0.08), transparent),
    linear-gradient(180deg, #0a0f20, #070b18);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center;
  padding: 22px 16px;
  gap: 8px;
  position: relative;
  overflow: hidden;
  min-width: 0;
}
.orbit-slot::after {
  content: "";
  position: absolute;
  width: 120px; height: 120px;
  border: 1px solid rgba(192, 139, 255, 0.18);
  border-radius: 50%;
  animation: orbitPulse 7s ease-in-out infinite;
}
@keyframes orbitPulse {
  0%, 100% { transform: scale(0.85); opacity: 0.35; }
  50% { transform: scale(1.08); opacity: 0.7; }
}
.orbit-slot .slot-label {
  font-family: Orbitron, Inter, sans-serif;
  font-weight: 800;
  letter-spacing: 0.06em;
  font-size: 14px;
  position: relative; z-index: 1;
}
.orbit-slot .slot-meta {
  font-size: 12px; color: var(--muted);
  position: relative; z-index: 1;
  max-width: 200px;
}
.soft-note {
  margin-top: 18px;
  padding: 14px 18px;
  border-radius: 14px;
  border: 1px solid rgba(192, 139, 255, 0.22);
  background: rgba(192, 139, 255, 0.06);
  color: #d6e0f8;
  font-size: 14px;
  line-height: 1.5;
}

/* Allies */
.gallery {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.nft {
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
.nft:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.4), var(--glow-a);
  border-color: rgba(124, 244, 255, 0.35);
}
.nft img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: #070b18;
}
.nft .cap { padding: 12px; text-align: center; }
.nft .name {
  font-weight: 900;
  letter-spacing: 0.03em;
  font-family: Orbitron, Inter, sans-serif;
  font-size: 14px;
}
.nft .meta { font-size: 11px; color: var(--muted); margin-top: 4px; }
.nft .bio { font-size: 12px; color: #a9b9d7; margin-top: 8px; line-height: 1.45; }

/* Worlds / alliances tiles */
.worlds-grid, .alliances-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
.tile {
  border-radius: 16px;
  border: 1px solid var(--line);
  background:
    radial-gradient(120% 90% at 50% 20%, rgba(124, 244, 255, 0.08), rgba(124, 244, 255, 0.02)),
    linear-gradient(180deg, #0a0f20, #070b18);
  padding: 16px;
  display: flex; flex-direction: column; gap: 8px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.tile:hover {
  border-color: rgba(124, 244, 255, 0.35);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), var(--glow-a);
  transform: translateY(-3px);
}
.tile img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 12px;
}
.alliances-grid .tile img {
  height: auto;
  max-height: 320px;
  object-fit: contain;
  background: rgba(10, 15, 32, 0.5);
}
.tilecap {
  font: 800 15px Orbitron, Inter, sans-serif;
  letter-spacing: 0.03em;
  text-shadow: var(--glow-a);
  margin: 4px 0 0;
}
.tile .info { font-size: 13px; line-height: 1.45; color: var(--muted); margin: 0; }
.core-energy { font-size: 12px; color: var(--accent2); font-weight: 600; }
.stats {
  display: flex; justify-content: space-between; gap: 8px;
  font-size: 11px; color: #a9b9d7;
}

/* Music / Override */
.music-layout {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 18px;
  align-items: stretch;
}
.spotify-embed {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  background: linear-gradient(180deg, rgba(5, 6, 17, 0.95), rgba(11, 14, 28, 0.75));
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.45), var(--glow-a);
}
.spotify-embed iframe {
  display: block; width: 100%; max-width: 100%; height: 352px; border: 0;
}
.override-card .card-inner { height: 100%; display: flex; flex-direction: column; }
.override-card h3 {
  margin: 10px 0 8px;
  font-size: 22px;
  text-shadow: var(--glow-b);
}
.override-card p { color: #c9d8f8; line-height: 1.55; flex: 1; }
.edition-chip {
  display: inline-flex;
  margin-top: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(192, 139, 255, 0.4);
  color: #e0c8ff;
  font-size: 12px;
  letter-spacing: 0.06em;
}

/* Paths / relics */
.paths-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}
.path-card .card-inner { padding: 22px; }
.path-card h3 {
  margin: 0 0 8px;
  font-size: 16px;
}
.path-card p {
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

/* Flux compact */
.flux-card {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  border-color: rgba(255, 34, 68, 0.35);
}
.flux-card h3 {
  color: #ff6b88;
  margin: 0 0 12px;
  font-size: 20px;
}
.flux-controls {
  margin-top: 16px;
  font-size: 13px;
  color: #8899aa;
}

/* Footer */
.site-footer {
  border-top: 1px solid var(--line);
  padding: 28px 20px 40px;
  text-align: center;
  color: var(--muted);
  font-size: 13px;
  position: relative;
  z-index: 1;
}
.footer-links {
  display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: center;
  margin-bottom: 14px;
}
.footer-links a { color: #d6e9ff; font-weight: 700; font-size: 12px; letter-spacing: 0.04em; }

/* Holo modal */
.holo-modal {
  position: fixed; inset: 0;
  background: rgba(5, 6, 15, 0.96);
  backdrop-filter: blur(20px) saturate(140%);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.holo-modal.active { display: flex; opacity: 1; }
.holo-container {
  width: 100%; max-width: 980px;
  background: linear-gradient(145deg, #0a0f22 0%, #05060f 100%);
  border: 1px solid rgba(124, 244, 255, 0.2);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.6), var(--glow-a);
}
.holo-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 24px;
  background: rgba(11, 14, 28, 0.6);
  border-bottom: 1px solid var(--line);
  gap: 12px;
}
.holo-header h3 {
  margin: 0; font-size: clamp(18px, 3vw, 26px);
  text-shadow: var(--glow-a);
}
.faction-badge {
  display: inline-flex; align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(124, 244, 255, 0.15);
  color: var(--accent);
  border: 1px solid rgba(124, 244, 255, 0.4);
}
.close-holo {
  background: transparent;
  border: 1px solid var(--line);
  color: #e6f0ff;
  width: 42px; height: 42px;
  border-radius: 12px;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.close-holo:hover {
  background: rgba(255, 124, 155, 0.15);
  border-color: #ff7c9b;
  color: #ff7c9b;
}
.holo-body {
  display: grid;
  grid-template-columns: 380px 1fr;
}
.holo-portrait {
  position: relative;
  background: #05060f;
  min-height: 420px;
  border-right: 1px solid var(--line);
  display: flex; align-items: center; justify-content: center;
}
.holo-portrait img {
  width: 100%; height: 100%;
  object-fit: cover;
  min-height: 420px;
}
.scanlines {
  position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px, transparent 3px,
    rgba(124, 244, 255, 0.05) 3px, rgba(124, 244, 255, 0.05) 5px
  );
}
.holo-glow {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 50% 40%, rgba(124, 244, 255, 0.12) 0%, transparent 70%);
  mix-blend-mode: screen;
}
.holo-info {
  padding: 28px 30px;
  display: flex; flex-direction: column; gap: 18px;
}
.lore-text { font-size: 15px; line-height: 1.7; color: #c9d8f8; }
.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.stat-item {
  background: rgba(11, 14, 28, 0.6);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
}
.stat-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted);
  margin-bottom: 4px;
}
.stat-value {
  font-family: Orbitron, Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.transmission-bar {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  display: flex; gap: 10px; flex-wrap: wrap;
}
.transmission-bar .btn { flex: 1; min-width: 140px; }

/* Reveal */
.reveal-ready { opacity: 0; transform: translateY(18px); transition: opacity 0.55s ease, transform 0.55s ease; }
.reveal-ready.in { opacity: 1; transform: none; }
.page-hero.reveal-ready { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal-ready { opacity: 1; transform: none; transition: none; }
}

/* Mobile */
@media (max-width: 980px) {
  .music-layout { grid-template-columns: 1fr; }
  .gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .settlements-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .holo-body { grid-template-columns: 1fr; }
  .holo-portrait { border-right: 0; border-bottom: 1px solid var(--line); min-height: 280px; }
  .holo-portrait img { min-height: 280px; }
}
@media (max-width: 768px) {
  .site-header {
    flex-wrap: wrap;
    padding: 10px 14px;
    /* avoid sticky jump when menu opens */
    align-items: center;
  }
  .nav-toggle { display: inline-flex; }
  .nav-links {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 4px 0 8px;
    /* no layout jump: reserved flow when closed via display:none on closed only */
  }
  .nav-links.open { display: flex; }
  .nav-links a {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 12px 10px;
    border-top: 1px solid var(--line);
  }
  .settlements-grid { grid-template-columns: 1fr; }
  .orbit-slot { min-height: 148px; padding: 20px 14px; }
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero {
    padding: 20px 0 8px;
    min-height: auto;
  }
  .hero .card-inner { padding: 20px 18px; }
  .hero-orbit { margin-top: 16px; gap: 8px 14px; }
  .cta-row {
    flex-direction: column;
    align-items: stretch;
    margin-top: 16px;
    gap: 10px;
  }
  .cta-row .btn,
  .override-card .cta-row .btn {
    width: 100%;
    min-height: 44px;
  }
  .btn { padding: 14px 16px; }
  .section { padding: 32px 0; }
  .section-head { margin-bottom: 18px; }
  .card-inner { padding: 20px; }
  .spotify-embed iframe { height: min(380px, 56vh); }
  .worlds-grid, .alliances-grid {
    grid-template-columns: 1fr;
  }
  .paths-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .wrap { padding: 0 14px; }
  .gallery { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr; }
  .logo .title { font-size: 12px; }
  .hero h1 { margin: 12px 0 10px; }
  .section { padding: 28px 0; }
  .site-header { padding: 8px 12px; }
  .spotify-embed iframe { height: 320px; }
}

/* Avoid 100vw scrollbar issues; keep canvas within viewport */
#sky { width: 100%; max-width: 100%; }

/* ========== Phase 2 — Settlements pages ========== */
.page-hero {
  padding: 36px 0 8px;
  position: relative;
  z-index: 1;
}
.page-hero .card-inner { padding: 28px 26px; }
.page-hero h1 {
  font-size: clamp(26px, 4vw, 36px);
  margin: 12px 0 12px;
  line-height: 1.15;
  text-shadow: var(--glow-a);
}
.breadcrumb {
  display: flex; flex-wrap: wrap; gap: 6px 10px;
  font-size: 12px; color: var(--muted);
  margin-bottom: 8px;
}
.breadcrumb a { color: var(--accent); font-weight: 700; }
.breadcrumb span { opacity: 0.7; }

.settle-how {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 8px 0 8px;
}
.settle-step {
  border-radius: 14px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));
  padding: 18px 16px;
  min-width: 0;
}
.settle-step .step-num {
  font-family: Orbitron, Inter, sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--accent2);
  margin-bottom: 8px;
}
.settle-step h3 {
  margin: 0 0 8px;
  font-size: 15px;
}
.settle-step p {
  margin: 0;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
}

.orbit-slot.filled {
  border-style: solid;
  border-color: rgba(192, 139, 255, 0.35);
  background:
    radial-gradient(80% 70% at 50% 30%, rgba(192, 139, 255, 0.12), transparent),
    linear-gradient(180deg, #0c1024, #070b18);
}
.orbit-slot a.slot-link {
  position: relative; z-index: 1;
  color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  width: 100%;
}
.orbit-slot .slot-status {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--accent);
  position: relative; z-index: 1;
}
.orbit-slot.filled .slot-status { color: var(--accent2); }

/* Claim form */
.claim-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 20px;
  align-items: start;
}
.claim-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.claim-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #cfe0ff;
}
.claim-form input,
.claim-form select,
.claim-form textarea {
  width: 100%;
  max-width: 100%;
  font: 400 15px Inter, system-ui, sans-serif;
  color: var(--text);
  background: rgba(7, 11, 24, 0.9);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.claim-form input:focus,
.claim-form select:focus,
.claim-form textarea:focus {
  border-color: rgba(124, 244, 255, 0.45);
  box-shadow: 0 0 0 3px rgba(124, 244, 255, 0.12);
}
.claim-form textarea { min-height: 110px; resize: vertical; }
.claim-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--accent) 50%),
    linear-gradient(135deg, var(--accent) 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 36px;
}
.claim-form .hint {
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: var(--muted);
  margin-top: 2px;
}
.claim-aside .card-inner { padding: 22px; }
.claim-aside ul {
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.claim-aside li { margin-bottom: 6px; }

/* Settlement profile (example) */
.settle-banner {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--line);
  min-height: 200px;
  background: #070b18;
}
.settle-banner img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  opacity: 0.85;
}
.settle-banner .banner-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(5,6,15,0.15), rgba(5,6,15,0.92));
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 22px 24px;
}
.settle-banner .world-tag {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--accent);
  font-weight: 800;
  margin-bottom: 6px;
}
.settle-banner h1 {
  margin: 0;
  font-size: clamp(22px, 3.5vw, 30px);
  text-shadow: var(--glow-b);
}
.settle-profile {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 18px;
  margin-top: 18px;
}
.settle-panel {
  border-radius: 16px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #0b0e1c, #070b18);
  padding: 22px 20px;
  min-width: 0;
}
.settle-panel h2 {
  font-size: 16px;
  margin: 0 0 12px;
}
.settle-panel p { margin: 0 0 12px; color: #c9d8f8; line-height: 1.65; font-size: 15px; }
.settle-panel p:last-child { margin-bottom: 0; }
.beings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.being-teaser {
  border-radius: 12px;
  border: 1px dashed rgba(124, 244, 255, 0.22);
  padding: 14px 12px;
  background: rgba(124, 244, 255, 0.04);
  text-align: center;
}
.being-teaser .being-name {
  font-family: Orbitron, Inter, sans-serif;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 4px;
}
.being-teaser .being-meta { font-size: 12px; color: var(--muted); }
.media-links {
  display: flex; flex-direction: column; gap: 10px;
}
.media-links a {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(11, 14, 28, 0.7);
  color: var(--text);
  font-weight: 700;
  font-size: 14px;
}
.media-links a:hover {
  border-color: rgba(124, 244, 255, 0.4);
  box-shadow: var(--glow-a);
}
.media-links a span { color: var(--muted); font-weight: 500; font-size: 12px; }
.demo-banner {
  margin-bottom: 14px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(192, 139, 255, 0.3);
  background: rgba(192, 139, 255, 0.08);
  font-size: 13px;
  color: #d6e0f8;
  line-height: 1.45;
}

.official-banner {
  margin-bottom: 14px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(124, 244, 255, 0.35);
  background: rgba(124, 244, 255, 0.08);
  font-size: 13px;
  color: #d6e0f8;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .settle-how { grid-template-columns: 1fr; }
  .claim-layout { grid-template-columns: 1fr; }
  .settle-profile { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .page-hero { padding: 20px 0 4px; }
  .page-hero .card-inner { padding: 20px 18px; }
  .settle-banner img { height: 180px; }
  .settle-banner .banner-overlay { padding: 16px 16px; }
  .beings-grid { grid-template-columns: 1fr; }
}

/* ========== Phase 3 — Exchange ========== */
.exchange-featured {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.exchange-featured-card {
  border-color: rgba(192, 139, 255, 0.32);
  background:
    radial-gradient(90% 80% at 20% 0%, rgba(192, 139, 255, 0.12), transparent 55%),
    linear-gradient(180deg, #0c1024, #070b18);
}
.exchange-featured-card.open-seat {
  border-style: dashed;
  border-color: rgba(124, 244, 255, 0.28);
  background:
    radial-gradient(90% 80% at 80% 0%, rgba(124, 244, 255, 0.1), transparent 55%),
    linear-gradient(180deg, #0b0e1c, #070b18);
}
.exchange-featured-card h3 {
  margin: 10px 0 6px;
  font-size: clamp(18px, 2.5vw, 22px);
}
.exchange-featured-card p {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.exchange-featured-card .ex-meta {
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #b8c8e8;
  font-weight: 700;
}

.exchange-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
}
.exchange-card .card-inner { padding: 20px; }
.exchange-card h3 {
  margin: 6px 0 8px;
  font-size: 16px;
}
.exchange-card p {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.exchange-card .ex-kind,
.ex-kind {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(124, 244, 255, 0.28);
  color: var(--accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.exchange-pay-strip .cta-row { margin-top: 0; }
.exchange-pay-strip .ex-honest {
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 768px) {
  .exchange-featured { grid-template-columns: 1fr; }
  .exchange-grid { grid-template-columns: 1fr; }
  .exchange-pay-strip .cta-row { flex-direction: column; align-items: stretch; }
  .exchange-pay-strip .cta-row .btn,
  .exchange-card .cta-row .btn,
  .exchange-featured-card .cta-row .btn {
    width: 100%;
    min-height: 44px;
  }
}

/* ========== Phase 7 — Continuum stage (was missing; blew mobile width) ========== */
#continuum-cosmos,
.continuum-cosmos,
.continuum-sky,
.continuum-veil {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
#continuum-cosmos canvas,
.continuum-cosmos canvas,
.continuum-sky canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
}
#sky {
  position: fixed;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100vw;
  pointer-events: none;
  z-index: 0;
}

.continuum-stage {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 100%;
  pointer-events: none;
}
.continuum-stage canvas,
#continuum-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}
.continuum-labels {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.continuum-label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid rgba(124, 244, 255, 0.28);
  border-radius: 999px;
  background: rgba(8, 12, 28, 0.72);
  color: #e6f0ff;
  font-family: Orbitron, Inter, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  will-change: transform, opacity;
}
.continuum-label .cl-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--c, var(--accent));
  box-shadow: 0 0 8px var(--c, var(--accent));
  flex-shrink: 0;
}
.continuum-label.is-featured {
  border-color: rgba(192, 139, 255, 0.55);
  box-shadow: 0 0 16px rgba(192, 139, 255, 0.25);
}
.continuum-label.is-hot {
  border-color: var(--accent);
  box-shadow: var(--glow-a);
}
.continuum-label.is-behind {
  visibility: hidden;
}
.continuum-label.static {
  position: static;
  transform: none !important;
}
.continuum-fallback-mode .continuum-labels {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 12px 16px 0;
  inset: auto;
}
.continuum-static-fallback {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 8px 16px 0;
}

.hero-overlay {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 100%;
}

.continuum-loader {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(5, 6, 15, 0.35);
  pointer-events: none;
  transition: opacity 0.5s ease;
}
.continuum-loader.is-done { opacity: 0; }
.cl-spinner {
  width: 28px;
  height: 28px;
  border: 2px solid rgba(117, 240, 255, 0.2);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: clSpin 0.8s linear infinite;
}
.cl-text {
  font-family: Orbitron, Inter, sans-serif;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}
@keyframes clSpin { to { transform: rotate(360deg); } }

.tile.continuum-pulse {
  outline: 1px solid var(--accent);
  box-shadow: var(--glow-a);
}

@media (max-width: 768px) {
  .hero.continuum-hero {
    min-height: min(78vh, 640px);
    padding: 16px 0 12px;
  }
  .continuum-label {
    font-size: 10px;
    padding: 5px 8px;
  }
}


/* SEO site-map footer */
.footer-sitemap {
  display: flex; flex-wrap: wrap; gap: 8px 14px; justify-content: center;
  margin: 0 auto 16px; max-width: var(--max); padding: 0 8px;
}
.footer-sitemap a {
  color: var(--accent); font-weight: 700; font-size: 12px; letter-spacing: 0.04em;
  opacity: 0.92;
}
.footer-sitemap a:hover { opacity: 1; text-decoration: underline; }
.page-hero { padding-top: 110px; padding-bottom: 24px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; color: var(--muted); margin-bottom: 14px; }
.breadcrumb a { color: var(--accent); font-weight: 700; }
.collection-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.collection-grid .card h3 { margin: 8px 0 10px; }

/* =========================================================
   CONTINUUM // SPATIAL 2026 — homepage experience
   Uses canonical assets only. No checkout, no WebGL scroll trap.
   ========================================================= */
.spatial-hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:clamp(88px,10vw,128px) 0 72px}
.spatial-hero:before{content:"";position:absolute;inset:0;z-index:-5;background:radial-gradient(ellipse at 72% 40%,rgba(83,45,170,.22),transparent 36%),radial-gradient(ellipse at 62% 56%,rgba(35,213,238,.12),transparent 28%),linear-gradient(180deg,rgba(2,3,9,.15),rgba(2,3,9,.72) 88%,#03040a)}
.spatial-depth{position:absolute;inset:0;z-index:-4;pointer-events:none;perspective:1000px}
.spatial-aura{position:absolute;width:55vw;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.16;will-change:transform}.aura-cyan{right:-18vw;top:8%;background:#75f0ff}.aura-violet{left:18%;bottom:-35vw;background:#8a55ff;opacity:.12}
.spatial-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(117,240,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(117,240,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 75%,transparent 100%);transform:perspective(700px) rotateX(66deg) scale(1.5) translateY(25%);transform-origin:center 80%;opacity:.35}
.spatial-orbit{position:absolute;border:1px solid rgba(159,211,255,.12);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 80px rgba(117,240,255,.025) inset}.orbit-a{width:70vw;height:26vw;right:-18vw;top:34%}.orbit-b{width:50vw;height:18vw;right:-8vw;top:43%;border-color:rgba(192,139,255,.12);transform:rotate(18deg)}
.spatial-shell{width:min(1500px,calc(100% - 44px));display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);align-items:center;gap:clamp(28px,5vw,84px);position:relative;z-index:2}
.spatial-copy{position:relative;z-index:4;max-width:680px;will-change:transform}.signal-kicker{display:inline-flex;align-items:center;gap:10px;font:700 10px/1 Orbitron,sans-serif;letter-spacing:.22em;color:#a9bfd9;margin-bottom:22px}.signal-kicker i{width:7px;height:7px;border-radius:50%;background:#75f0ff;box-shadow:0 0 18px #75f0ff;animation:signalPulse 2.4s ease-in-out infinite}.spatial-logo{width:clamp(88px,8vw,132px);height:auto;margin:0 0 22px;filter:drop-shadow(0 0 28px rgba(117,240,255,.22))}.spatial-copy h1{font:800 clamp(52px,6.4vw,108px)/.84 Orbitron,sans-serif;letter-spacing:-.055em;margin:0;color:#f4f8ff;text-wrap:balance;text-shadow:0 0 40px rgba(124,244,255,.08)}.spatial-copy h1 span{color:transparent;-webkit-text-stroke:1px rgba(190,225,255,.7);background:linear-gradient(90deg,#75f0ff,#c08bff 60%,#fff);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 22px rgba(117,240,255,.15))}.spatial-copy>p{max-width:590px;font-size:clamp(15px,1.35vw,19px);line-height:1.7;color:#9fb0c8;margin:28px 0 0}.spatial-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.spatial-primary{min-height:54px;padding:0 22px;border-radius:14px;background:linear-gradient(135deg,rgba(117,240,255,.18),rgba(192,139,255,.16));border-color:rgba(117,240,255,.45);box-shadow:0 14px 44px rgba(31,210,236,.12),inset 0 1px rgba(255,255,255,.12)}.spatial-text-link{color:#dce9f7;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em}.spatial-text-link span{color:#75f0ff;margin-left:6px}.spatial-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:34px;color:#62748e;font:700 9px/1.4 Orbitron,sans-serif;letter-spacing:.16em}.spatial-meta span+span:before{content:"/";margin-right:18px;color:#344158}
.spatial-object{position:relative;min-height:min(72vw,760px);display:grid;place-items:center;perspective:1300px;will-change:transform}.world-stack{position:relative;width:min(650px,46vw);aspect-ratio:1;transform-style:preserve-3d;animation:floatStack 8s ease-in-out infinite}.world-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(185,220,255,.16);background:#050713;box-shadow:0 32px 90px rgba(0,0,0,.58),0 0 50px rgba(117,240,255,.05);border-radius:24px;transform-style:preserve-3d}.world-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 24%,transparent 68%,rgba(117,240,255,.07));pointer-events:none}.world-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.06)}.wc-main{width:58%;aspect-ratio:.82;left:23%;top:16%;z-index:5;transform:translateZ(100px) rotateY(-5deg) rotateX(2deg)}.wc-main figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(3,5,12,.56);backdrop-filter:blur(12px)}.wc-main b,.wc-main small{display:block;font-family:Orbitron,sans-serif}.wc-main b{font-size:12px;letter-spacing:.14em}.wc-main small{font-size:7px;color:#88a0ba;margin-top:5px;letter-spacing:.16em}.wc-one{width:34%;aspect-ratio:.8;left:2%;top:27%;z-index:2;transform:translateZ(-20px) rotateY(18deg) rotateZ(-5deg);opacity:.72}.wc-two{width:30%;aspect-ratio:.82;right:2%;top:18%;z-index:3;transform:translateZ(10px) rotateY(-20deg) rotateZ(6deg);opacity:.78}.wc-three{width:26%;aspect-ratio:.78;right:10%;bottom:9%;z-index:1;transform:translateZ(-50px) rotateY(-15deg) rotateZ(10deg);opacity:.48}.core-mark{position:absolute;width:16%;aspect-ratio:1;left:5%;top:10%;z-index:8;border-radius:50%;display:grid;place-items:center;background:rgba(3,5,14,.7);border:1px solid rgba(117,240,255,.28);box-shadow:0 0 40px rgba(117,240,255,.18);backdrop-filter:blur(12px)}.core-mark img{width:72%;height:72%;object-fit:contain}.scan-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(117,240,255,.16);border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg);pointer-events:none}.ring-one{width:92%;height:92%;animation:ringSpin 20s linear infinite}.ring-two{width:72%;height:72%;border-color:rgba(192,139,255,.16);animation:ringSpin 15s linear infinite reverse}
.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;text-decoration:none;color:#65768e;display:flex;align-items:center;gap:12px;font:700 8px/1 Orbitron,sans-serif;letter-spacing:.18em}.scroll-cue i{display:block;width:36px;height:1px;background:linear-gradient(90deg,#75f0ff,transparent);animation:scrollCue 1.8s ease-in-out infinite}
.continuum-portal{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0!important;margin-top:-22px;margin-bottom:34px;border:1px solid rgba(154,194,234,.11);border-radius:22px;overflow:hidden;background:rgba(140,180,220,.08);box-shadow:0 30px 90px rgba(0,0,0,.32)}.portal-cell{min-height:160px;padding:25px 26px;background:rgba(5,8,18,.78);backdrop-filter:blur(18px);text-decoration:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;column-gap:16px;transition:.25s ease}.portal-cell:hover{background:rgba(11,17,34,.9);transform:translateY(-2px)}.portal-cell>span{grid-row:1/4;font:700 9px Orbitron,sans-serif;color:#51627a;padding-top:3px}.portal-cell b{font:700 14px Orbitron,sans-serif;letter-spacing:.1em;color:#e8f3ff}.portal-cell small{font-size:12px;color:#75869e;margin-top:8px}.portal-cell em{align-self:end;font:700 8px Orbitron,sans-serif;letter-spacing:.14em;color:#75f0ff;font-style:normal;margin-top:24px}
@keyframes signalPulse{50%{opacity:.35;box-shadow:0 0 5px #75f0ff}}@keyframes floatStack{50%{transform:translateY(-10px) rotateX(.8deg)}}@keyframes ringSpin{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}@keyframes scrollCue{50%{transform:translateX(8px);opacity:.4}}
@media(max-width:900px){.spatial-hero{min-height:auto;padding:86px 0 48px}.spatial-shell{grid-template-columns:1fr;width:min(100% - 28px,700px);gap:12px}.spatial-copy{text-align:center;margin:auto}.signal-kicker{margin-bottom:15px}.spatial-logo{margin:0 auto 16px;width:92px}.spatial-copy h1{font-size:clamp(42px,13vw,72px);line-height:.9}.spatial-copy>p{font-size:14px;line-height:1.6;margin:20px auto 0;max-width:540px}.spatial-actions{justify-content:center;margin-top:22px}.spatial-meta{justify-content:center;margin-top:25px}.spatial-object{min-height:440px;margin-top:-16px}.world-stack{width:min(560px,92vw)}.wc-main{width:52%;left:24%;top:17%}.scroll-cue{display:none}.continuum-portal{grid-template-columns:1fr;margin:0 14px 24px}.portal-cell{min-height:112px}.spatial-grid{opacity:.2}.orbit-a,.orbit-b{width:120vw;height:48vw;right:-60vw}}
@media(max-width:520px){.spatial-hero{padding-top:78px}.spatial-shell{width:calc(100% - 22px)}.spatial-copy h1{font-size:clamp(38px,12.6vw,58px)}.spatial-actions{flex-direction:column;gap:14px}.spatial-actions .btn{width:100%;max-width:360px}.spatial-meta{gap:7px 12px}.spatial-meta span+span:before{margin-right:12px}.spatial-object{min-height:350px}.world-stack{width:96vw}.wc-main{width:50%;left:25%;border-radius:17px}.world-card{border-radius:16px}.wc-main figcaption{left:10px;right:10px;bottom:10px;padding:9px}.wc-one{left:4%}.wc-two{right:4%}.core-mark{left:9%;top:10%}.continuum-portal{border-radius:16px}.portal-cell{padding:20px;min-height:106px}}
@media(prefers-reduced-motion:reduce){.signal-kicker i,.world-stack,.ring-one,.ring-two,.scroll-cue i{animation:none!important}.spatial-copy,.spatial-object{transform:none!important}}

/* =========================================================
   CONTINUUM // SPATIAL 2026 — V2
   Art-directed spatial layer. Static, mobile-first, no WebGL.
   ========================================================= */
:root{
  --void:#03040a;--void2:#070912;--astral:#7ff6ff;--violet:#8b6cff;--magenta:#d85cff;
  --ink:#f4f7ff;--muted2:#a6aec3;--hair:rgba(190,225,255,.14);
  --mx:0;--my:0;--scroll:0;
}
html{scroll-behavior:smooth;background:var(--void)}
body{background:
  radial-gradient(1000px 700px at 12% 8%,rgba(68,31,126,.16),transparent 68%),
  radial-gradient(900px 760px at 88% 28%,rgba(0,186,220,.08),transparent 65%),
  linear-gradient(180deg,#020309 0%,#060711 48%,#020309 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 1px,transparent 1.2px),radial-gradient(circle at 75% 65%,rgba(140,224,255,.35) 0 1px,transparent 1.3px);background-size:173px 173px,241px 241px;opacity:.18}
.continuum-progress{position:fixed;z-index:9999;left:0;top:0;width:100%;height:2px;background:rgba(255,255,255,.035);pointer-events:none}.continuum-progress i{display:block;width:100%;height:100%;transform-origin:0 50%;transform:scaleX(var(--scroll));background:linear-gradient(90deg,var(--astral),var(--violet),var(--magenta));box-shadow:0 0 18px rgba(127,246,255,.6)}
.continuum-pointer-light{position:fixed;z-index:2;width:420px;height:420px;border-radius:50%;pointer-events:none;left:0;top:0;opacity:.13;background:radial-gradient(circle,rgba(102,230,255,.22),rgba(119,76,255,.08) 35%,transparent 70%);filter:blur(20px);transform:translate3d(calc(var(--px, -500px) - 210px),calc(var(--py, -500px) - 210px),0);transition:opacity .4s ease}
.site-header{background:linear-gradient(180deg,rgba(3,4,10,.82),rgba(3,4,10,.35));backdrop-filter:blur(20px) saturate(130%);border-bottom:1px solid rgba(180,220,255,.08)}
.site-header .logo img{background:transparent!important;box-shadow:0 0 30px rgba(108,214,255,.12)}
.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--astral);transition:right .35s ease}.nav-links a:hover:after{right:0}
.spatial-hero{min-height:100svh;display:grid;align-items:center;isolation:isolate;overflow:hidden;position:relative;padding-top:84px;background:transparent!important}
.spatial-hero:before{content:"";position:absolute;inset:-15%;z-index:-3;background:radial-gradient(circle at 67% 44%,rgba(87,52,210,.24),transparent 24%),radial-gradient(circle at 68% 45%,rgba(72,226,255,.11),transparent 38%);transform:translate3d(calc(var(--mx)*-10px),calc(var(--my)*-8px),0);transition:transform .18s linear}
.spatial-depth{perspective:1400px}.spatial-grid{opacity:.18!important;mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 70%,transparent 100%);transform:perspective(900px) rotateX(70deg) translateY(30%) scale(1.35)}
.spatial-aura{filter:blur(90px)!important;opacity:.22!important}
.spatial-orbit{border-color:rgba(151,217,255,.14)!important;box-shadow:inset 0 0 35px rgba(119,93,255,.05),0 0 50px rgba(75,213,255,.03)}
.spatial-shell{width:min(1440px,92vw);margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:4vw;align-items:center;position:relative;z-index:3;perspective:1600px}
.spatial-copy{transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-5px),40px);transition:transform .18s linear}
.signal-kicker,.section-index,.law-kicker,.final-signal span{font-family:Orbitron,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--astral);font-size:11px}
.signal-kicker:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--astral);margin-right:10px;box-shadow:0 0 16px var(--astral);animation:signalPulse 2.4s ease-in-out infinite}@keyframes signalPulse{50%{opacity:.3;box-shadow:0 0 5px var(--astral)}}
.spatial-logo{width:clamp(112px,12vw,180px)!important;margin:28px 0 22px!important;filter:drop-shadow(0 0 38px rgba(92,221,255,.22))!important}
.spatial-copy h1{font-size:clamp(54px,7.1vw,112px)!important;line-height:.83!important;letter-spacing:-.055em!important;margin:0!important;max-width:900px;text-shadow:none!important}.spatial-copy h1 span{color:transparent!important;-webkit-text-stroke:1px rgba(209,239,255,.72);background:linear-gradient(110deg,#fff 10%,#8ff5ff 50%,#a88bff 80%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 25px rgba(114,227,255,.12))}
.spatial-copy>p{font-size:clamp(16px,1.25vw,20px)!important;line-height:1.7!important;color:#b5bdd0!important;max-width:620px!important;margin:26px 0 30px!important}
.spatial-primary{min-height:54px;padding:0 24px!important;border:1px solid rgba(141,236,255,.42)!important;background:linear-gradient(120deg,rgba(81,219,255,.16),rgba(116,75,255,.18))!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 18px 60px rgba(34,109,255,.12)!important;backdrop-filter:blur(16px);letter-spacing:.06em}.spatial-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.2),0 22px 70px rgba(59,169,255,.2)!important}
.spatial-object{transform:translate3d(calc(var(--mx)*13px),calc(var(--my)*10px),0) rotateY(calc(var(--mx)*1.5deg)) rotateX(calc(var(--my)*-1deg));transition:transform .18s linear;filter:drop-shadow(0 40px 70px rgba(0,0,0,.55))}.world-stack{transform-style:preserve-3d!important}.wc-main{transform:translateZ(80px)!important}.wc-one{transform:translate3d(-35%,-18%,-80px) rotate(-8deg)!important;opacity:.48!important}.wc-two{transform:translate3d(42%,14%,-130px) rotate(7deg)!important;opacity:.34!important}.wc-three{transform:translate3d(22%,-30%,-190px) rotate(3deg)!important;opacity:.2!important}.world-card{border:1px solid rgba(165,226,255,.13)!important;background:rgba(5,8,18,.48)!important;box-shadow:0 40px 100px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.07)!important;backdrop-filter:blur(12px)}.world-card img{filter:saturate(.92) contrast(1.06)}
.scroll-cue{opacity:.65!important}.scroll-cue i{box-shadow:0 0 18px var(--astral)}
.continuum-portal{margin-top:-36px!important;position:relative;z-index:6;display:grid!important;grid-template-columns:repeat(3,1fr);border:1px solid var(--hair)!important;background:rgba(5,7,16,.58)!important;backdrop-filter:blur(24px) saturate(120%);box-shadow:0 40px 100px rgba(0,0,0,.35)}.portal-cell{min-height:180px!important;padding:28px!important;border-right:1px solid var(--hair)!important;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s}.portal-cell:last-child{border-right:0!important}.portal-cell:before{content:"";position:absolute;inset:auto -30% -80% -30%;height:150%;background:radial-gradient(circle,rgba(102,221,255,.13),transparent 62%);opacity:0;transition:.5s}.portal-cell:hover{transform:translateY(-5px);background:rgba(12,16,31,.72)!important}.portal-cell:hover:before{opacity:1}.portal-cell b{font-size:clamp(20px,2vw,30px)!important}.portal-cell em{color:var(--astral)!important}
.section{padding-top:clamp(100px,12vw,190px)!important;padding-bottom:clamp(80px,10vw,150px)!important;position:relative}.section-head{max-width:850px;margin-bottom:48px!important}.section-index{margin-bottom:16px;color:#7ddfea}.section-head h2{font-size:clamp(42px,6vw,84px)!important;line-height:.95!important;letter-spacing:-.045em!important}.section-head .muted{font-size:clamp(15px,1.2vw,18px);line-height:1.7}
#worlds{max-width:1500px!important}.worlds-grid{perspective:1800px!important;gap:18px!important}.worlds-grid .tile{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s,opacity .5s,border-color .5s!important;background:linear-gradient(145deg,rgba(14,17,31,.78),rgba(4,6,14,.65))!important;border:1px solid rgba(174,226,255,.12)!important;box-shadow:0 28px 80px rgba(0,0,0,.32)!important;overflow:hidden}.worlds-grid .tile:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(139,235,255,.07),transparent 65%);transform:translateX(-120%);transition:transform .8s ease;z-index:2;pointer-events:none}.worlds-grid .tile:hover:before{transform:translateX(120%)}.worlds-grid .tile:hover{transform:translateY(-10px) translateZ(30px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg))!important;border-color:rgba(127,246,255,.3)!important;box-shadow:0 40px 110px rgba(0,0,0,.5),0 0 60px rgba(82,184,255,.08)!important}.worlds-grid .tile img{aspect-ratio:16/10;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.worlds-grid .tile:hover img{transform:scale(1.045)}
#allies{max-width:1500px!important}.gallery{perspective:1600px}.gallery .ally-card,.gallery .card{background:linear-gradient(150deg,rgba(13,16,30,.82),rgba(3,5,12,.74))!important;border:1px solid rgba(177,226,255,.11)!important;box-shadow:0 28px 80px rgba(0,0,0,.3)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s!important}.gallery .ally-card:hover,.gallery .card:hover{transform:translateY(-8px) translateZ(22px)!important;border-color:rgba(127,246,255,.28)!important}
.law-section{min-height:92svh;display:grid;place-items:center;position:relative;overflow:hidden;padding:100px 7vw;background:radial-gradient(circle at 50% 50%,rgba(70,46,150,.1),transparent 45%)}.law-section:before{content:"";position:absolute;width:1px;height:45vh;top:0;background:linear-gradient(transparent,rgba(127,246,255,.28),transparent)}.law-inner{max-width:1120px;text-align:center;position:relative}.law-kicker{display:block;margin-bottom:36px}.law-inner blockquote{font-family:Inter,sans-serif;font-weight:300;font-size:clamp(30px,4.4vw,68px);line-height:1.16;letter-spacing:-.035em;margin:0;color:#eef3ff;text-wrap:balance}.law-line{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--astral),transparent);margin:44px auto 0;box-shadow:0 0 18px var(--astral)}
#settlements .settlements-grid,#relics .exchange-grid{gap:18px!important}.orbit-slot,.exchange-card,.exchange-featured-card{background:linear-gradient(145deg,rgba(13,16,30,.7),rgba(4,5,12,.62))!important;border:1px solid rgba(180,225,255,.11)!important;backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,0,0,.28)!important}.exchange-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.exchange-card{min-height:270px}.exchange-card .card-inner{height:100%;display:flex;flex-direction:column}.exchange-card .btn{margin-top:auto}
#music .spotify-embed,#music .override-card{filter:drop-shadow(0 30px 70px rgba(0,0,0,.3))}.alliances-grid .tile{background:rgba(7,9,18,.7)!important;border:1px solid rgba(177,226,255,.11)!important}
.final-signal{min-height:75svh;display:grid;place-items:center;text-align:center;padding:100px 7vw;position:relative;background:radial-gradient(circle at 50% 55%,rgba(65,213,255,.08),transparent 28%),radial-gradient(circle at 50% 55%,rgba(111,61,220,.12),transparent 50%)}.final-signal-inner h2{font-family:Orbitron,sans-serif;font-size:clamp(48px,8vw,120px);line-height:.9;letter-spacing:-.055em;margin:24px 0}.final-signal-inner p{color:var(--muted2);font-size:18px;margin:0 auto 30px}
.reveal-ready{opacity:0;transform:translateY(32px) scale(.99);filter:blur(6px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1),filter .85s ease}.reveal-ready.is-visible{opacity:1;transform:none;filter:none}
@media(max-width:980px){.continuum-pointer-light{display:none}.spatial-hero{min-height:auto;padding:105px 0 72px}.spatial-shell{grid-template-columns:1fr;width:min(92vw,760px);text-align:center}.spatial-copy{transform:none!important;display:flex;flex-direction:column;align-items:center}.spatial-logo{margin:20px auto!important}.spatial-copy h1{font-size:clamp(52px,15vw,84px)!important}.spatial-object{width:min(78vw,540px);margin:20px auto 0;transform:none!important}.continuum-portal{margin-top:0!important;grid-template-columns:1fr}.portal-cell{min-height:132px!important;border-right:0!important;border-bottom:1px solid var(--hair)!important}.portal-cell:last-child{border-bottom:0!important}.exchange-grid{grid-template-columns:1fr 1fr!important}.law-section{min-height:75svh}.worlds-grid .tile:hover{transform:translateY(-4px)!important}}
@media(max-width:640px){.spatial-hero{padding-top:88px}.spatial-object{width:92vw;opacity:.88}.wc-one,.wc-two,.wc-three{opacity:.14!important}.spatial-copy>p{font-size:15px!important;margin:20px 0 24px!important}.spatial-primary{width:100%;justify-content:center}.continuum-portal{width:92vw!important}.section{padding-top:92px!important;padding-bottom:72px!important}.section-head h2{font-size:clamp(40px,13vw,62px)!important}.exchange-grid{grid-template-columns:1fr!important}.law-inner blockquote{font-size:clamp(28px,8.5vw,42px)}.final-signal-inner h2{font-size:clamp(46px,14vw,70px)}.worlds-grid .tile{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-kicker:before{animation:none}.continuum-pointer-light{display:none}.spatial-copy,.spatial-object,.spatial-hero:before{transform:none!important}.reveal-ready{opacity:1;transform:none;filter:none;transition:none}.worlds-grid .tile,.worlds-grid .tile img{transition:none!important}}

/* ==========================================================
   CONTINUUM HERO V6 — LIVING HARMONIA GATE
   Homepage only. Living Worlds V5 remains isolated in /worlds/.
   ========================================================== */
.hero-v6{--heroTravel:0;min-height:calc(100svh - 1px);background:radial-gradient(ellipse at 76% 46%,rgba(29,151,183,.11),transparent 31%),radial-gradient(ellipse at 52% 86%,rgba(96,48,190,.11),transparent 38%)!important}
.hero-v6:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(3,4,10,.24),transparent 44%,rgba(5,18,29,.1));}
.hero-v6-depth{overflow:hidden}.hero-v6 .spatial-grid{opacity:.11!important}.hero-v6-shell{grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);width:min(1520px,94vw);gap:2vw}.hero-v6-copy{z-index:5}.hero-mark-wrap{position:relative;width:clamp(90px,8vw,128px);aspect-ratio:1;margin:25px 0 18px;display:grid;place-items:center;isolation:isolate}.hero-v6-logo{position:relative;z-index:2;width:100%!important;height:100%!important;object-fit:contain;margin:0!important;background:transparent!important;mix-blend-mode:screen;filter:drop-shadow(0 0 14px rgba(86,224,255,.34)) drop-shadow(0 0 42px rgba(124,83,255,.16))!important}.hero-mark-halo{position:absolute;inset:10%;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(90,224,255,.16),rgba(108,66,255,.08) 40%,transparent 68%);filter:blur(12px);animation:heroHalo 4.8s ease-in-out infinite}@keyframes heroHalo{50%{transform:scale(1.14);opacity:.55}}
.hero-v6-copy h1{max-width:780px}.hero-v6-status{display:flex;align-items:center;gap:11px;margin-top:30px;font:600 9px/1 Orbitron,sans-serif;letter-spacing:.16em;color:rgba(184,218,236,.58);white-space:nowrap}.hero-v6-status i{width:3px;height:3px;border-radius:50%;background:var(--astral);box-shadow:0 0 8px var(--astral)}
.hero-v6-object{min-height:min(72vw,760px);filter:none!important;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*9px + var(--heroTravel)*-28px),0) rotateY(calc(var(--mx)*1.2deg)) rotateX(calc(var(--my)*-.8deg))!important}.hero-planet-stage{position:relative;width:min(760px,50vw);aspect-ratio:1;display:grid;place-items:center;transform-style:preserve-3d;isolation:isolate}.hero-planet-stage:before{content:"";position:absolute;width:84%;height:84%;border-radius:50%;background:radial-gradient(circle,rgba(68,230,255,.13),rgba(81,87,255,.05) 36%,transparent 67%);filter:blur(38px);transform:translateZ(-80px)}
.hero-planet-shell{position:relative;width:65%;aspect-ratio:1;border-radius:50%;overflow:hidden;transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*5px),70px) scale(calc(1 + var(--heroTravel)*.06));box-shadow:-38px 18px 70px rgba(0,0,0,.68),0 0 38px rgba(79,227,255,.2),0 0 120px rgba(68,111,255,.12);transition:box-shadow .5s ease;will-change:transform}.hero-planet-surface,.hero-planet-clouds,.hero-planet-holo,.hero-planet-light,.hero-planet-atmosphere,.hero-planet-scan{position:absolute;inset:0;border-radius:50%;pointer-events:none}.hero-planet-surface{inset:-1%;background-image:url('/assets/planets/harmonia-expanse.webp');background-size:200% 100%;background-repeat:repeat-x;animation:heroPlanetRotate 52s linear infinite;filter:saturate(1.25) contrast(1.1) brightness(.9);transform:scale(1.02)}@keyframes heroPlanetRotate{to{background-position:-200% 0}}
.hero-planet-clouds{inset:-2%;background-image:url('/assets/planets/harmonia-expanse.webp');background-size:230% 115%;background-position:0 50%;mix-blend-mode:screen;opacity:.11;filter:blur(3px) saturate(.4) brightness(1.5);animation:heroCloudRotate 79s linear infinite reverse}@keyframes heroCloudRotate{to{background-position:230% 50%}}
.hero-planet-light{background:radial-gradient(circle at 30% 25%,rgba(204,255,251,.32),transparent 25%),linear-gradient(90deg,rgba(0,0,0,.06) 25%,transparent 50%,rgba(0,0,0,.86) 94%),radial-gradient(circle at 38% 40%,transparent 38%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.9) 100%);mix-blend-mode:multiply}.hero-planet-atmosphere{inset:0;border:1px solid rgba(133,250,255,.5);box-shadow:inset 18px 0 30px rgba(98,245,255,.1),inset -18px 0 35px rgba(25,15,65,.4),0 0 15px rgba(97,239,255,.35),0 0 46px rgba(97,219,255,.18)}
.hero-planet-holo{opacity:.24;background-image:linear-gradient(rgba(95,243,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(95,243,255,.11) 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0,#000 62%,#000 100%);animation:holoDrift 8s linear infinite}@keyframes holoDrift{to{background-position:18px 9px}}
.hero-planet-scan{width:3px;left:-8%;right:auto;background:linear-gradient(180deg,transparent,rgba(151,253,255,.95),transparent);box-shadow:0 0 12px rgba(95,244,255,.9),0 0 35px rgba(95,244,255,.45);opacity:.7;animation:planetScan 6.5s ease-in-out infinite}@keyframes planetScan{0%,18%{left:-8%;opacity:0}30%{opacity:.8}64%{left:108%;opacity:.7}72%,100%{left:108%;opacity:0}}
.hero-orbit-disc{position:absolute;left:50%;top:50%;border:1px solid rgba(103,225,255,.18);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.disc-a{width:94%;height:38%;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 0 24px rgba(77,210,255,.06)}.disc-b{width:76%;height:28%;transform:translate(-50%,-50%) rotate(18deg);border-color:rgba(154,105,255,.18)}.hero-orbit-disc:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#b9ffff;box-shadow:0 0 12px #6cf4ff;left:8%;top:50%}.disc-b:after{left:auto;right:13%;background:#b9a8ff;box-shadow:0 0 12px #9674ff}
.hero-moon{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 28%,#a7dce4 0,#326a75 25%,#0a1b24 60%,#02050a 78%);box-shadow:0 0 16px rgba(91,221,238,.12)}.moon-a{width:5.5%;aspect-ratio:1;right:10%;top:33%;transform:translateZ(-20px)}.moon-b{width:2.8%;aspect-ratio:1;left:12%;bottom:31%;opacity:.6;transform:translateZ(-50px)}
.hero-world-label{position:absolute;right:0;bottom:14%;z-index:8;width:min(270px,38%);padding:16px 18px;border-left:1px solid rgba(125,239,255,.42);background:linear-gradient(90deg,rgba(3,7,16,.72),rgba(3,7,16,.05));backdrop-filter:blur(10px);transform:translateZ(110px)}.hero-world-label span,.hero-world-label small{display:block;font:600 8px/1.3 Orbitron,sans-serif;letter-spacing:.16em;color:#88a7bd}.hero-world-label strong{display:block;margin:7px 0 5px;font:800 14px/1.1 Orbitron,sans-serif;letter-spacing:.04em;color:#ecfbff;text-shadow:0 0 15px rgba(108,240,255,.22)}
.hero-signal-node{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--astral);box-shadow:0 0 14px var(--astral)}.node-a{left:9%;top:43%}.node-b{right:18%;top:18%}.node-c{right:6%;bottom:34%;background:var(--violet);box-shadow:0 0 14px var(--violet)}
.hero-orbit-line{position:absolute;border:1px solid rgba(110,221,255,.1);border-radius:50%;pointer-events:none}.hol-a{width:72vw;height:24vw;right:-16vw;top:27%;transform:rotate(-8deg)}.hol-b{width:58vw;height:18vw;right:-5vw;top:39%;transform:rotate(13deg);border-color:rgba(153,104,255,.1)}.hol-c{width:92vw;height:31vw;right:-35vw;top:19%;transform:rotate(4deg);opacity:.6}.hero-star{position:absolute;border-radius:50%;background:#d8ffff;box-shadow:0 0 14px #72efff}.hs-a{width:3px;height:3px;right:17%;top:22%}.hs-b{width:2px;height:2px;right:7%;top:62%}.hs-c{width:4px;height:4px;right:39%;top:14%;opacity:.6}
.hero-v6.is-travelling .hero-planet-holo{opacity:.46}.hero-v6.is-travelling .hero-world-label{opacity:.72;transform:translate3d(12px,-6px,110px)}
@media(max-width:980px){.hero-v6-shell{grid-template-columns:1fr;width:min(92vw,760px)}.hero-mark-wrap{margin:20px auto 15px}.hero-v6-status{justify-content:center;white-space:normal;flex-wrap:wrap}.hero-v6-object{width:min(88vw,620px)!important;margin:-10px auto 0!important;min-height:min(90vw,570px)!important}.hero-planet-stage{width:min(620px,90vw)}.hero-planet-shell{width:62%}.hero-world-label{right:2%;bottom:10%}}
@media(max-width:640px){.hero-v6{padding-top:84px!important}.hero-mark-wrap{width:78px;margin:12px auto 12px}.hero-v6-copy h1{font-size:clamp(43px,13.6vw,62px)!important}.hero-v6-status{font-size:7px;margin-top:20px}.hero-v6-object{min-height:390px!important;width:100%!important}.hero-planet-stage{width:102vw;margin-left:-5vw}.hero-planet-shell{width:57%}.hero-world-label{width:44%;right:6%;bottom:8%;padding:10px 11px}.hero-world-label strong{font-size:10px}.hero-world-label span,.hero-world-label small{font-size:6px}.moon-a{right:13%}.hol-a,.hol-b,.hol-c{opacity:.45}.hero-planet-holo{opacity:.16}}
@media(prefers-reduced-motion:reduce){.hero-mark-halo,.hero-planet-surface,.hero-planet-clouds,.hero-planet-holo,.hero-planet-scan{animation:none!important}.hero-v6-object,.hero-planet-shell{transform:none!important}.hero-planet-scan{display:none}.hero-v6{--heroTravel:0!important}}


/* =========================================================
   CONTINUUM HERO V6.1 — REVEAL COMPATIBILITY / BLUR FAILSAFE
   Legacy Astral Allies motion.js + app.js reveal with `.in`.
   V6 also supports `.is-visible`. Either state must fully resolve.
   ========================================================= */
.reveal-ready.in,
.reveal-ready.is-visible {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* Never allow already-revealed homepage content to inherit blur. */
body:not(.is-loading) .reveal-ready.in,
body:not(.is-loading) .reveal-ready.is-visible {
  filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-ready {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}