:root {
  --bg-primary: rgba(0, 0, 0, 0.2);
  --bg-secondary: rgba(0, 0, 0, 0.15);
  --bg-card: rgba(0, 0, 0, 0.25);
  --gold: #d4a843;
  --gold-light: #f0d080;
  --gold-dark: #b8922e;
  --accent-blue: #4a8fd4;
  --accent-cyan: #00d4ff;
  --accent-magenta: #ff44aa;
  --text-primary: #e8e8e8;
  --text-secondary: #8a9bb5;
  --border-glow: rgba(212, 168, 67, 0.3);
}

@font-face {
  font-family: 'SourceHanSansSC';
  src: url('../fonts/SourceHanSansSC-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

* { scrollbar-width: thin; scrollbar-color: var(--gold-dark) var(--bg-primary); }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.15); }
::-webkit-scrollbar-thumb { background: var(--gold-dark); border-radius: 3px; }

body {
  background: url('../img/bg.jpg') center/cover fixed;
  color: var(--text-primary);
  font-family: 'SourceHanSansSC', 'Segoe UI', system-ui, -apple-system, sans-serif;
  min-height: 100vh;
  padding-top: 70px;
  padding-bottom: 0;
}
body.has-player { padding-bottom: 64px; }

::selection { background: rgba(212, 168, 67, 0.4); }