/* ── THEME: GRUNGE ────────────────────────────────────────────────────────── */
:root {
  --font-display: 'Oswald', sans-serif;
  --font-body:    'Helvetica Neue', Arial, sans-serif;

  --player-h:    80px;
  --header-h:    56px;
  --chips-h:     48px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --radius-card: 6px;
  --radius-btn:  4px;
  --radius-pill: 20px;

  --bg:        #141210;
  --surface:   #1e1a16;
  --surface2:  #28221c;
  --border:    rgba(180,160,100,0.10);
  --border2:   rgba(180,160,100,0.22);
  --accent:    #b5813a;
  --accent2:   #7a9e3b;
  --text:      #d4c9b0;
  --text-soft: rgba(212,201,176,0.8);
  --muted:     #7a6e5a;
  --muted2:    #3d3428;

  --player-bg:         #0c0a08;
  --billboard-dim:     0.40;
  --billboard-overlay: linear-gradient(to right, rgba(20,18,16,0.95) 30%, transparent 75%);
  --row-fade-l:        linear-gradient(to right, rgba(20,18,16,0.9), transparent);
  --row-fade-r:        linear-gradient(to left,  rgba(20,18,16,0.9), transparent);
}