/* Pentagon Games Members — shared premium theme.
   Used by /status/, /ship-payout-verify, /mydata and /dashboard so they match the members home page.
   Load AFTER a page's own <style> so these tokens win. */
:root {
  --ink-950:#07060b; --ink-900:#0d0b13; --ink-850:#110e18; --ink-800:#16121f; --ink-700:#221c2c;
  --hair:rgba(230,207,154,0.13); --hair-2:rgba(230,207,154,0.26);
  --ivory:#f3eee3; --text:#e9e4d8; --muted:#a39d8f; --faint:#6f695f;
  --champ:#e6cf9a; --gold:#c9a45c; --gold-deep:#8a6a2f; --gold-bright:#e6cf9a;
  --sage:#a9c2a0; --rose:#d9a3a0;
  --serif:"Cormorant Garamond", "Times New Roman", serif;
  --engrave:"Cinzel", "Trajan Pro", serif;
  --sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* legacy page tokens, remapped to the members palette */
  --line:rgba(230,207,154,0.13); --line-strong:rgba(230,207,154,0.26); --border:rgba(230,207,154,0.2);
  --text-dim:#a39d8f; --text-muted:#a39d8f; --text-faint:#6f695f;
  --purple:#c9a45c; --purple-bright:#e6cf9a; --purple-deep:#8a6a2f; --secondary:#e6cf9a;
  --primary:#c9a45c; --dark:#110e18; --darker:rgba(0,0,0,0.35); --blue:#9fb4d6;
  --success:#a9c2a0; --error:#d9a3a0;
}

html { scroll-behavior:smooth; }
[hidden] { display:none !important; }
body {
  margin:0; background:var(--ink-950); color:var(--text);
  font:400 16.5px/1.65 var(--sans); -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1100px 620px at 78% -8%, rgba(201,164,92,0.10), transparent 62%),
    radial-gradient(900px 520px at -8% 18%, rgba(120,90,190,0.08), transparent 60%);
  background-attachment:fixed;
}
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:100; opacity:.05; mix-blend-mode:overlay; mask-image:none; -webkit-mask-image:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
::selection { background:rgba(230,207,154,.28); color:var(--ivory); }
h1, h2, h3, .display { font-family:var(--serif) !important; font-weight:500 !important; letter-spacing:-0.005em !important; color:var(--ivory); }
h1 em, h2 em, h3 em { font-style:italic; color:var(--champ); }

/* ---------- Shared header ---------- */
header.pm-nav { position:sticky; top:0; z-index:50; display:block; padding:0; margin:0; background:rgba(7,6,11,0.78); backdrop-filter:blur(14px) saturate(1.2); -webkit-backdrop-filter:blur(14px) saturate(1.2); border-bottom:1px solid var(--hair); }
header.pm-nav .pm-wrap { max-width:1160px; margin:0 auto; padding:0 28px; height:70px; display:flex; align-items:center; gap:28px; }
.pm-logo { display:flex; align-items:center; gap:12px; text-decoration:none !important; flex:none; }
.pm-logo svg { display:block; filter:drop-shadow(0 0 10px rgba(201,164,92,.35)); }
.pm-logo small { display:block; font:500 10.5px/1 var(--sans); letter-spacing:0.3em; color:var(--gold); margin-bottom:5px; text-transform:uppercase; }
.pm-logo strong { display:block; font:600 19px/1 var(--engrave); letter-spacing:.12em; color:var(--ivory); }
.pm-links { display:flex; gap:26px; margin-left:auto; font:500 12.5px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase; }
.pm-links a { white-space:nowrap; color:var(--muted); text-decoration:none !important; position:relative; padding:6px 0; transition:color .2s; }
.pm-links a::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--gold); transform:scaleX(0); transition:transform .3s ease; }
.pm-links a:hover, .pm-links a.is-here { color:var(--ivory); }
.pm-links a:hover::after, .pm-links a.is-here::after { transform:scaleX(1); }
.pm-pill { flex:none; min-height:40px; display:flex; align-items:center; }
.pm-cta { flex:none; display:inline-flex; align-items:center; padding:11px 16px; border-radius:2px; font:600 12px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; text-decoration:none !important; color:#1b1406 !important; background:linear-gradient(135deg,#f3dfa6 0%,#c9a45c 45%,#e9cd8b 100%); box-shadow:0 10px 30px -10px rgba(201,164,92,.55), inset 0 1px 0 rgba(255,255,255,.5); }
@media (max-width: 1100px) { .pm-links { gap:16px; letter-spacing:.1em; font-size:11.5px; } .pm-logo small { display:none; } }
@media (max-width: 860px) {
  header.pm-nav .pm-wrap { gap:12px; padding:0 16px; }
  .pm-links { display:none; }
  .pm-logo { margin-right:auto; }
  .pm-logo small { display:none; } .pm-logo strong { font-size:16px; }
  .pm-cta { display:none; }
}
/* the mobile tab bar under the header */
.pm-tabs { display:none; }
@media (max-width: 860px) {
  .pm-tabs { display:flex; gap:6px; overflow-x:auto; padding:10px 16px; border-bottom:1px solid var(--hair); background:rgba(7,6,11,.6); scrollbar-width:none; }
  .pm-tabs a { flex:none; padding:8px 12px; border:1px solid var(--hair); border-radius:2px; font:500 11.5px/1 var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); text-decoration:none; }
  .pm-tabs a.is-here { color:var(--ink-950); background:var(--champ); border-color:var(--champ); }
}

