:root {
  --stage-width: 1080px;
  --stage-height: 1920px;
  --safe-x: 54px;
  --essential-bottom: 1430px;
  --interaction-reserve-height: 490px;
  --header-x: 54px;
  --header-y: 120px;
  --header-width: 972px;
  --header-height: 140px;
  --scene-x: 54px;
  --scene-y: 280px;
  --scene-width: 972px;
  --scene-height: 778px;
  --camera-x: 54px;
  --camera-y: 1098px;
  --camera-size: 176px;
  --support-x: 250px;
  --support-y: 1098px;
  --support-width: 776px;
  --support-height: 176px;
  --rail-x: 54px;
  --rail-y: 1280px;
  --rail-width: 972px;
  --rail-height: 150px;

  --color-black: #02030a;
  --color-stage: #050713;
  --color-navy: #071126;
  --color-panel: rgba(7, 13, 31, 0.94);
  --color-panel-soft: rgba(10, 20, 46, 0.86);
  --color-panel-bright: rgba(14, 31, 68, 0.91);
  --color-white: #f8fbff;
  --color-muted: #91a5ca;
  --color-cyan: #27e6ff;
  --color-blue: #3a7cff;
  --color-indigo: #655cff;
  --color-green: #38ec92;
  --color-gold: #ffd45b;
  --color-yellow: #ffe45f;
  --color-orange: #ff9b42;
  --color-red: #ff4f5c;
  --border-soft: rgba(120, 213, 255, 0.24);
  --border-medium: rgba(61, 218, 255, 0.42);
  --border-strong: rgba(39, 230, 255, 0.78);
  --radius-large: 30px;
  --radius-medium: 22px;
  --radius-small: 14px;
  --shadow-cyan: 0 0 18px rgba(39, 230, 255, 0.20), 0 0 44px rgba(39, 230, 255, 0.10);
  --shadow-gold: 0 0 20px rgba(255, 212, 91, 0.24), 0 0 48px rgba(255, 212, 91, 0.10);
  --ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-impact: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 250ms;
  --duration-standard: 450ms;
  --duration-major: 800ms;
  --font-display: Inter, Arial, Helvetica, sans-serif;
  --font-body: Inter, Arial, Helvetica, sans-serif;
}