/* =========================================================
   CHESSREVEAL — AMBIENT GLOW SYSTEM V2

   IMPORTANT:
   - cyan/fuchsia are used ONLY as ambient background glow
   - no text recoloring
   - no border recoloring
   - no icon recoloring
   - no accent-line recoloring
   - no layout changes
   ========================================================= */

:root {
    --cr-cyan-rgb: 39, 199, 232;
    --cr-fuchsia-rgb: 255, 43, 214;
}


/* =========================================================
   GENERAL AMBIENT GLOW RECIPES
   ========================================================= */

/*
   These are deliberately broad, soft radial gradients.
   Existing background-color stays untouched; we only layer
   glow on top through background-image.
*/


/* =========================================================
   PLAYER PROFILE
   ========================================================= */

/* Hero / identity overview — mixed premium ambience */
body.chess-dna-page-v4 .dna-v5-profile-overview {
    background-image:
        radial-gradient(
            760px 420px at 88% 12%,
            rgba(var(--cr-cyan-rgb), .12),
            rgba(var(--cr-cyan-rgb), .055) 28%,
            transparent 64%
        ),
        radial-gradient(
            720px 420px at 6% 0%,
            rgba(var(--cr-fuchsia-rgb), .095),
            rgba(var(--cr-fuchsia-rgb), .035) 30%,
            transparent 66%
        ) !important;
}

/* Archetype / profile identity */
body.chess-dna-page-v4 .dna-v5-archetype-card {
    background-image:
        radial-gradient(
            560px 320px at 10% 6%,
            rgba(var(--cr-fuchsia-rgb), .11),
            rgba(var(--cr-fuchsia-rgb), .035) 34%,
            transparent 70%
        ) !important;
}

/* Strengths — soft cyan wash only */
body.chess-dna-page-v4 .dna-v5-signal-strengths {
    background-image:
        radial-gradient(
            620px 360px at 10% 16%,
            rgba(var(--cr-cyan-rgb), .105),
            rgba(var(--cr-cyan-rgb), .035) 36%,
            transparent 72%
        ) !important;
}

/* Risks — fuchsia ambient wash only */
body.chess-dna-page-v4 .dna-v5-signal-risks {
    background-image:
        radial-gradient(
            620px 360px at 10% 14%,
            rgba(var(--cr-fuchsia-rgb), .095),
            rgba(var(--cr-fuchsia-rgb), .032) 34%,
            transparent 72%
        ) !important;
}

/* Stability / checkpoints */
body.chess-dna-page-v4 .dna-v5-stability {
    background-image:
        radial-gradient(
            700px 380px at 76% 10%,
            rgba(var(--cr-cyan-rgb), .085),
            rgba(var(--cr-cyan-rgb), .027) 38%,
            transparent 74%
        ) !important;
}

/* Footer / final interpretation block if present */
body.chess-dna-page-v4 .dna-v5-bottom-grid,
body.chess-dna-page-v4 .dna-v5-summary {
    background-image:
        radial-gradient(
            680px 360px at 14% 10%,
            rgba(var(--cr-fuchsia-rgb), .06),
            transparent 68%
        ),
        radial-gradient(
            680px 360px at 90% 12%,
            rgba(var(--cr-cyan-rgb), .055),
            transparent 70%
        ) !important;
}


/* =========================================================
   WEAKNESS MAP
   ========================================================= */

/* Main diagnosis — fuchsia halo */
body.weakness-map-page-v5 .weakness-v4-priority-main {
    background-image:
        radial-gradient(
            760px 440px at 10% 4%,
            rgba(var(--cr-fuchsia-rgb), .14),
            rgba(var(--cr-fuchsia-rgb), .055) 32%,
            transparent 68%
        ) !important;
}

/* Secondary weakness — quieter fuchsia */
body.weakness-map-page-v5 .weakness-v4-priority-secondary {
    background-image:
        radial-gradient(
            640px 360px at 14% 2%,
            rgba(var(--cr-fuchsia-rgb), .075),
            rgba(var(--cr-fuchsia-rgb), .025) 38%,
            transparent 72%
        ) !important;
}

/* Context / evidence */
body.weakness-map-page-v5 .weakness-v4-context-panel {
    background-image:
        radial-gradient(
            720px 400px at 82% 12%,
            rgba(var(--cr-cyan-rgb), .12),
            rgba(var(--cr-cyan-rgb), .04) 34%,
            transparent 72%
        ) !important;
}

/* Lessons / evidence section */
body.weakness-map-page-v5 .weakness-v2-lessons-section {
    background-image:
        radial-gradient(
            820px 460px at 88% 0%,
            rgba(var(--cr-cyan-rgb), .105),
            rgba(var(--cr-cyan-rgb), .03) 36%,
            transparent 74%
        ) !important;
}

/* Signals */
body.weakness-map-page-v5 .weakness-v2-signals-section {
    background-image:
        radial-gradient(
            700px 400px at 8% 0%,
            rgba(var(--cr-cyan-rgb), .08),
            rgba(var(--cr-cyan-rgb), .022) 38%,
            transparent 72%
        ) !important;
}

/* Map / breakdown / distribution surfaces */
body.weakness-map-page-v5 .weakness-v4-map,
body.weakness-map-page-v5 .weakness-v4-breakdown,
body.weakness-map-page-v5 .weakness-v4-distribution {
    background-image:
        radial-gradient(
            660px 380px at 84% 18%,
            rgba(var(--cr-cyan-rgb), .075),
            transparent 72%
        ) !important;
}

