/* ================= BASE ================= */
* { 
  box-sizing: border-box; 
}

:root{
  --bgTop: #0b1220;
  --bgBot: #05080f;

  --cardTop: #141c2f;
  --cardBot: #0f172a;

  --line: #1e2740;

  --blue: #3fa9f5;
  --blue2:#4da3ff;

  --textDim:#b9c3d6;
  --textDim2:#9aa4b2;

  --playerH: 84px; /* Player-Höhe für Cookie-Position & Body-Padding */
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background: linear-gradient(180deg, var(--bgTop) 0%, var(--bgBot) 100%);
  color: #fff;

  /* Platz für Player */
  padding-bottom: calc(var(--playerH) + 16px);
}

/* BODY LOCK WENN MODAL OFFEN */
body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}}