/* ACTIVATED — Maße und Werte der Szenen. Erzeugt aus site.json, nicht von Hand ändern. */
:root {
  --st-genre-marker: #12ff00;
  --st-plane-ratio: 1.77683;
  --st-plane-focus: 0.5012;
  --st-band-left: 32.775%;
  --st-band-top: 16.578%;
  --st-band-width: 34.928%;
  --st-band-height: 9.777%;
  --st-sign-x: 50.239%;
  --st-sign-y: 21.467%;
  --st-sign-width: 15.909%;
  --st-glass-left: 5.263%;
  --st-glass-width: 89.833%;
  --st-glass-top: 26.993%;
  --st-glass-bottom: 70.138%;
  --st-ticker-top: 28.055%;
  --st-ticker-height: 6.482%;
  --st-floor-top: 71.201%;
  --st-lift-x: 50%;
  --st-lift-y: 48%;
}

.st-world {
  --bg: #050403;
  --bg-deep: #000000;
  --surface: #0e0b06;
  --surface-raised: #1a1509;
  --surface-hover: #2d2300;
  --surface-glass: #0e0b06e8;
  --scrim: #0503026b;
  --panel-start: #17120aee;
  --panel-end: #080603f5;
  --dialog-start: #251d0ef0;
  --dialog-end: #0a0804ed;
  --nav-shade: #0504039c;
  --media-shade-strong: #00000088;
  --media-shade-soft: #00000033;
  --text: #ffffff;
  --text-soft: #f3efe4;
  --text-muted: #c5bfae;
  --text-dim: #a19a86;
  --on-accent: #000000;
  --accent: #d4af37;
  --accent-hover: #f5ce47;
  --accent-alt: #fbd789;
  --accent-text: #d4af37;
  --accent-tint: #f9f0a1;
  --accent-soft: #d4af371e;
  --accent-line: #d4af3780;
  --line: #fbd78926;
  --line-strong: #fbd78950;
  --line-control: #c2b280;
  --danger: #ff6a7c;
  --danger-soft: #7b17233d;
  --warning: #ff9d3d;
  --success: #8fe3a0;
  --focus: #d4af37;
  --shadow-card: 0 3px 9px #00000044;
  --shadow-float: 0 14px 35px #00000055;
  --shadow-panel: 0 0 0 5px #0f0c0625, 0 0 55px #d4af3712, 0 25px 90px #00000099, inset 0 1px #fbd78959;
  --shadow-dialog: 0 0 90px #d4af3720, 0 30px 90px #00000088, inset 0 1px #fff6d933;
  --glow-hover: 0 0 24px #d4af3733;
  --glow-sm: 0 0 12px #d4af3766;
  --glow-md: 0 0 14px 2px #d4af3780;
  --glow-lg: 0 0 70px #d4af3722, 0 0 160px #d4af3712, 0 56px 110px -34px #d4af3766, 0 30px 80px #000000cc;
}