/* Next-step / CTA — mixed ambience */
body.weakness-map-page-v5 .weakness-v2-next-step {
    background-image:
        radial-gradient(
            680px 360px at 8% 45%,
            rgba(var(--cr-cyan-rgb), .07),
            transparent 66%
        ),
        radial-gradient(
            700px 380px at 92% 42%,
            rgba(var(--cr-fuchsia-rgb), .10),
            transparent 68%
        ) !important;
}


/* =========================================================
   TRAINING
   ========================================================= */

/* Primary training priority */
body.training-page-v8 .training-v6-primary {
    background-image:
        radial-gradient(
            720px 420px at 10% 2%,
            rgba(var(--cr-fuchsia-rgb), .11),
            rgba(var(--cr-fuchsia-rgb), .034) 34%,
            transparent 72%
        ) !important;
}

/* Secondary training priority */
body.training-page-v8 .training-v6-secondary {
    background-image:
        radial-gradient(
            680px 380px at 12% 4%,
            rgba(var(--cr-cyan-rgb), .085),
            rgba(var(--cr-cyan-rgb), .025) 38%,
            transparent 72%
        ) !important;
}

/* Plan context */
body.training-page-v8 .training-v6-context-card {
    background-image:
        radial-gradient(
            700px 400px at 80% 12%,
            rgba(var(--cr-cyan-rgb), .10),
            rgba(var(--cr-cyan-rgb), .03) 36%,
            transparent 72%
        ) !important;
}

/* Interactive Training — stronger cyan ambient panel */
body.training-page-v8 .training-puzzle-hub {
    background-image:
        radial-gradient(
            980px 520px at 82% 34%,
            rgba(var(--cr-cyan-rgb), .15),
            rgba(var(--cr-cyan-rgb), .055) 32%,
            transparent 68%
        ),
        radial-gradient(
            720px 380px at 5% 0%,
            rgba(var(--cr-fuchsia-rgb), .065),
            transparent 66%
        ) !important;
}

/* Actual puzzle session */
body.training-page-v8 #trainingPuzzleSession:not(.hidden) {
    background-image:
        radial-gradient(
            900px 500px at 14% 12%,
            rgba(var(--cr-cyan-rgb), .105),
            rgba(var(--cr-cyan-rgb), .028) 36%,
            transparent 72%
        ),
        radial-gradient(
            760px 420px at 94% 8%,
            rgba(var(--cr-fuchsia-rgb), .045),
            transparent 70%
        ) !important;
}

/* Weekly plan / stage area */
body.training-page-v8 .training-v4-stage-rail,
body.training-page-v8 .training-week-section,
body.training-page-v8 .training-v4-extra-practice {
    background-image:
        radial-gradient(
            760px 420px at 12% 4%,
            rgba(var(--cr-cyan-rgb), .055),
            transparent 72%
        ),
        radial-gradient(
            700px 360px at 90% 18%,
            rgba(var(--cr-fuchsia-rgb), .045),
            transparent 70%
        ) !important;
}

/* Session results / after-day summary */
body.training-page-v8 .training-v4-after-week,
body.training-page-v8 .training-puzzle-complete {
    background-image:
        radial-gradient(
            680px 360px at 84% 12%,
            rgba(var(--cr-fuchsia-rgb), .08),
            transparent 70%
        ),
        radial-gradient(
            680px 360px at 10% 14%,
            rgba(var(--cr-cyan-rgb), .06),
            transparent 70%
        ) !important;
}


/* =========================================================
   ABOUT
   ========================================================= */

/* Hero diagram */
body.about-page-v2 .about-v2-hero-diagram {
    background-image:
        radial-gradient(
            780px 420px at 22% 30%,
            rgba(var(--cr-cyan-rgb), .105),
            transparent 68%
        ),
        radial-gradient(
            760px 420px at 82% 60%,
            rgba(var(--cr-fuchsia-rgb), .075),
            transparent 70%
        ) !important;
}

/* Why / explanation blocks */
body.about-page-v2 .about-v2-why,
body.about-page-v2 .about-v2-how-read {
    background-image:
        radial-gradient(
            720px 380px at 10% 4%,
            rgba(var(--cr-cyan-rgb), .055),
            transparent 72%
        ) !important;
}

/* Evidence lab */
body.about-page-v2 .about-v2-lab {
    background-image:
        radial-gradient(
            900px 500px at 82% 12%,
            rgba(var(--cr-cyan-rgb), .135),
            rgba(var(--cr-cyan-rgb), .04) 34%,
            transparent 72%
        ) !important;
}

/* Lab stage */
body.about-page-v2 .about-v2-lab-stage {
    background-image:
        radial-gradient(
            720px 400px at 88% 0%,
            rgba(var(--cr-cyan-rgb), .085),
            transparent 72%
        ) !important;
}

/* Sample lens */
body.about-page-v2 .about-v2-sample-lab {
    background-image:
        radial-gradient(
            760px 420px at 88% 16%,
            rgba(var(--cr-cyan-rgb), .075),
            transparent 72%
        ) !important;
}

/* Boundaries / glossary */
body.about-page-v2 .about-v2-boundaries,
body.about-page-v2 .about-v2-glossary {
    background-image:
        radial-gradient(
            700px 380px at 12% 8%,
            rgba(var(--cr-cyan-rgb), .045),
            transparent 72%
        ),
        radial-gradient(
            700px 380px at 90% 12%,
            rgba(var(--cr-fuchsia-rgb), .04),
            transparent 72%
        ) !important;
}

