/* ═══════════════════════════════════════════════════════════════════════
   TRADING GURU — PREMIUM THEME OVERLAY · 2026-07-03
   Additive skin for the corrected multi-page site (loads AFTER site.css).
   Matches the premium-honest landing: deep-space violet, cyan/magenta/green/
   gold neon, glass panels, Orbitron + Rajdhani + JetBrains Mono.
   Rollback = remove this one <link>. No HTML, no data logic, honesty ("—")
   untouched.
   ═══════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --bg:#05030f; --bg-2:#0b0620;
  --panel:rgba(20,14,46,0.55);
  --grid:rgba(139,92,246,0.05);
  --border:rgba(139,92,246,0.35); --border-soft:rgba(139,92,246,0.16);
  --text:#e8e6f5; --text-dim:#9d97c0; --text-mute:#635d8a;
  --amber:#ffcc4d; --amber-2:#f0a828;
  --cyan:#4de8ff; --green:#34f5a4; --red:#ff5470;
  --purple:#a86bff; --magenta:#e14df0;
}

/* ---- base ---- */
html,body{background:var(--bg);}
body{
  font-family:'Rajdhani','Segoe UI',sans-serif; font-size:17.5px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  image-rendering:auto;
  background:
    radial-gradient(ellipse 1200px 700px at 15% -10%, rgba(139,92,246,0.16) 0%, transparent 55%),
    radial-gradient(ellipse 1000px 650px at 85% 0%, rgba(77,232,255,0.10) 0%, transparent 55%),
    radial-gradient(ellipse 900px 700px at 50% 110%, rgba(225,77,240,0.10) 0%, transparent 60%),
    linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(180deg,#07041a 0%,#05030f 100%);
  background-attachment:fixed;
}
@media (max-width:860px){ body{background-attachment:scroll;} }
body::after{display:none;}  /* kill CRT scanlines */

/* ---- fonts: retro-pixel roles -> Orbitron ---- */
.pixel,.brand .logo,.brand .name,nav.top a,nav.top .cta,.nav-toggle,
h1.title,h2,.eyebrow,.section-tag,.btn,
.status-cell .label,.status-cell .value,
.card h3,.layer-card h3,.layer-tag,.firewall,
.refusal .num,.refusal h4,
.arena-head .title,.arena-block .h,.empty-state .dash,
.agent-card .slot,.agent-card h3,
.lb-table th,.cycle-stat-tbl th,
.champ-cell .label,.champ-cell .value,
.event-feed-list .kind,.tape-stat .k,.kv-row .k,
.balance-big,footer .brand-small,footer .col-links a,.skip-link{
  font-family:'Orbitron','Rajdhani',sans-serif!important;
  -webkit-font-smoothing:antialiased; image-rendering:auto;
}
.page-sub,.section-sub,.card p,.layer-card p,.refusal p,.agent-card .desc{ font-family:'Rajdhani',sans-serif; }
.mono,.status-cell .meta,.layer-card .props,.lb-table,.lb-table td,.cycle-stat-tbl td,
.conn-status,.event-feed-list,.disclosure,.agent-card .stat-row,.champ-cell .meta,
footer .legal,footer .build-tag,.tape-stat strong,.kv-row strong,.balance-meta,.tape-rsi{
  font-family:'JetBrains Mono',monospace!important;
}

/* ---- nav: floating glass ---- */
nav.top{ background:rgba(7,4,26,0.72); backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%); border-bottom:1px solid var(--border-soft);
  box-shadow:0 8px 32px rgba(5,3,15,0.6); }
.brand .logo{ border:1px solid var(--purple); border-radius:10px; color:var(--cyan);
  font-weight:900; background:linear-gradient(135deg,rgba(139,92,246,0.25),rgba(77,232,255,0.12));
  box-shadow:0 0 18px rgba(139,92,246,0.45),inset 0 0 12px rgba(77,232,255,0.15); }
.brand .name{ font-weight:700; letter-spacing:0.14em; }
.brand .name span{ background:linear-gradient(90deg,var(--cyan),var(--magenta));
  -webkit-background-clip:text; background-clip:text; color:transparent; }