/* ---------- Shared footer ---------- */
.pm-foot { border-top:1px solid var(--hair); margin-top:72px; padding:36px 0 56px; color:var(--faint); font-size:13.5px; letter-spacing:.04em; }
.pm-foot .pm-wrap { max-width:1160px; margin:0 auto; padding:0 28px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; align-items:center; }
.pm-foot a { color:var(--muted); text-decoration:none; } .pm-foot a:hover { color:var(--champ); }
.pm-foot .mark { font:600 13px/1 var(--engrave); letter-spacing:.3em; color:var(--muted); }

/* ---------- Legacy pages: restyle their components (logic untouched) ---------- */
body.pm-legacy .page-header h1 { font-size:clamp(34px,4.4vw,52px) !important; line-height:1.05; }
body.pm-legacy .page-header p { color:var(--muted); font-size:17px; }
body.pm-legacy .card, body.pm-legacy .auth-card, body.pm-legacy .gate-card, body.pm-legacy .status-card,
body.pm-legacy .referral-section, body.pm-legacy .stat-card, body.pm-legacy .docs-section, body.pm-legacy .quick-link,
body.pm-legacy .not-vip-state, body.pm-legacy .success-message, body.pm-legacy .usecase-item, body.pm-legacy .showcase-cta {
  background:linear-gradient(180deg,var(--ink-850),var(--ink-900)) !important;
  border:1px solid var(--hair) !important; border-radius:4px !important; box-shadow:0 30px 60px -40px rgba(0,0,0,.8);
  backdrop-filter:none;
}
body.pm-legacy .section-title, body.pm-legacy .card-title { font:600 12.5px/1.2 var(--engrave) !important; letter-spacing:.2em !important; text-transform:uppercase; color:var(--champ) !important; }
body.pm-legacy .form-label { font:500 12px/1.3 var(--sans); letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
body.pm-legacy input:not([type="checkbox"]):not([type="radio"]), body.pm-legacy select, body.pm-legacy textarea {
  background:rgba(7,6,11,.6) !important; border:1px solid var(--hair-2) !important; border-radius:2px !important; color:var(--ivory) !important; font-family:var(--sans) !important;
}
body.pm-legacy input:focus, body.pm-legacy select:focus, body.pm-legacy textarea:focus { outline:none; border-color:var(--champ) !important; box-shadow:0 0 0 3px rgba(230,207,154,.12) !important; }
body.pm-legacy .submit-btn, body.pm-legacy .btn, body.pm-legacy .btn-primary, body.pm-legacy .btn-gold, body.pm-legacy .referral-link-box button, body.pm-legacy .copy-btn {
  background:linear-gradient(135deg,#f3dfa6 0%,#c9a45c 45%,#e9cd8b 100%) !important; color:#1b1406 !important; border:1px solid transparent !important;
  border-radius:2px !important; font:600 13px/1 var(--sans) !important; letter-spacing:.16em; text-transform:uppercase;
  box-shadow:0 10px 30px -12px rgba(201,164,92,.55), inset 0 1px 0 rgba(255,255,255,.5) !important;
}
body.pm-legacy .submit-btn { padding:18px 22px !important; }
body.pm-legacy .btn-outline, body.pm-legacy .btn-ghost { background:transparent !important; color:var(--ivory) !important; border:1px solid var(--hair-2) !important; box-shadow:none !important; }
body.pm-legacy .btn-outline:hover, body.pm-legacy .btn-ghost:hover { border-color:var(--champ) !important; color:var(--champ) !important; }
body.pm-legacy .btn-danger { background:transparent !important; color:var(--rose) !important; border:1px solid rgba(217,163,160,.45) !important; box-shadow:none !important; }
body.pm-legacy .btn:disabled, body.pm-legacy .submit-btn:disabled, body.pm-legacy .btn-primary:disabled { opacity:.5; }
body.pm-legacy .warning-box, body.pm-legacy .security-notice { background:rgba(201,164,92,.06) !important; border:1px solid var(--hair-2) !important; border-radius:4px !important; color:var(--text); }
body.pm-legacy .stat-value { font-family:var(--serif) !important; color:var(--champ) !important; }
body.pm-legacy .tier-badge { border-radius:2px; color:#1b1406; font:600 12px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase; padding:.5rem 1rem; }
body.pm-legacy .tier-1 { background:linear-gradient(135deg,#f0b27a,#a8622a 50%,#d9894a) !important; }
body.pm-legacy .tier-2 { background:linear-gradient(135deg,#ffffff,#aab2bd 50%,#eef1f4) !important; }
body.pm-legacy .tier-3 { background:linear-gradient(135deg,#fff0bf,#c8932f 50%,#f6d57a) !important; }
body.pm-legacy a { color:var(--champ); }
body.pm-legacy .keys-table th { font:500 11.5px/1.2 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
body.pm-legacy code, body.pm-legacy pre { font-family:"JetBrains Mono", ui-monospace, monospace; }
body.pm-legacy .user-badge { display:none !important; } /* the pill shows who is signed in */
body.pm-legacy > footer { border-top:1px solid var(--hair); color:var(--faint); }