/* ============================================================
   ARENAS — per-god theming layer.
   Activated by [data-arena="<key>"] on the shell. Each arena
   re-skins the shared chassis: palette, display font, texture,
   emblem and the cinematic hero. Ares is the flagship.
   ============================================================ */

/* Shared arena chassis ------------------------------------------------ */
.arena-hero{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line-2);
  padding:46px 40px;margin-bottom:22px;background:var(--arena-hero-bg,linear-gradient(160deg,#161c28,#0b0e14));isolation:isolate}
.arena-hero .emblem{position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:300px;line-height:1;
  opacity:.10;color:var(--arena-accent,#fff);z-index:-1;filter:drop-shadow(0 0 40px var(--arena-glow,transparent))}
.arena-hero .kicker{font-family:var(--mono);letter-spacing:.42em;text-transform:uppercase;font-size:11px;color:var(--arena-accent);opacity:.85}
.arena-hero h1{font-family:var(--arena-display,var(--serif));font-size:var(--arena-h1,58px);line-height:1;margin:12px 0 4px;
  letter-spacing:var(--arena-tracking,.04em);color:#fff;text-shadow:0 2px 30px var(--arena-glow,transparent)}
.arena-hero .deity{font-family:var(--arena-display,var(--serif));font-size:16px;color:var(--arena-accent);letter-spacing:.14em}
.arena-hero .domain{color:var(--muted);margin-top:12px;max-width:60ch;font-size:14.5px}
.arena-hero .motto{font-family:var(--arena-display,var(--serif));font-size:22px;color:var(--arena-gold,var(--gold));margin-top:18px;letter-spacing:.05em}
.arena-hero .motto small{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:4px}
.arena-hero .lic-line{margin-top:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.arena-accent-text{color:var(--arena-accent)!important}
.shell[data-arena] .nav-item.active{background:linear-gradient(90deg,var(--arena-accent-soft,rgba(240,65,63,.14)),transparent);border-color:var(--arena-accent)}
.shell[data-arena] .brand .name span{color:var(--arena-accent)}
.shell[data-arena] .page-head h1{font-family:var(--arena-display,var(--serif))}
.shell[data-arena] .btn.primary{background:linear-gradient(180deg,var(--arena-accent),var(--arena-accent-deep,var(--arena-accent)));color:#fff;box-shadow:0 6px 22px var(--arena-glow,rgba(0,0,0,.3))}
.shell[data-arena] .serif{font-family:var(--arena-display,var(--serif))}
.shell[data-arena] .tier-head .nm{font-family:var(--arena-display,var(--serif))}

.cap-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel-2);position:relative;overflow:hidden}
.cap-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--arena-accent)}
.cap-card .cn{font-weight:700}
.cap-card .ct{font-family:var(--mono);font-size:10.5px;color:var(--arena-accent);letter-spacing:.1em}

/* ---------------- ARES — imperial war, blood & steel ---------------- */
.shell[data-arena="ares"]{
  --arena-accent:#f0413f;--arena-accent-deep:#a11d1b;--arena-accent-soft:rgba(240,65,63,.16);
  --arena-glow:rgba(240,65,63,.35);--arena-gold:#e6b866;
  --arena-display:'Cinzel Decorative',serif;--arena-h1:60px;
}
.shell[data-arena="ares"] .arena-hero{
  --arena-hero-bg:
    radial-gradient(900px 400px at 85% 30%,rgba(240,65,63,.16),transparent 60%),
    linear-gradient(160deg,#1a0e0e 0%,#120a0d 45%,#0a0708 100%);
  border-color:rgba(240,65,63,.35)}
.shell[data-arena="ares"] .arena-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;
  background-image:repeating-linear-gradient(45deg,#f0413f 0 2px,transparent 2px 22px)}
.shell[data-arena="ares"] .arena-hero .emblem{font-size:340px;transform:translateY(-50%) rotate(-8deg)}

/* ---------------- HORUS — mystic gold, lapis, kohl ------------------ */
.shell[data-arena="horus"]{
  --arena-accent:#e9c46a;--arena-accent-deep:#b8860b;--arena-accent-soft:rgba(233,196,106,.16);
  --arena-glow:rgba(233,196,106,.3);--arena-gold:#e9c46a;
  --arena-display:'Marcellus',serif;--arena-h1:56px;--arena-tracking:.08em;}
.shell[data-arena="horus"] .arena-hero{
  --arena-hero-bg:radial-gradient(800px 380px at 82% 34%,rgba(70,120,200,.18),transparent 60%),linear-gradient(160deg,#0c1730 0%,#0a1020 50%,#080b14 100%);
  border-color:rgba(233,196,106,.35)}

/* ---------------- IANUS — thresholds, violet, obsidian -------------- */
.shell[data-arena="ianus"]{
  --arena-accent:#bc8cff;--arena-accent-deep:#6d3bd1;--arena-accent-soft:rgba(188,140,255,.16);
  --arena-glow:rgba(188,140,255,.3);--arena-gold:#c9a7ff;
  --arena-display:'Philosopher',sans-serif;--arena-h1:56px;}
.shell[data-arena="ianus"] .arena-hero{--arena-hero-bg:linear-gradient(160deg,#160f26 0%,#0e0a1a 55%,#08060e 100%);border-color:rgba(188,140,255,.3)}

/* ---------------- VERITAS — scholarly teal, parchment --------------- */
.shell[data-arena="veritas"]{
  --arena-accent:#39c5cf;--arena-accent-deep:#1f7f86;--arena-accent-soft:rgba(57,197,207,.16);
  --arena-glow:rgba(57,197,207,.28);--arena-gold:#d9c9a3;
  --arena-display:'Cormorant Garamond',serif;--arena-h1:64px;--arena-tracking:.02em;}
.shell[data-arena="veritas"] .arena-hero{--arena-hero-bg:linear-gradient(160deg,#0a1c1e 0%,#0a1416 55%,#070d0e 100%);border-color:rgba(57,197,207,.3)}

/* ---------------- PANACEA — serene jade, bone-white ----------------- */
.shell[data-arena="panacea"]{
  --arena-accent:#3fb96f;--arena-accent-deep:#238a4c;--arena-accent-soft:rgba(63,185,111,.16);
  --arena-glow:rgba(63,185,111,.28);--arena-gold:#cfe8d4;
  --arena-display:'Spectral',serif;--arena-h1:56px;}
.shell[data-arena="panacea"] .arena-hero{--arena-hero-bg:linear-gradient(160deg,#0a1e16 0%,#0a1712 55%,#070d0a 100%);border-color:rgba(63,185,111,.3)}

/* ---------------- IRIS — the spectrum bridge ------------------------ */
.shell[data-arena="iris"]{
  --arena-accent:#db61a2;--arena-accent-deep:#8f3bd1;--arena-accent-soft:rgba(219,97,162,.16);
  --arena-glow:rgba(219,97,162,.3);--arena-gold:#f0a6d0;
  --arena-display:'Quicksand',sans-serif;--arena-h1:54px;}
.shell[data-arena="iris"] .arena-hero{--arena-hero-bg:linear-gradient(120deg,#2a1030 0%,#161033 45%,#0b1030 100%);border-color:rgba(219,97,162,.3)}
.shell[data-arena="iris"] .arena-hero h1{background:linear-gradient(90deg,#f85149,#d29922,#3fb950,#58a6ff,#bc8cff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------------- NYX — forbidding night --------------------------- */
.shell[data-arena="nyx"]{
  --arena-accent:#9aa7bd;--arena-accent-deep:#4a5468;--arena-accent-soft:rgba(154,167,189,.14);
  --arena-glow:rgba(154,167,189,.22);--arena-gold:#c8d0de;
  --arena-display:'Cormorant Unicase',serif;--arena-h1:58px;--arena-tracking:.1em;}
.shell[data-arena="nyx"] .arena-hero{--arena-hero-bg:radial-gradient(700px 300px at 80% 20%,rgba(154,167,189,.08),transparent 60%),linear-gradient(160deg,#0a0c11 0%,#070809 60%,#040506 100%);border-color:rgba(154,167,189,.25)}
.shell[data-arena="nyx"] .arena-hero::after{content:"✦ ✧ ˖ ✦ ˖ ✧";position:absolute;inset:0;color:#c8d0de;opacity:.08;font-size:22px;letter-spacing:60px;z-index:-1}

/* ---------------- signature hero motifs (flagship polish) ----------- */
.shell[data-arena="horus"] .arena-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.05;
  background:repeating-linear-gradient(90deg,#e9c46a 0 1px,transparent 1px 26px)} /* gilded light-rays */
.shell[data-arena="horus"] .arena-hero .emblem{opacity:.12}
.shell[data-arena="ianus"] .arena-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background:linear-gradient(90deg,transparent 48.5%,rgba(188,140,255,.4) 50%,transparent 51.5%)} /* the gateway seam */
.shell[data-arena="veritas"] .arena-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.05;
  background:repeating-linear-gradient(0deg,#39c5cf 0 1px,transparent 1px 30px)} /* fluted columns of the archive */
.shell[data-arena="panacea"] .arena-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(420px 220px at 30% 62%,rgba(63,185,111,.16),transparent 70%)} /* healing pulse */