/* ONYX COSMIC GOTHIC — profile / SFT presentation layer (2026-10-31, owner "Start profile redesign").
   PRESENTATION ONLY: tokens + chrome. No selectors hide, move or disable any wallet / earn control.
   Palette: onyx (near-black aubergine), gold (#e8c87a / #c9a84c), violet (#7c3aed / #a47dff).
   Loaded AFTER each page's inline <style>, so it re-skins by token override + a thin ornament pass. */
:root{
  --cg-onyx:#07050c; --cg-onyx-2:#0e0916; --cg-onyx-3:#160e22;
  --cg-gold:#e8c87a; --cg-gold-2:#c9a84c; --cg-gold-dim:rgba(201,168,76,.38);
  --cg-violet:#7c3aed; --cg-violet-2:#a47dff; --cg-violet-glow:rgba(124,58,237,.28);
  --cg-ink:#ece4ff; --cg-ink-dim:#a89cc4; --cg-ink-mute:#6f6488;
  --cg-card:linear-gradient(165deg,rgba(28,18,44,.72),rgba(7,5,12,.94));
  --cg-edge:rgba(201,168,76,.22); --cg-edge-2:rgba(201,168,76,.48);
  /* profile.html core-reactor tokens → onyx/gold/violet */
  --core-abyss:var(--cg-onyx); --core-deep:var(--cg-onyx-3);
  --core-blue:var(--cg-violet-2); --core-violet:var(--cg-violet); --core-cyan:var(--cg-gold); --core-ice:var(--cg-ink);
  --core-grad:linear-gradient(120deg,var(--cg-violet) 0%,var(--cg-gold) 100%);
  --core-grad-3:linear-gradient(90deg,transparent,var(--cg-gold-2) 20%,var(--cg-violet-2) 50%,var(--cg-gold-2) 80%,transparent);
  --core-glow:var(--cg-violet-glow);
  /* shared onyx tokens (profile + sft) */
  --onyx-bg:var(--cg-onyx); --onyx-bg-2:var(--cg-onyx-2);
  --onyx-aubergine:#1c1029; --onyx-aubergine-2:#140b1f; --onyx-aubergine-3:#2a1740;
  --onyx-silver:var(--cg-ink-dim); --onyx-silver-2:var(--cg-ink); --onyx-silver-3:var(--cg-ink-mute);
  --onyx-text:#d9d0ec; --onyx-text-dim:var(--cg-ink-dim); --onyx-text-mute:var(--cg-ink-mute);
  --onyx-edge:var(--cg-edge); --onyx-edge-2:var(--cg-edge-2);
  --onyx-card:rgba(20,12,32,.80); --card-fill:var(--cg-card);
  --onyx-peacock:var(--cg-gold); --onyx-peacock-2:var(--cg-gold-2); --onyx-violet:var(--cg-violet);
  --gold:var(--cg-gold);
}
body{
  background:
    radial-gradient(ellipse at 50% -10%, rgba(124,58,237,.22) 0%, transparent 55%),
    radial-gradient(ellipse at 88% 8%, rgba(201,168,76,.08) 0%, transparent 45%),
    radial-gradient(ellipse at 10% 90%, rgba(124,58,237,.10) 0%, transparent 50%),
    var(--cg-onyx) !important;
  background-attachment:fixed !important;
}
h1,h2,h3,h2.pf-h{font-family:'Cinzel',serif;color:var(--cg-gold);letter-spacing:.06em;text-shadow:0 0 18px rgba(201,168,76,.18);}
/* Gothic frame: gold hairline + inner violet glow + corner filigree on hero / panels / cards */
.pf-hero,.core-panel,.pf-card,.sft-card,.card,.panel{
  border-color:var(--cg-edge-2) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 0 0 1px rgba(124,58,237,.10),0 0 36px var(--cg-violet-glow) !important;
  position:relative;
}
.pf-hero::after,.core-panel::after{
  content:'';position:absolute;inset:6px;pointer-events:none;z-index:2;border-radius:inherit;
  background:
    linear-gradient(var(--cg-gold),var(--cg-gold)) left 0 top 0/14px 1px no-repeat,
    linear-gradient(var(--cg-gold),var(--cg-gold)) left 0 top 0/1px 14px no-repeat,
    linear-gradient(var(--cg-gold),var(--cg-gold)) right 0 top 0/14px 1px no-repeat,
    linear-gradient(var(--cg-gold),var(--cg-gold)) right 0 top 0/1px 14px no-repeat,
    linear-gradient(var(--cg-gold),var(--cg-gold)) left 0 bottom 0/14px 1px no-repeat,
    linear-gradient(var(--cg-gold),var(--cg-gold)) left 0 bottom 0/1px 14px no-repeat,
    linear-gradient(var(--cg-gold),var(--cg-gold)) right 0 bottom 0/14px 1px no-repeat,
    linear-gradient(var(--cg-gold),var(--cg-gold)) right 0 bottom 0/1px 14px no-repeat;
  opacity:.7;
}
.pf-iden{border-color:var(--cg-gold-dim) !important;box-shadow:0 0 0 3px rgba(7,5,12,.9),0 0 0 4px var(--cg-gold-dim),0 0 26px var(--cg-violet-glow) !important;}
.pf-stat .lab{color:var(--cg-ink-mute) !important;letter-spacing:.2em;}
.pf-stat .val b{color:var(--cg-gold) !important;-webkit-text-fill-color:var(--cg-gold) !important;text-shadow:0 0 14px rgba(232,200,122,.25);}
.pf-nav{background:rgba(7,5,12,.9) !important;border-bottom-color:var(--cg-edge) !important;}
.pf-back:hover,.pf-copy:hover{border-color:var(--cg-gold) !important;color:var(--cg-gold) !important;}
.pf-copy.pf-connect{color:var(--cg-gold) !important;border-color:var(--cg-gold) !important;background:linear-gradient(135deg,rgba(124,58,237,.30),rgba(124,58,237,.10)) !important;}
a{color:var(--cg-violet-2);} a:hover{color:var(--cg-gold);}