/* Manifesto */
body.about-page-v2 .about-v2-manifesto {
    background-image:
        radial-gradient(
            760px 420px at 12% 14%,
            rgba(var(--cr-fuchsia-rgb), .11),
            rgba(var(--cr-fuchsia-rgb), .032) 36%,
            transparent 72%
        ) !important;
}

/* Final CTA */
body.about-page-v2 .about-v2-final {
    background-image:
        radial-gradient(
            760px 400px at 8% 42%,
            rgba(var(--cr-cyan-rgb), .06),
            transparent 68%
        ),
        radial-gradient(
            780px 420px at 92% 42%,
            rgba(var(--cr-fuchsia-rgb), .095),
            transparent 70%
        ) !important;
}


/* =========================================================
   GAME REVIEW
   Existing functional colors remain untouched.
   We add ONLY ambient surfaces.
   ========================================================= */

/* Free Analysis / Analysis Line */
body.game-review-page-v8 .game-review-analysis-variation {
    background-image:
        radial-gradient(
            760px 360px at 8% 16%,
            rgba(var(--cr-cyan-rgb), .13),
            rgba(var(--cr-cyan-rgb), .042) 34%,
            transparent 72%
        ) !important;
}

/* Coach area */
body.game-review-page-v8 .game-review-v8-coach {
    background-image:
        radial-gradient(
            760px 380px at 10% 6%,
            rgba(var(--cr-fuchsia-rgb), .095),
            rgba(var(--cr-fuchsia-rgb), .028) 36%,
            transparent 72%
        ) !important;
}

/* Decision / move detail area */
body.game-review-page-v8 .game-review-v8-decision,
body.game-review-page-v8 .game-review-v8-detail {
    background-image:
        radial-gradient(
            720px 360px at 88% 8%,
            rgba(var(--cr-cyan-rgb), .06),
            transparent 70%
        ) !important;
}

/* Game summary */
body.game-review-page-v8 .game-review-v8-summary,
body.game-review-page-v8 .game-review-v8-overview {
    background-image:
        radial-gradient(
            760px 400px at 8% 8%,
            rgba(var(--cr-fuchsia-rgb), .05),
            transparent 70%
        ),
        radial-gradient(
            760px 400px at 92% 12%,
            rgba(var(--cr-cyan-rgb), .05),
            transparent 70%
        ) !important;
}


/* =========================================================
   SMALL SCREEN SAFETY
   Keep the effect visible but calmer in dense mobile layouts.
   ========================================================= */

@media (max-width: 720px) {

    body.chess-dna-page-v4 .dna-v5-profile-overview,
    body.weakness-map-page-v5 .weakness-v4-priority-main,
    body.training-page-v8 .training-puzzle-hub,
    body.about-page-v2 .about-v2-lab,
    body.game-review-page-v8 .game-review-analysis-variation {
        background-size:
            130% 130%
            !important;
    }
}


/* =========================================================
   HIGH CONTRAST
   Decorative gradients are removed when the user explicitly
   requests stronger contrast.
   ========================================================= */

@media (prefers-contrast: more) {

    body.chess-dna-page-v4 .dna-v5-profile-overview,
    body.chess-dna-page-v4 .dna-v5-archetype-card,
    body.chess-dna-page-v4 .dna-v5-signal-strengths,
    body.chess-dna-page-v4 .dna-v5-signal-risks,
    body.weakness-map-page-v5 .weakness-v4-priority-main,
    body.weakness-map-page-v5 .weakness-v4-context-panel,
    body.training-page-v8 .training-puzzle-hub,
    body.training-page-v8 #trainingPuzzleSession:not(.hidden),
    body.about-page-v2 .about-v2-lab,
    body.about-page-v2 .about-v2-manifesto,
    body.game-review-page-v8 .game-review-analysis-variation,
    body.game-review-page-v8 .game-review-v8-coach {
        background-image:
            none
            !important;
    }
}


/* =========================================================
   HOME — PREMIUM SELECTIVE GLOW V7

   RULE:
   Glow belongs only to selected UI fragments.
   Nothing is painted behind the whole page or whole section.

   Cyan / turquoise = analysis, evidence, data, tools
   Fuchsia          = player, diagnosis, action, identity

   All light is clipped inside the target fragment itself.
   ========================================================= */

body.home-v4 {
    --cr-home-cyan: 104, 232, 255;
    --cr-home-cyan-core: 39, 199, 232;
    --cr-home-fuchsia: 255, 43, 214;
}


/* =========================================================
   HERO
   ========================================================= */

/*
   Left side = player / identity.
   Very soft fuchsia illumination only inside the copy block.
*/
body.home-v4 .home-v4-hero-copy {
    background-image:
        radial-gradient(
            520px 360px at -4% 8%,
            rgba(var(--cr-home-fuchsia), .085),
            rgba(var(--cr-home-fuchsia), .032) 34%,
            transparent 68%
        ) !important;
}


