:root {
  color-scheme: dark;
  --bg: #07111f; --panel: #10223a; --panel-2: #162d49; --text: #f4f7ff;
  --muted: #b8c5d9; --energy: #5daeff; --quest: #a188ff; --earned: #f6cf69;
  --success: #63dbaa; --waiting: #f2bd67; --danger: #ff8792; --focus: #ffe08a;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem;
  --radius-sm: .65rem; --radius: 1rem; --radius-lg: 1.5rem;
  --shadow: 0 1rem 3rem rgba(0,0,0,.28); --motion-fast: 120ms; --motion: 220ms;
  --layer-focus: 10; --max-width: 76rem;
}