:root {
  --brand-primary: #ff3c00;
  --brand-primary-rgb: 255, 60, 0;
  --brand-hover: #E64A19;
  --brand-hover-rgb: 230, 74, 25;
  --brand-text: #FFFFFF;
  --brand-on-primary-neon: #ffffff;
  --theme-accent: #ff6b00;
  --theme-accent-rgb: 255, 107, 0;
  --theme-accent-strong: #ff7a16;
  --theme-accent-dark: #d85c08;
  --theme-accent-fill-end: #ff5b00;
  --theme-on-accent: #FFFFFF;
  --theme-claim: #22C55E;
  --theme-claim-rgb: 34, 197, 94;
  --theme-claim-strong: #4ADE80;
  --theme-claim-dark: #16A34A;
  --theme-on-claim: #03130A;
  --theme-glow: #ff6b00;
  --theme-glow-rgb: 255, 107, 0;
  --theme-highlight: #22C55E;
  --theme-highlight-rgb: 34, 197, 94;
  --theme-on-highlight: #03130A;
  --theme-modal-accent: var(--brand-primary);
  --theme-modal-accent-rgb: var(--brand-primary-rgb);
  --theme-modal-accent-strong: var(--brand-primary);
  --theme-modal-accent-strong-rgb: var(--brand-primary-rgb);
  --theme-modal-accent-dark: var(--brand-hover);
  --theme-modal-accent-dark-rgb: var(--brand-hover-rgb);
  --theme-modal-prism: #ff7a16;
  --theme-modal-prism-rgb: 255, 122, 22;
  --theme-on-modal-accent: var(--theme-on-accent);
  --theme-surface-accent: #d85c08;
  --theme-surface-accent-rgb: 216, 92, 8;
  --theme-promo: #22C55E;
  --theme-promo-rgb: 34, 197, 94;
  --theme-promo-strong: #4ADE80;
  --theme-promo-strong-rgb: 74, 222, 128;
  --theme-promo-dark: #16A34A;
  --theme-promo-dark-rgb: 22, 163, 74;
  --theme-on-promo: #03130A;
  --theme-success: #22C55E;
  --theme-success-rgb: 34, 197, 94;
  --theme-on-success: #03130A;
  --theme-warning: #F59E0B;
  --theme-warning-rgb: 245, 158, 11;
  --theme-on-warning: #120A00;
  --theme-danger: #EF4444;
  --theme-danger-rgb: 239, 68, 68;
  --theme-on-danger: #FFFFFF;
  --theme-info: #38BDF8;
  --theme-info-rgb: 56, 189, 248;
  --theme-on-info: #03131C;
  --player-shell-bg: #06101F;
  --player-shell-bg-rgb: 6, 16, 31;
  --player-shell-bg-deep: #020A18;
  --player-shell-bg-deep-rgb: 2, 10, 24;
  --player-shell-surface-start: #081E37;
  --player-shell-surface-end: #0F3157;
  --player-shell-surface-bottom-end: #113863;
  --player-shell-surface-muted-end: #0C2847;
  --player-shell-surface-soft-start: #07182E;
  --player-shell-surface-soft-end: #0B294A;
  --player-shell-surface-info-end: #0F3761;
  --player-ambient: #3168C2;
  --player-ambient-rgb: 49, 104, 194;
  --player-ambient-strong: #4E8DF8;
  --player-ambient-strong-rgb: 78, 141, 248;
  --player-ambient-soft: #1F4D95;
  --player-ambient-soft-rgb: 31, 77, 149;
  --player-on-ambient: #FFFFFF;
  --player-ambient-glow: rgba(var(--player-ambient-rgb), 0.12);
  --player-ambient-glow-soft: rgba(var(--player-ambient-rgb), 0.06);
  --player-ambient-glow-strong: rgba(var(--player-ambient-strong-rgb), 0.22);
  --player-ambient-border: 1px solid rgba(var(--player-ambient-rgb), 0.20);
  --player-ambient-border-soft: 1px solid rgba(var(--player-ambient-rgb), 0.14);
  --player-ambient-border-strong: 1px solid rgba(var(--player-ambient-strong-rgb), 0.42);
  --player-action-bg: var(--brand-primary);
  --player-action-bg-rgb: var(--brand-primary-rgb);
  --player-action-hover-bg: var(--brand-hover);
  --player-action-hover-rgb: var(--brand-hover-rgb);
  --player-action-text: var(--theme-on-accent);
  --player-action-shadow: 0 4px 14px rgba(var(--brand-primary-rgb), 0.28);
  --surface-body: var(--player-shell-bg);
  --player-navy-start: var(--player-shell-surface-start);
  --player-navy-end: var(--player-shell-surface-end);
  --player-navy-bottom-end: var(--player-shell-surface-bottom-end);
  --player-navy-muted-end: var(--player-shell-surface-muted-end);
  --player-navy-soft-start: var(--player-shell-surface-soft-start);
  --player-navy-soft-end: var(--player-shell-surface-soft-end);
  --player-navy-info-end: var(--player-shell-surface-info-end);
  --surface-header-start: var(--player-navy-start);
  --surface-header-end: var(--player-navy-end);
  --surface-panel: #1a1a1a;
  --surface-panel-2: #20262d;
  --border-subtle: rgba(255, 255, 255, 0.10);
  --player-surface-header-bg: #0B2A4C;
  --player-surface-header-border: var(--player-ambient-border);
  --player-shadow-header: 0 3px 10px rgba(0, 0, 0, 0.42);
  --player-surface-bottom-bg: #0B2A4C;
  --player-surface-bottom-border: var(--player-ambient-border);
  --player-shadow-bottom: 0 -4px 14px rgba(0, 0, 0, 0.46);
  --player-shadow-bottom-strong: 0 -4px 18px rgba(0, 0, 0, 0.62);
  --player-surface-card-linear-bg: #0B2A4C;
  --player-surface-card-bg: #0B2A4C;
  --player-surface-compact-bg: #0B2F55;
  --player-sidebar-bg:
    radial-gradient(700px 320px at 0% 0%, var(--player-ambient-glow-soft), transparent 62%),
    linear-gradient(180deg, #071a31 0%, #0a2440 100%);
  --player-sidebar-border: var(--player-ambient-border);
  --player-sidebar-shadow: 12px 0 32px rgba(0, 0, 0, 0.45);
  --player-scrollbar-track: rgba(2, 10, 24, 0.86);
  --player-scrollbar-thumb: rgba(var(--player-ambient-rgb), 0.42);
  --player-field-bg: #0B2F55;
  --player-field-hover-bg: #0E3A68;
  --player-field-border: var(--player-ambient-border);
  --player-control-bg: #0A294A;
  --player-control-border: var(--player-ambient-border);
  --player-scratch-cover-bg: #071a31;
  --player-scratch-line-color: rgba(var(--player-ambient-rgb), 0.18);
  --player-scratch-line-muted: rgba(226, 232, 255, 0.08);
  --player-empty-bg: #0A294A;
  --player-empty-border: var(--player-ambient-border);
  --player-empty-icon-color: var(--brand-primary);
  --player-empty-title: rgba(255, 255, 255, 0.94);
  --player-empty-text: rgba(226, 232, 255, 0.72);
  --player-list-card-bg: #0A294A;
  --player-list-card-border: var(--player-ambient-border);
  --player-list-card-shadow: 0 6px 16px rgba(0, 0, 0, 0.24);
  --player-list-media-bg: #08223F;
  --player-list-title: rgba(255, 255, 255, 0.94);
  --player-list-text: rgba(226, 232, 255, 0.76);
  --player-list-muted: rgba(226, 232, 255, 0.58);
  --player-list-value: var(--brand-primary);
  --player-live-strip-bg: #082640;
  --player-live-label-bg: #0A2A48;
  --player-live-label-border: var(--player-ambient-border-soft);
  --player-back-button-bg: #0A294A;
  --player-back-button-border: var(--player-ambient-border-strong);
  --player-back-button-text: var(--brand-primary);
  --player-back-button-hover-bg: #0B2F55;
  --player-back-button-hover-border: 1px solid rgba(var(--player-ambient-strong-rgb), 0.58);
  --player-back-button-hover-text: var(--brand-hover);
  --player-button-primary-bg: linear-gradient(135deg, var(--player-action-bg), var(--player-action-hover-bg));
  --player-button-primary-text: var(--player-action-text);
  --player-affiliate-accent: var(--theme-accent);
  --player-affiliate-accent-rgb: var(--theme-accent-rgb);
  --player-affiliate-accent-strong: var(--theme-accent-strong);
  --player-affiliate-accent-dark: var(--theme-accent-dark);
  --player-affiliate-on-accent: var(--theme-on-accent);
  --player-affiliate-soft-bg: rgba(var(--player-ambient-rgb), 0.10);
  --player-affiliate-soft-hover-bg: rgba(var(--player-ambient-rgb), 0.16);
  --player-affiliate-soft-border: var(--player-ambient-border-soft);
  --player-affiliate-soft-hover-border: var(--player-ambient-border);
  --player-affiliate-performance-bg:
    radial-gradient(620px 260px at 8% 0%, var(--player-ambient-glow), transparent 68%),
    var(--player-surface-card-bg);
  --player-affiliate-performance-border: var(--player-ambient-border);
  --player-affiliate-hero-bg:
    radial-gradient(340px 220px at 82% 34%, var(--player-ambient-glow), transparent 60%),
    linear-gradient(150deg, rgba(7, 24, 46, 0.96), rgba(7, 31, 58, 0.88));
  --player-affiliate-hero-border: var(--player-ambient-border-strong);
  --player-affiliate-hero-hover-border: 1px solid rgba(var(--player-ambient-strong-rgb), 0.52);
  --player-affiliate-kpi-bg:
    radial-gradient(260px 150px at 18% 0%, var(--player-ambient-glow), transparent 62%),
    linear-gradient(150deg, rgba(7, 24, 46, 0.92), rgba(7, 31, 58, 0.84));
  --player-affiliate-kpi-hover-bg:
    radial-gradient(280px 160px at 18% 0%, var(--player-ambient-glow-strong), transparent 64%),
    linear-gradient(150deg, rgba(8, 27, 52, 0.95), rgba(8, 35, 66, 0.88));
  --player-affiliate-kpi-border: var(--player-ambient-border-strong);
  --player-affiliate-kpi-hover-border: 1px solid rgba(var(--player-ambient-strong-rgb), 0.52);
  --player-affiliate-kpi-icon-bg:
    radial-gradient(120px 90px at 30% 12%, var(--player-ambient-glow-strong), transparent 70%),
    linear-gradient(145deg, rgba(18, 68, 132, 0.86), rgba(9, 34, 72, 0.82));
  --player-affiliate-kpi-icon-border: var(--player-ambient-border-strong);
  --player-affiliate-kpi-icon-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.24);
  --player-affiliate-icon-bg:
    radial-gradient(120px 90px at 30% 12%, var(--player-ambient-glow-strong), transparent 70%),
    linear-gradient(145deg, rgba(18, 68, 132, 0.86), rgba(9, 34, 72, 0.82));
  --player-affiliate-icon-border: var(--player-ambient-border-strong);
  --player-affiliate-icon-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.24);
  --player-affiliate-promo-bg:
    radial-gradient(420px 180px at 12% 0%, var(--player-ambient-glow), transparent 70%),
    linear-gradient(135deg, rgba(8, 30, 55, 0.78), rgba(4, 14, 30, 0.88));
  --player-affiliate-promo-border: var(--player-ambient-border);
  --player-affiliate-promo-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 28px rgba(0, 0, 0, 0.28);
  --player-affiliate-action-bg: var(--player-action-bg);
  --player-affiliate-action-hover-bg: var(--player-action-hover-bg);
  --player-affiliate-action-text: var(--player-action-text);
  --player-affiliate-action-shadow: var(--player-action-shadow);
  --player-affiliate-success: var(--theme-success);
  --player-affiliate-success-rgb: var(--theme-success-rgb);
  --player-affiliate-success-bg: rgba(var(--theme-success-rgb), 0.14);
  --player-affiliate-warning: var(--theme-warning);
  --player-affiliate-warning-rgb: var(--theme-warning-rgb);
  --player-affiliate-warning-bg: rgba(var(--theme-warning-rgb), 0.14);
  --player-mission-accent: var(--theme-accent);
  --player-mission-accent-rgb: var(--theme-accent-rgb);
  --player-mission-accent-strong: var(--theme-accent-strong);
  --player-mission-accent-dark: var(--theme-accent-dark);
  --player-mission-on-accent: var(--theme-on-accent);
  --player-mission-claim-bg: linear-gradient(180deg, var(--theme-claim-strong) 0%, var(--theme-claim-dark) 100%);
  --player-mission-claim-text: var(--theme-on-claim);
  --player-mission-claim-shadow: 0 8px 20px rgba(var(--theme-claim-rgb), 0.34);
  --player-mission-claim-ring: 0 0 0 4px rgba(var(--theme-claim-rgb), 0.14);
  --player-mission-claim-hover-shadow: 0 10px 28px rgba(var(--theme-claim-rgb), 0.44);
  --player-mission-card-bg:
    radial-gradient(420px 210px at 12% 8%, var(--player-ambient-glow-strong), transparent 68%),
    linear-gradient(150deg, #102846 0%, #071b31 58%, #07182d 100%);
  --player-mission-card-hover-bg:
    radial-gradient(460px 230px at 12% 8%, var(--player-ambient-glow-strong), transparent 68%),
    linear-gradient(150deg, #132e51 0%, #08203a 58%, #07182d 100%);
  --player-mission-card-pressed-bg:
    radial-gradient(420px 210px at 12% 8%, var(--player-ambient-glow), transparent 68%),
    linear-gradient(150deg, #0b213b 0%, #07182d 58%, #061326 100%);
  --player-mission-card-state-bg:
    radial-gradient(420px 210px at 12% 8%, var(--player-ambient-glow), transparent 68%),
    linear-gradient(150deg, #102846 0%, #071b31 58%, #07182d 100%);
  --player-mission-card-border: 1px solid rgba(117, 157, 220, 0.18);
  --player-mission-card-hover-border: 1px solid rgba(143, 181, 242, 0.28);
  --player-mission-card-shadow:
    0 16px 34px rgba(0, 0, 0, 0.34),
    inset 0 0 0 1px rgba(255, 255, 255, 0.028);
  --player-mission-thumb-bg:
    linear-gradient(160deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.035)),
    rgba(18, 36, 64, 0.72);
  --player-mission-thumb-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
  --player-mission-icon-shadow: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.24));
  --player-mission-title-color: #ffffff;
  --player-mission-badge-bg: linear-gradient(180deg, var(--player-mission-accent-strong) 0%, var(--player-mission-accent-dark) 100%);
  --player-mission-badge-text: var(--player-mission-on-accent);
  --player-mission-badge-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
  --player-mission-action-bg: rgba(9, 28, 52, 0.62);
  --player-mission-action-hover-bg: rgba(14, 39, 70, 0.82);
  --player-mission-action-border: 1px solid rgba(126, 164, 226, 0.30);
  --player-mission-action-hover-border: 1px solid rgba(155, 191, 248, 0.48);
  --player-mission-action-text: rgba(255, 255, 255, 0.92);
  --player-mission-action-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
  --player-mission-progress-bg: rgba(25, 45, 75, 0.90);
  --player-mission-progress-border: 1px solid rgba(126, 164, 226, 0.14);
  --player-mission-progress-fill: linear-gradient(180deg, var(--player-mission-accent-strong) 0%, var(--theme-accent-fill-end) 100%);
  --player-mission-progress-fill-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
  --player-mission-progress-text: #ffffff;
  --player-mission-progress-text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.88),
    0 0 4px rgba(0, 0, 0, 0.72);
  --player-mission-timer-text: rgba(255, 255, 255, 0.86);
}