/*
   Right side = analysis tool.
   Cyan is the dominant ambient color, with only a small fuchsia
   reflection near the user-input side.
*/
body.home-v4 .home-v4-analyzer,
body.home-v4 .home-v3-idle-panel,
body.home-v4 .home-v3-analysis-panel {
    background-image:
        radial-gradient(
            620px 420px at 104% 6%,
            rgba(var(--cr-home-cyan), .105),
            rgba(var(--cr-home-cyan-core), .036) 38%,
            transparent 70%
        ),
        radial-gradient(
            460px 300px at -6% 100%,
            rgba(var(--cr-home-fuchsia), .040),
            transparent 68%
        ) !important;
}


/* Waiting puzzle = analytical tool, so cyan only. */
body.home-v4 .home-v3-wait-puzzle {
    background-image:
        radial-gradient(
            560px 340px at 102% 8%,
            rgba(var(--cr-home-cyan), .075),
            rgba(var(--cr-home-cyan-core), .022) 40%,
            transparent 72%
        ) !important;
}


/* =========================================================
   PLAYER INTELLIGENCE SNAPSHOT
   ========================================================= */

/* Main intelligence card: evidence + player identity */
body.home-v4 .home-v4-intelligence-card {
    background-image:
        radial-gradient(
            720px 440px at 104% 6%,
            rgba(var(--cr-home-cyan), .082),
            rgba(var(--cr-home-cyan-core), .024) 40%,
            transparent 72%
        ),
        radial-gradient(
            560px 360px at -4% 8%,
            rgba(var(--cr-home-fuchsia), .060),
            rgba(var(--cr-home-fuchsia), .018) 42%,
            transparent 70%
        ) !important;
}


/* Identity fragment = user/profile */
body.home-v4 .home-v4-identity-preview {
    background-image:
        radial-gradient(
            420px 260px at -4% 4%,
            rgba(var(--cr-home-fuchsia), .065),
            transparent 70%
        ) !important;
}


/* Priority = diagnosis / action */
body.home-v4 .home-v4-priority-preview {
    background-image:
        radial-gradient(
            440px 280px at 104% 4%,
            rgba(var(--cr-home-fuchsia), .052),
            transparent 70%
        ) !important;
}


/* Quality + lesson = analytical evidence */
body.home-v4 .home-v4-quality-preview,
body.home-v4 .home-v4-lesson-preview {
    background-image:
        radial-gradient(
            500px 300px at 104% 6%,
            rgba(var(--cr-home-cyan), .050),
            transparent 72%
        ) !important;
}


/* =========================================================
   CONNECTED EVIDENCE PIPELINE
   ========================================================= */

/*
   01 Collect = user/sample -> fuchsia
   02 Evaluate = engine/data -> cyan
   03 Connect  = evidence/patterns -> cyan
   04 Act      = training/action -> fuchsia
*/

body.home-v4 .home-v4-pipeline > article:nth-child(1) {
    background-image:
        radial-gradient(
            460px 280px at -6% 0%,
            rgba(var(--cr-home-fuchsia), .052),
            transparent 72%
        ) !important;
}

body.home-v4 .home-v4-pipeline > article:nth-child(2),
body.home-v4 .home-v4-pipeline > article:nth-child(3) {
    background-image:
        radial-gradient(
            460px 280px at 106% 0%,
            rgba(var(--cr-home-cyan), .058),
            transparent 72%
        ) !important;
}

body.home-v4 .home-v4-pipeline > article:nth-child(4) {
    background-image:
        radial-gradient(
            460px 280px at 106% 100%,
            rgba(var(--cr-home-fuchsia), .052),
            transparent 72%
        ) !important;
}


/* =========================================================
   PRODUCT TOUR
   ========================================================= */

/* Tour window = product/tool, therefore cyan analytical ambience. */
body.home-v4 .home-v4-tour-window,
body.home-v4 .home-v4-tour-stage {
    background-image:
        radial-gradient(
            680px 400px at 104% 6%,
            rgba(var(--cr-home-cyan), .068),
            rgba(var(--cr-home-cyan-core), .018) 42%,
            transparent 72%
        ) !important;
}


/* Copy/action side gets a small fuchsia identity glow. */
body.home-v4 .home-v4-tour-copy {
    background-image:
        radial-gradient(
            500px 320px at -5% 4%,
            rgba(var(--cr-home-fuchsia), .042),
            transparent 72%
        ) !important;
}


/* =========================================================
   STORY / STABILITY
   ========================================================= */

/* Dashboard/stability = analytical data */
body.home-v4 .home-v4-story-dashboard,
body.home-v4 .home-v4-stability-demo {
    background-image:
        radial-gradient(
            620px 380px at 104% 8%,
            rgba(var(--cr-home-cyan), .065),
            transparent 72%
        ) !important;
}


/* Story copy = player-facing interpretation */
body.home-v4 .home-v4-story-copy {
    background-image:
        radial-gradient(
            480px 300px at -5% 8%,
            rgba(var(--cr-home-fuchsia), .036),
            transparent 72%
        ) !important;
}


/* =========================================================
   EVIDENCE
   ========================================================= */

/* Evidence cards are deliberately cyan-biased. */
body.home-v4 .home-v4-evidence-stack > article {
    background-image:
        radial-gradient(
            520px 300px at 104% 6%,
            rgba(var(--cr-home-cyan), .050),
            transparent 72%
        ) !important;
}


/* The "validated pattern" card gets slightly more depth. */
body.home-v4 .home-v4-evidence-stack > article.is-validated {
    background-image:
        radial-gradient(
            560px 320px at 104% 6%,
            rgba(var(--cr-home-cyan), .072),
            rgba(var(--cr-home-cyan-core), .018) 42%,
            transparent 72%
        ) !important;
}