nav.top a{ font-weight:600; letter-spacing:0.13em; }
nav.top a:hover,nav.top a.active{ color:var(--cyan); text-shadow:0 0 12px rgba(77,232,255,0.65); }
nav.top .cta{ background:linear-gradient(90deg,var(--purple),var(--magenta)); border:none;
  border-radius:999px; color:#fff; box-shadow:0 0 22px rgba(168,107,255,0.55); }
nav.top .cta:hover{ background:linear-gradient(90deg,var(--magenta),var(--purple)); box-shadow:0 0 30px rgba(225,77,240,0.7); }

/* ---- headings / eyebrows ---- */
.eyebrow{ color:var(--cyan); font-weight:600; letter-spacing:0.32em; text-shadow:0 0 14px rgba(77,232,255,0.5); }
h1.title{ font-weight:900; letter-spacing:0.04em; text-shadow:0 0 30px rgba(139,92,246,0.35); }
h1.title .amber{ background:linear-gradient(90deg,var(--amber) 0%,var(--magenta) 55%,var(--cyan) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none;
  filter:drop-shadow(0 0 18px rgba(225,77,240,0.45)); }
.section-tag{ color:var(--magenta); font-weight:700; letter-spacing:0.3em; text-shadow:0 0 12px rgba(225,77,240,0.5); }
h2{ font-weight:700; letter-spacing:0.03em; }
.page-sub,.section-sub{ font-weight:500; }

/* ---- buttons: neon pills ---- */
.btn{ border-radius:999px; border-width:1px; font-weight:700; padding:14px 26px; transition:all .18s ease; }
.btn-primary{ background:linear-gradient(90deg,var(--amber-2),var(--amber)); border-color:transparent;
  color:#1a1030; box-shadow:0 0 26px rgba(255,204,77,0.45); }
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 0 38px rgba(255,204,77,0.65); }
.btn-ghost{ color:var(--cyan); border-color:rgba(77,232,255,0.5); background:rgba(77,232,255,0.06);
  box-shadow:0 0 18px rgba(77,232,255,0.22),inset 0 0 14px rgba(77,232,255,0.06); }
.btn-ghost:hover{ transform:translateY(-2px); box-shadow:0 0 30px rgba(77,232,255,0.4); }

/* ---- panels / cards: glass + glow ---- */
.status-cell,.card,.layer-card,.agent-card,.refusal,.arena-shell,.champ-banner,
.lb-table,.dash-panel,.disclosure,.conn-status,.tape-chart,.tape-stat,.heat-row,.timeline-rail{
  background:var(--panel); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid var(--border-soft); border-radius:14px;
  box-shadow:0 10px 40px rgba(5,3,15,0.5),inset 0 1px 0 rgba(255,255,255,0.04);
}
.status-cell{ transition:border-color .2s,box-shadow .2s,transform .2s; }
.status-cell:hover{ border-color:var(--border); box-shadow:0 0 30px rgba(139,92,246,0.25); transform:translateY(-2px); }
.status-cell::before{ border-color:var(--cyan)!important; border-radius:10px 0 0 0; }
.status-cell::after{ border-color:var(--magenta)!important; border-radius:0 0 10px 0; }
.status-cell .label{ font-weight:600; letter-spacing:0.24em; color:var(--text-mute); }
.status-cell .value{ font-weight:700; }
.status-cell .value.amber{ color:var(--amber); text-shadow:0 0 16px rgba(255,204,77,0.55); }
.status-cell .value.green{ color:var(--green); text-shadow:0 0 16px rgba(52,245,164,0.5); }
.status-cell .value.cyan{ color:var(--cyan); text-shadow:0 0 16px rgba(77,232,255,0.5); }

.card h3,.layer-card h3,.agent-card h3{ font-weight:700; letter-spacing:0.06em; }
.agent-card h3,.refusal h4{ color:var(--amber); }
.layer-tag{ border-radius:8px; font-weight:700; }
.layer-tag.l1{ box-shadow:0 0 14px rgba(52,245,164,0.35); }
.layer-tag.l2{ box-shadow:0 0 14px rgba(77,232,255,0.35); }
.layer-tag.l3{ box-shadow:0 0 14px rgba(168,107,255,0.35); }
.firewall{ color:var(--magenta); border-top:1px dashed rgba(225,77,240,0.45);
  border-bottom:1px dashed rgba(225,77,240,0.45); text-shadow:0 0 12px rgba(225,77,240,0.55); font-weight:700; }
.refusal{ border-left:3px solid var(--red); }

/* ---- arena / championship ---- */
.arena-shell{ border:1px solid var(--border); }
.arena-shell::before,.arena-shell::after,.arena-shell>.c-tr,.arena-shell>.c-bl{ border-color:var(--cyan)!important; }
.arena-head .title{ color:var(--cyan); font-weight:700; text-shadow:0 0 16px rgba(77,232,255,0.55); }
.arena-block{ background:rgba(5,3,15,0.5); border-radius:10px; border:1px solid var(--border-soft); }
.arena-block .h{ color:var(--purple); font-weight:600; }
.timeline-rail .cursor{ background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.heat-cell{ background:linear-gradient(180deg,var(--magenta),var(--purple)); opacity:.85; border-radius:2px 2px 0 0; }
.champ-banner{ border:1px solid rgba(255,204,77,0.4);
  background:linear-gradient(160deg,rgba(255,204,77,0.10) 0%,rgba(139,92,246,0.12) 45%,rgba(20,14,46,0.55) 100%); }
.champ-banner::before,.champ-banner::after{ border-color:var(--amber); }
.champ-cell .value{ font-weight:900; }
.champ-progress{ border-radius:999px; }
.champ-progress-bar{ background:linear-gradient(90deg,var(--purple),var(--magenta),var(--amber)); box-shadow:0 0 14px rgba(225,77,240,0.6); }

/* ---- tables ---- */
.lb-table{ overflow:hidden; }
.lb-table th{ color:var(--purple); background:rgba(5,3,15,0.55); font-weight:700; }

/* ---- dashboard ---- */
.balance-big{ font-weight:900; color:var(--green); text-shadow:0 0 22px rgba(52,245,164,0.5); }
.tape-chart{ background:rgba(5,3,15,0.5); }
.tape-stat{ background:rgba(5,3,15,0.4); }

/* ---- disclosure / notices ---- */
.disclosure{ border:1px dashed rgba(255,204,77,0.5); background:rgba(255,204,77,0.07); color:#ffe08a; }

/* ---- footer + focus ---- */
footer{ border-top:1px solid var(--border-soft); }
footer .col-links a:hover{ color:var(--cyan); }
:focus-visible{ outline-color:var(--cyan); box-shadow:0 0 0 4px rgba(77,232,255,0.2); }
.skip-link{ background:var(--cyan); color:#071018; border-radius:8px; }
.nav-toggle{ border:1px solid var(--cyan); color:var(--cyan); border-radius:10px; }
.nav-toggle[aria-expanded="true"]{ background:var(--cyan); color:#071018; }