body.theme-wosp-finale,
body.theme-wosp-finale.light-mode {
  --bg: #0B1230;
  --text: #F5F7FF;
  --muted: #B4BEE0;
  --border: rgba(227, 18, 45, 0.24);
  --glass: rgba(19, 28, 64, 0.88);
  --event-primary: #E3122D;
  --team-color: #E3122D;
  --shadow: 0 24px 60px rgba(2, 4, 16, 0.6);

  --skin-font: 'SF Pro Rounded', 'Nunito', system-ui, -apple-system, sans-serif;
  --skin-font-mono: 'SF Pro Rounded', 'Nunito', system-ui, -apple-system, sans-serif;
  --skin-heading-transform: none;
  --skin-card-bg: rgba(19, 28, 64, 0.9);
  --skin-card-border: rgba(227, 18, 45, 0.3);
  --skin-card-border-soft: rgba(255, 201, 74, 0.16);
  --skin-highlight: #FFC94A;
  --skin-accent-soft: rgba(227, 18, 45, 0.18);
  --skin-panel-bg: rgba(17, 25, 58, 0.97);
  --skin-panel-border: rgba(255, 201, 74, 0.18);
  --skin-task-bg: rgba(27, 38, 82, 0.85);
  --skin-task-border: rgba(52, 66, 122, 0.9);
  --skin-note-text: #D2D9F2;
  --skin-modal-bg: #151F47;
  --skin-modal-border: rgba(227, 18, 45, 0.34);
  --skin-accent-dark: #A30B20;
  --skin-accent-shadow: rgba(227, 18, 45, 0.38);
  --skin-nav-bg: rgba(20, 29, 66, 0.95);
  --skin-nav-border: rgba(255, 201, 74, 0.2);
  --skin-tab-inactive: #B4BEE0;
  --skin-overlay-bg: rgba(11, 18, 48, 0.6);
  --skin-noise: rgba(245, 247, 255, 0.015);
  --skin-vignette: rgba(2, 4, 16, 0.32);

  --no-bg-0: #0B1230;
  --no-bg-1: #111A3C;
  --no-bg-2: #18234D;
  --no-bg-3: #22305F;
  --no-line: rgba(180, 190, 224, 0.34);
  --no-line-soft: rgba(180, 190, 224, 0.16);
  --no-text-0: #F5F7FF;
  --no-text-1: #D2D9F2;
  --no-text-2: #A3AED3;
  --no-violet: #FF3B55;
  --no-cyan: #FFC94A;
  --no-grad-beam: linear-gradient(115deg, #FF3B55, #FF7A45 55%, #FFC94A);
  --font-d: 'SF Pro Rounded', 'Nunito', system-ui, -apple-system, sans-serif;
  --font-b: 'SF Pro Rounded', 'Nunito', system-ui, -apple-system, sans-serif;
}

body.theme-wosp-finale .setup {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 201, 74, 0.16) 0%, transparent 45%),
    radial-gradient(ellipse at 15% 85%, rgba(227, 18, 45, 0.22) 0%, transparent 50%),
    #0B1230 !important;
}

body.theme-wosp-finale .wizard-title {
  background: none;
  -webkit-text-fill-color: #F5F7FF;
  color: #F5F7FF;
}

body.theme-wosp-finale {
  background: var(--bg) !important;
}

body.theme-wosp-finale.skin-active::before {
  background:
    radial-gradient(ellipse 60% 22% at 50% 0%, rgba(255, 201, 74, 0.14), transparent 70%),
    radial-gradient(1.5px 1.5px at 12% 4%, rgba(255, 255, 255, 0.55), transparent 100%),
    radial-gradient(1.5px 1.5px at 28% 8%, rgba(255, 255, 255, 0.4), transparent 100%),
    radial-gradient(2px 2px at 71% 3%, rgba(255, 201, 74, 0.6), transparent 100%),
    radial-gradient(1.5px 1.5px at 86% 7%, rgba(255, 255, 255, 0.45), transparent 100%),
    radial-gradient(1.5px 1.5px at 54% 10%, rgba(255, 255, 255, 0.3), transparent 100%),
    repeating-linear-gradient(115deg, var(--skin-noise) 0px, var(--skin-noise) 1px, transparent 1px, transparent 3px),
    radial-gradient(ellipse at center, transparent 55%, var(--skin-vignette) 100%);
}

body.theme-wosp-finale .setup::before {
  background:
    radial-gradient(1.5px 1.5px at 12% 30%, rgba(255, 255, 255, 0.55), transparent 100%),
    radial-gradient(1.5px 1.5px at 28% 62%, rgba(255, 255, 255, 0.4), transparent 100%),
    radial-gradient(2px 2px at 71% 24%, rgba(255, 201, 74, 0.6), transparent 100%),
    radial-gradient(1.5px 1.5px at 86% 55%, rgba(255, 255, 255, 0.45), transparent 100%),
    radial-gradient(1.5px 1.5px at 54% 78%, rgba(255, 255, 255, 0.3), transparent 100%);
}

body.theme-wosp-finale .task-card {
  border-left: 4px solid var(--event-primary) !important;
  border-radius: 16px;
}

body.theme-wosp-finale .task-card.done {
  border-left-color: var(--skin-highlight) !important;
}

body.theme-wosp-finale .primary-action {
  border-radius: 999px;
  font-weight: 700;
}

body.theme-wosp-finale .hud-logo {
  background: radial-gradient(circle at 35% 30%, #FF4A5F, var(--event-primary) 55%, var(--skin-accent-dark)) !important;
}

body.theme-wosp-finale .bottom-nav .tab.active {
  box-shadow: inset 0 -3px 0 var(--event-primary);
}