/* =========================================================
   FEATURE CARDS
   ========================================================= */

/* Training = action / user -> fuchsia */
body.home-v4 .home-v4-feature-training {
    background-image:
        radial-gradient(
            650px 390px at -4% 4%,
            rgba(var(--cr-home-fuchsia), .075),
            rgba(var(--cr-home-fuchsia), .020) 42%,
            transparent 72%
        ) !important;
}


/* Compare = analytical comparison + people, so mixed but restrained */
body.home-v4 .home-v4-feature-compare {
    background-image:
        radial-gradient(
            580px 360px at 104% 6%,
            rgba(var(--cr-home-cyan), .058),
            transparent 72%
        ),
        radial-gradient(
            480px 300px at -5% 100%,
            rgba(var(--cr-home-fuchsia), .035),
            transparent 70%
        ) !important;
}


/* =========================================================
   FAQ
   ========================================================= */

/*
   Only the currently open FAQ gets a visible analytical glow.
   Closed rows remain visually quiet.
*/
body.home-v4 .home-v4-faq details[open] {
    background-image:
        radial-gradient(
            700px 240px at 104% 50%,
            rgba(var(--cr-home-cyan), .050),
            transparent 72%
        ),
        radial-gradient(
            520px 220px at -4% 50%,
            rgba(var(--cr-home-fuchsia), .026),
            transparent 72%
        ) !important;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

/* Final action = fuchsia-led, with a small cyan product reflection */
body.home-v4 .home-v4-final {
    background-image:
        radial-gradient(
            700px 420px at -5% 0%,
            rgba(var(--cr-home-fuchsia), .078),
            rgba(var(--cr-home-fuchsia), .022) 42%,
            transparent 72%
        ),
        radial-gradient(
            620px 380px at 104% 100%,
            rgba(var(--cr-home-cyan), .050),
            transparent 72%
        ) !important;
}


/* =========================================================
   HIGH CONTRAST
   ========================================================= */

@media (prefers-contrast: more) {

    body.home-v4 .home-v4-hero-copy,
    body.home-v4 .home-v4-analyzer,
    body.home-v4 .home-v3-idle-panel,
    body.home-v4 .home-v3-analysis-panel,
    body.home-v4 .home-v3-wait-puzzle,
    body.home-v4 .home-v4-intelligence-card,
    body.home-v4 .home-v4-identity-preview,
    body.home-v4 .home-v4-priority-preview,
    body.home-v4 .home-v4-quality-preview,
    body.home-v4 .home-v4-lesson-preview,
    body.home-v4 .home-v4-pipeline > article,
    body.home-v4 .home-v4-tour-window,
    body.home-v4 .home-v4-tour-stage,
    body.home-v4 .home-v4-tour-copy,
    body.home-v4 .home-v4-story-dashboard,
    body.home-v4 .home-v4-stability-demo,
    body.home-v4 .home-v4-story-copy,
    body.home-v4 .home-v4-evidence-stack > article,
    body.home-v4 .home-v4-feature-training,
    body.home-v4 .home-v4-feature-compare,
    body.home-v4 .home-v4-faq details[open],
    body.home-v4 .home-v4-final {
        background-image: none !important;
    }
}


/* =========================================================
   ABOUT — PREMIUM SELECTIVE GLOW V8

   CYAN / TURQUOISE
   evidence · analysis · data · methodology · product mechanics

   FUCHSIA
   ChessReveal · interpretation · conclusion · action

   The glow stays inside selected content fragments.
   ========================================================= */

body.about-page-v2 {
    --cr-about-cyan: 104, 232, 255;
    --cr-about-cyan-core: 39, 199, 232;
    --cr-about-fuchsia: 255, 43, 214;
}


/* =========================================================
   HERO
   ========================================================= */

/* Human/player interpretation side -> fuchsia. */
body.about-page-v2 .about-v2-hero-copy {
    background-image:
        radial-gradient(
            560px 360px at -5% 8%,
            rgba(var(--cr-about-fuchsia), .082),
            rgba(var(--cr-about-fuchsia), .026) 38%,
            transparent 70%
        ) !important;
}


/* Evidence model / product mechanics -> cyan-led. */
body.about-page-v2 .about-v2-hero-diagram {
    background-image:
        radial-gradient(
            720px 460px at 104% 4%,
            rgba(var(--cr-about-cyan), .095),
            rgba(var(--cr-about-cyan-core), .028) 40%,
            transparent 72%
        ),
        radial-gradient(
            520px 340px at -5% 100%,
            rgba(var(--cr-about-fuchsia), .035),
            transparent 70%
        ) !important;
}


/* Center of the evidence model = ChessReveal interpretation layer. */
body.about-page-v2 .about-v2-orbit-core {
    background-image:
        radial-gradient(
            200px 180px at 50% 28%,
            rgba(var(--cr-about-fuchsia), .105),
            rgba(var(--cr-about-fuchsia), .028) 46%,
            transparent 74%
        ) !important;
}


/*
   Orbit nodes alternate between data/evidence and interpretation.
   The effect is intentionally small and stays inside each node.
*/
body.about-page-v2 .about-v2-orbit-node:nth-of-type(odd) {
    background-image:
        radial-gradient(
            240px 150px at 104% 4%,
            rgba(var(--cr-about-cyan), .052),
            transparent 72%
        ) !important;
}

body.about-page-v2 .about-v2-orbit-node:nth-of-type(even) {
    background-image:
        radial-gradient(
            240px 150px at -4% 100%,
            rgba(var(--cr-about-fuchsia), .038),
            transparent 72%
        ) !important;
}


/* =========================================================
   WHY IT EXISTS
   ========================================================= */

/* Problem framing = player-facing interpretation. */
body.about-page-v2 .about-v2-problem-copy {
    background-image:
        radial-gradient(
            520px 320px at -5% 8%,
            rgba(var(--cr-about-fuchsia), .048),
            transparent 72%
        ) !important;
}


/*
   The three explanation cards now feel less flat.
   Engine/data-oriented cards are cyan, ChessReveal conclusion is fuchsia.
*/
body.about-page-v2 .about-v2-problem-grid article:nth-child(1),
body.about-page-v2 .about-v2-problem-grid article:nth-child(2) {
    background-image:
        radial-gradient(
            460px 270px at 104% 4%,
            rgba(var(--cr-about-cyan), .050),
            transparent 72%
        ) !important;
}

body.about-page-v2 .about-v2-problem-grid article:nth-child(3) {
    background-image:
        radial-gradient(
            460px 270px at -4% 4%,
            rgba(var(--cr-about-fuchsia), .058),
            transparent 72%
        ) !important;
}


/* =========================================================
   EVIDENCE LAB
   ========================================================= */

/* Claim list = conclusions, therefore fuchsia-led. */
body.about-page-v2 .about-v2-lab-claims {
    background-image:
        radial-gradient(
            520px 380px at -5% 4%,
            rgba(var(--cr-about-fuchsia), .052),
            transparent 72%
        ) !important;
}


/* Only the active claim gets a slightly richer premium pool. */
body.about-page-v2 .about-v2-claim-button.active {
    background-image:
        radial-gradient(
            430px 190px at -4% 50%,
            rgba(var(--cr-about-fuchsia), .075),
            rgba(var(--cr-about-fuchsia), .020) 44%,
            transparent 74%
        ) !important;
}


/* Stage = evidence/data -> cyan. */
body.about-page-v2 .about-v2-lab-stage {
    background-image:
        radial-gradient(
            760px 460px at 104% 4%,
            rgba(var(--cr-about-cyan), .085),
            rgba(var(--cr-about-cyan-core), .023) 42%,
            transparent 72%
        ) !important;
}


/* Evidence columns get visible but restrained analytical glow. */
body.about-page-v2
.about-v2-evidence-columns
article.is-supports {
    background-image:
        radial-gradient(
            520px 310px at 104% 8%,
            rgba(var(--cr-about-cyan), .066),
            transparent 72%
        ) !important;
}

body.about-page-v2
.about-v2-evidence-columns
article.is-not-enough {
    background-image:
        radial-gradient(
            500px 300px at -4% 100%,
            rgba(var(--cr-about-fuchsia), .032),
            transparent 72%
        ) !important;
}


/* Lab footer / takeaway = interpretation/action. */
body.about-page-v2 .about-v2-lab-footer {
    background-image:
        radial-gradient(
            620px 220px at 104% 50%,
            rgba(var(--cr-about-fuchsia), .035),
            transparent 72%
        ) !important;
}


/* =========================================================
   SAMPLE LENS
   ========================================================= */

/* Controls = user choice / sample selection -> fuchsia. */
body.about-page-v2 .about-v2-sample-controls {
    background-image:
        radial-gradient(
            520px 340px at -5% 4%,
            rgba(var(--cr-about-fuchsia), .052),
            transparent 72%
        ) !important;
}


/* Readout = data/evidence -> cyan. */
body.about-page-v2 .about-v2-sample-readout {
    background-image:
        radial-gradient(
            720px 420px at 104% 4%,
            rgba(var(--cr-about-cyan), .075),
            rgba(var(--cr-about-cyan-core), .020) 42%,
            transparent 72%
        ) !important;
}


/* Confidence meter area gets a very soft cyan reflection. */
body.about-page-v2 .about-v2-confidence-meter {
    background-image:
        radial-gradient(
            620px 220px at 104% 50%,
            rgba(var(--cr-about-cyan), .040),
            transparent 72%
        ) !important;
}


/* Sample notes alternate interpretation/evidence. */
body.about-page-v2 .about-v2-sample-notes > div:first-child {
    background-image:
        radial-gradient(
            420px 240px at -4% 4%,
            rgba(var(--cr-about-fuchsia), .034),
            transparent 72%
        ) !important;
}

body.about-page-v2 .about-v2-sample-notes > div:last-child {
    background-image:
        radial-gradient(
            420px 240px at 104% 4%,
            rgba(var(--cr-about-cyan), .044),
            transparent 72%
        ) !important;
}


/* =========================================================
   HOW TO READ A REPORT
   ========================================================= */

/* Copy = interpretation. */
body.about-page-v2 .about-v2-anatomy-copy {
    background-image:
        radial-gradient(
            520px 330px at -5% 6%,
            rgba(var(--cr-about-fuchsia), .038),
            transparent 72%
        ) !important;
}


/*
   The anatomy steps now alternate very subtle analytical light.
   This adds depth without turning the list into colored rows.
*/
body.about-page-v2
.about-v2-anatomy-track
article:nth-child(odd) {
    background-image:
        radial-gradient(
            620px 180px at 104% 50%,
            rgba(var(--cr-about-cyan), .035),
            transparent 72%
        ) !important;
}

body.about-page-v2
.about-v2-anatomy-track
article:nth-child(even) {
    background-image:
        radial-gradient(
            620px 180px at -4% 50%,
            rgba(var(--cr-about-fuchsia), .026),
            transparent 72%
        ) !important;
}


/* =========================================================
   PRODUCT BOUNDARIES
   ========================================================= */

/* Method / boundaries = analytical discipline -> cyan-biased. */
body.about-page-v2 .about-v2-boundary-grid article {
    background-image:
        radial-gradient(
            480px 300px at 104% 4%,
            rgba(var(--cr-about-cyan), .040),
            transparent 72%
        ) !important;
}


/* Alternate one card with fuchsia to break repetition visually. */
body.about-page-v2
.about-v2-boundary-grid
article:nth-child(even) {
    background-image:
        radial-gradient(
            480px 300px at -4% 100%,
            rgba(var(--cr-about-fuchsia), .030),
            transparent 72%
        ) !important;
}


/* =========================================================
   GLOSSARY
   ========================================================= */

/* Glossary copy = interpretation / explanation. */
body.about-page-v2 .about-v2-glossary-copy {
    background-image:
        radial-gradient(
            520px 330px at -5% 6%,
            rgba(var(--cr-about-fuchsia), .040),
            transparent 72%
        ) !important;
}


/* Tabs are navigation; keep them quiet. The definition is the data surface. */
body.about-page-v2 .about-v2-glossary-definition {
    background-image:
        radial-gradient(
            660px 380px at 104% 4%,
            rgba(var(--cr-about-cyan), .060),
            transparent 72%
        ) !important;
}


/* Example = interpretation/action reflection. */
body.about-page-v2 .about-v2-term-example {
    background-image:
        radial-gradient(
            540px 220px at -4% 50%,
            rgba(var(--cr-about-fuchsia), .046),
            transparent 72%
        ) !important;
}


/* =========================================================
   MANIFESTO
   ========================================================= */

/* Manifesto heading = product identity -> fuchsia. */
body.about-page-v2 .about-v2-manifesto > div:first-child {
    background-image:
        radial-gradient(
            560px 360px at -5% 4%,
            rgba(var(--cr-about-fuchsia), .065),
            transparent 72%
        ) !important;
}


/* Manifesto lines alternate subtle cyan/fuchsia ambience. */
body.about-page-v2
.about-v2-manifesto-lines
p:nth-child(odd) {
    background-image:
        radial-gradient(
            620px 180px at 104% 50%,
            rgba(var(--cr-about-cyan), .034),
            transparent 72%
        ) !important;
}

body.about-page-v2
.about-v2-manifesto-lines
p:nth-child(even) {
    background-image:
        radial-gradient(
            620px 180px at -4% 50%,
            rgba(var(--cr-about-fuchsia), .026),
            transparent 72%
        ) !important;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

/* Final conclusion/action = fuchsia-led, cyan product reflection. */
body.about-page-v2 .about-v2-final {
    background-image:
        radial-gradient(
            720px 430px at -5% 0%,
            rgba(var(--cr-about-fuchsia), .082),
            rgba(var(--cr-about-fuchsia), .022) 42%,
            transparent 72%
        ),
        radial-gradient(
            620px 380px at 104% 100%,
            rgba(var(--cr-about-cyan), .050),
            transparent 72%
        ) !important;
}


/* =========================================================
   HIGH CONTRAST
   ========================================================= */

@media (prefers-contrast: more) {

    body.about-page-v2 .about-v2-hero-copy,
    body.about-page-v2 .about-v2-hero-diagram,
    body.about-page-v2 .about-v2-orbit-core,
    body.about-page-v2 .about-v2-orbit-node,
    body.about-page-v2 .about-v2-problem-copy,
    body.about-page-v2 .about-v2-problem-grid article,
    body.about-page-v2 .about-v2-lab-claims,
    body.about-page-v2 .about-v2-claim-button.active,
    body.about-page-v2 .about-v2-lab-stage,
    body.about-page-v2 .about-v2-evidence-columns article,
    body.about-page-v2 .about-v2-lab-footer,
    body.about-page-v2 .about-v2-sample-controls,
    body.about-page-v2 .about-v2-sample-readout,
    body.about-page-v2 .about-v2-confidence-meter,
    body.about-page-v2 .about-v2-sample-notes > div,
    body.about-page-v2 .about-v2-anatomy-copy,
    body.about-page-v2 .about-v2-anatomy-track article,
    body.about-page-v2 .about-v2-boundary-grid article,
    body.about-page-v2 .about-v2-glossary-copy,
    body.about-page-v2 .about-v2-glossary-definition,
    body.about-page-v2 .about-v2-term-example,
    body.about-page-v2 .about-v2-manifesto > div:first-child,
    body.about-page-v2 .about-v2-manifesto-lines p,
    body.about-page-v2 .about-v2-final {
        background-image: none !important;
    }
}


/* =========================================================
   COMPARE — USERNAME INPUT GLOW V10

   ONLY the Chess.com username fields receive colored ambience.

   Player A = fuchsia
   Player B = bright cyan / turquoise / light-blue
   ========================================================= */

body.compare-page-v2 {
    --cr-compare-input-fuchsia: 255, 43, 214;
    --cr-compare-input-cyan: 132, 245, 255;
    --cr-compare-input-cyan-core: 47, 225, 242;
}


/* ---------------------------------------------------------
   PLAYER A — FUCHSIA
   --------------------------------------------------------- */

body.compare-page-v2
.compare-matchup-inputs-v2
> .compare-player-input-v2:first-child
.compare-input-wrap-v1 input {
    background:
        radial-gradient(
            560px 150px at 14% 50%,
            rgba(var(--cr-compare-input-fuchsia), .19) 0%,
            rgba(var(--cr-compare-input-fuchsia), .085) 28%,
            rgba(var(--cr-compare-input-fuchsia), .028) 52%,
            transparent 78%
        ),
        #070709 !important;
}


body.compare-page-v2
.compare-matchup-inputs-v2
> .compare-player-input-v2:first-child
.compare-input-wrap-v1 input:focus {
    background:
        radial-gradient(
            580px 155px at 14% 50%,
            rgba(var(--cr-compare-input-fuchsia), .24) 0%,
            rgba(var(--cr-compare-input-fuchsia), .11) 30%,
            rgba(var(--cr-compare-input-fuchsia), .036) 54%,
            transparent 80%
        ),
        #070709 !important;
}


/* ---------------------------------------------------------
   PLAYER B — BRIGHT CYAN / TURQUOISE
   --------------------------------------------------------- */

body.compare-page-v2
.compare-matchup-inputs-v2
> .compare-player-input-v2:last-child
.compare-input-wrap-v1 input {
    background:
        radial-gradient(
            560px 150px at 14% 50%,
            rgba(var(--cr-compare-input-cyan), .26) 0%,
            rgba(var(--cr-compare-input-cyan), .115) 28%,
            rgba(var(--cr-compare-input-cyan-core), .040) 54%,
            transparent 80%
        ),
        #070709 !important;
}


body.compare-page-v2
.compare-matchup-inputs-v2
> .compare-player-input-v2:last-child
.compare-input-wrap-v1 input:focus {
    background:
        radial-gradient(
            580px 155px at 14% 50%,
            rgba(var(--cr-compare-input-cyan), .33) 0%,
            rgba(var(--cr-compare-input-cyan), .15) 30%,
            rgba(var(--cr-compare-input-cyan-core), .050) 56%,
            transparent 81%
        ),
        #070709 !important;
}


@media (prefers-contrast: more) {
    body.compare-page-v2
    .compare-matchup-inputs-v2
    > .compare-player-input-v2
    .compare-input-wrap-v1 input {
        background: #070709 !important;
    }
}


/* =========================================================
   GAME REVIEW — GAMES LIST LEFT FUCHSIA AMBIENCE V2

   Exact current Game Review selectors.
   Only the game rows are affected.

   The glow:
   - begins on the LEFT
   - is strongest behind game number / opponent / opening
   - fades before the analytical columns
   - uses only fuchsia
   ========================================================= */


/* ---------------------------------------------------------
   DEFAULT ROW
   --------------------------------------------------------- */

body.game-review-page-v7.game-review-page-v8
#recentGames.game-review-v8-game-list
.game-row.game-review-v8-game-row {
    background:
        radial-gradient(
            520px 118px at 6% 50%,
            rgba(255, 43, 214, .150) 0%,
            rgba(255, 43, 214, .070) 30%,
            rgba(255, 43, 214, .025) 50%,
            transparent 73%
        ),
        linear-gradient(
            90deg,
            rgba(255, 43, 214, .038) 0%,
            rgba(255, 43, 214, .018) 22%,
            transparent 39%
        ) !important;
}


/* ---------------------------------------------------------
   HOVER
   Same glow, slightly brighter.
   --------------------------------------------------------- */

body.game-review-page-v7.game-review-page-v8
#recentGames.game-review-v8-game-list
.game-row.game-review-v8-game-row:hover {
    background:
        radial-gradient(
            540px 120px at 6% 50%,
            rgba(255, 43, 214, .195) 0%,
            rgba(255, 43, 214, .086) 31%,
            rgba(255, 43, 214, .030) 52%,
            transparent 75%
        ),
        linear-gradient(
            90deg,
            rgba(255, 43, 214, .050) 0%,
            rgba(255, 43, 214, .021) 23%,
            transparent 40%
        ) !important;
}


/* ---------------------------------------------------------
   SELECTED GAME
   Slightly richer, still not a neon panel.
   --------------------------------------------------------- */

body.game-review-page-v7.game-review-page-v8
#recentGames.game-review-v8-game-list
.game-row.game-review-v8-game-row.game-row-selected {
    background:
        radial-gradient(
            560px 122px at 6% 50%,
            rgba(255, 43, 214, .225) 0%,
            rgba(255, 43, 214, .100) 32%,
            rgba(255, 43, 214, .034) 54%,
            transparent 76%
        ),
        linear-gradient(
            90deg,
            rgba(255, 43, 214, .058) 0%,
            rgba(255, 43, 214, .024) 24%,
            transparent 41%
        ) !important;
}


/* Decorative ambience only. */
@media (prefers-contrast: more) {
    body.game-review-page-v7.game-review-page-v8
    #recentGames.game-review-v8-game-list
    .game-row.game-review-v8-game-row,
    body.game-review-page-v7.game-review-page-v8
    #recentGames.game-review-v8-game-list
    .game-row.game-review-v8-game-row:hover,
    body.game-review-page-v7.game-review-page-v8
    #recentGames.game-review-v8-game-list
    .game-row.game-review-v8-game-row.game-row-selected {
        background: transparent !important;
    }
}