/* Atherea "rift dawn" theme: warm plum night, gold + rose gold + amethyst + teal accents, soft glass panels.
   Loaded after style.css and atherea.css, so it only re-tints what they define. */
:root {
  --bg: #0d0a11; --panel: #16111b; --panel2: #1c1622; --line: #2e2533; --text: #f1ebe6; --mute: #a99fae;
  --gold: #d8b26a; --gold-hi: #f2d28e; --rose: #f0a6b5; --amethyst: #b48ae6; --teal: #6fd6c6;
}
body {
  background:
    radial-gradient(70vw 50vh at 85% -10%, #b48ae61f, transparent 70%),
    radial-gradient(60vw 50vh at -10% 30%, #f0a6b514, transparent 70%),
    radial-gradient(60vw 60vh at 50% 120%, #6fd6c612, transparent 70%),
    var(--bg);
  background-attachment: fixed;
}
.topbar.solid { background: #0d0a11ee; border-color: #f0a6b533; }
.mainnav a:hover, .mainnav a.on { color: var(--rose); }
.mainnav a.on::before { color: var(--amethyst); }
.eyebrow { color: var(--rose); }
.page-head h1, .block-head h2 {
  background: linear-gradient(100deg, #fff3dc, var(--gold-hi) 40%, var(--rose) 75%, var(--amethyst));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.at-h2 { color: var(--gold-hi); }
.at-box { background: linear-gradient(160deg, #1b1420e6, #130f17e6); border: 1px solid #ffffff12; border-radius: 18px;
  box-shadow: 0 10px 30px #0006, inset 0 1px 0 #ffffff0a; }
.btn-gold { background: linear-gradient(100deg, var(--gold-hi), #f3b98f 60%, var(--rose)); color: #23131b; box-shadow: 0 6px 24px #f0a6b544; }
.btn-gold:hover { filter: brightness(1.08); box-shadow: 0 8px 30px #f0a6b577; }
.btn-line { box-shadow: inset 0 0 0 1px #f0a6b580; color: #f6d9df; }
.btn-line:hover { box-shadow: inset 0 0 0 1px var(--rose); background: #f0a6b514; }
a:hover { color: var(--rose); }
::selection { background: #f0a6b566; }
/* cards across pages get the same soft, rounded glass look */
.pl-card, .cr-card, .pp-item, .pp-slot, .wm-det, .lb-r, .bt-dcc { border-radius: 16px; }
.pl-card, .pp-item, .pp-slot { background: linear-gradient(160deg, #1b1420, #130f17); border-color: #ffffff14; }
.pl-card:hover, .pp-item:hover { border-color: #f0a6b566; box-shadow: 0 8px 26px #f0a6b522; }
/* sparkles on the gold numbers make progress feel rewarding */
@keyframes thShine { 0%, 100% { text-shadow: 0 0 0 transparent } 50% { text-shadow: 0 0 14px #f2d28e88 } }
.lb-step .v, .bt-ring b, .hm-stats b { animation: thShine 4s ease-in-out infinite; }