/* Generated from tokens.json by tokens-css.py. Do not edit. */
:root {
  --bg: #090b20;
  --bg-glow: #24295b;
  --panel: #141735;
  --feature-surface: #151938;
  --feature-art-bg: #101536;
  --card-art-bg: #242955;
  --state-symbol-bg: #292f5b;
  --toast-bg: #262b50;
  --header-bg: rgba(9, 11, 32, 0.9);
  --header-line: rgba(255, 255, 255, 0.08);
  --player-bg: #050612;
  --player-stage-glow: #1c2150;
  --player-header-bg: #11132f;
  --player-header-line: #292e55;
  --icon-button-bg: #23274d;
  --frame-bg: #111111;
  --ink: #f8f8ff;
  --muted: #b4b7d2;
  --feature-body: #d1d3e5;
  --line: #30365e;
  --feature-line: #3b4272;
  --card-hover-line: #6972ad;
  --icon-button-line: #3e4572;
  --toast-line: #4c5586;
  --lime: #d9ff57;
  --lime-ink: #121500;
  --lime-glow: rgba(217, 255, 87, 0.12);
  --cyan: #3ce8ff;
  --focus: #ffffff;
  --art-bubble-from: #2f86e9;
  --art-bubble-to: #11182c;
  --art-wheel-from: #075aa6;
  --art-wheel-to: #101d3a;
  --art-stacker-from: #ff855d;
  --art-stacker-to: #9f2f6e;
  --art-launch-from: #41e6ff;
  --art-launch-to: #3051c7;
  --art-block-from: #facd45;
  --art-block-to: #e85f42;
  --art-bounce-from: #a3f36b;
  --art-bounce-to: #279f92;
  --control-line: var(--card-hover-line);
  --sheet-bg: var(--feature-surface);
  --glass: rgba(9, 11, 32, 0.72);
  --chip-bg: rgba(255, 255, 255, 0.1);
  --liveops-deep: #0b3a5b;
  --liveops-sea: #12628f;
  --liveops-edge: #062238;
  --liveops-gold: #ffc53d;
  --liveops-foam: #cfe6f3;
  --space-gutter: 16px;
  --space-grid: 14px;
  --space-grid-mobile: 10px;
  --space-card: 15px;
  --space-feature: 44px;
  --space-section: 30px;
  --target-min: 44px;
  --play-min-height: 54px;
  --header-height: 60px;
  --content-max: 1180px;
  --rail-gap: 10px;
  --rail-card: 148px;
  --rail-card-wide: 236px;
  --billboard-overlap: 118px;
  --radius-feature: 28px;
  --radius-panel: 22px;
  --radius-card: 18px;
  --radius-frame: 16px;
  --radius-control: 12px;
  --radius-icon: 9px;
  --radius-pill: 999px;
  --radius-rail-card: 14px;
  --radius-sheet: 22px;
  --shadow-feature: 0 30px 90px rgba(0, 0, 0, 0.3);
  --shadow-play: 0 12px 30px rgba(217, 255, 87, 0.15);
  --shadow-play-hover: 0 16px 36px rgba(217, 255, 87, 0.22);
  --shadow-signin: 0 6px 18px rgba(217, 255, 87, 0.22);
  --shadow-frame: 0 24px 80px #000000;
  --shadow-toast: 0 16px 44px rgba(0, 0, 0, 0.4);
  --shadow-mark: 0 5px 10px rgba(0, 0, 0, 0.24);
  --shadow-rail-card: 0 10px 24px rgba(0, 0, 0, 0.35);
  --shadow-play-v2: 0 12px 30px rgba(217, 255, 87, 0.18);
  --shadow-liveops: 0 4px 0 #062238, 0 8px 18px rgba(4, 30, 50, 0.35);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-liveops: "Baloo 2", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;
}