/* Placement palette trial "gilt" (round 3, 27 Oct 2026). A partial, not a theme of its own: the neutral panel trials
   (gunmetal, onyx) @import it. It overrides the placement tokens from tokens.css.

   One metal from top to bottom: polished gold that loses its colour as the place drops, gold > pale gold > champagne >
   white gold / pewter > graphite. 1st is the only fully saturated gold and gets a polished sheen in its fills,
   a white-hot highlight in its text and a gold glow; every other place is the same metal, a step duller and darker.
   The low end goes to neutral grey, never to dark gold (dark, desaturated gold reads mustard or brown).

   The site groups places into four tiers (core.placeTier: 1st, 2nd-3rd, 4th, 5th-6th), so the tier tokens carry
   1st, 2nd, 4th and 5th. 3rd and 6th get their own step only where a per-place class exists (.j-ord--N, .j-fill-N).
   Flat colours: 1st #ffcc3d, 2nd #dfcb98, 3rd #cbc0a4, 4th #b3b0a9, 5th #8b8a87, 6th #6c6b69
   (CIE L* about 84, 82, 78, 72, 57, 45; chroma falls steeply after 1st, about 73, 28, 17, 4, 2, 1). */

:root {
  /* 1st: polished gold. The -rose / -sky / -mint names are the slots the prismatic stops used; here they are the
     metal's highlight, shadow and bounce light. */
  --j-p1-hi: #fffbea;
  --j-p1-rose: #fff0b8;
  --j-p1: #ffcc3d;
  --j-p1-mid: #ffc12e;
  --j-p1-sky: #eea423;
  --j-p1-mint: #ffdf86;
  --j-p1-lo: #e09a1e;
  --j-p1-deep: #7a4f0a;
  /* 2nd-3rd: pale gold */
  --j-p2-hi: #fff8e8;
  --j-p2-light: #f2e7c6;
  --j-p2: #dfcb98;
  --j-p2-lo: #c8ba92;
  --j-p2-deep: #5c5850;
  --j-p3: #cbc0a4;
  /* 4th: white gold / pewter */
  --j-p4-hi: #ecebe8;
  --j-p4-light: #d0cdc7;
  --j-p4: #b3b0a9;
  --j-p4-lo: #8a8781;
  --j-p4-deep: #484744;
  /* 5th-6th: graphite */
  --j-p5-hi: #a9a7a2;
  --j-p5-light: #a09e99;
  --j-p5: #8b8a87;
  --j-p5-lo: #63615d;
  --j-p5-deep: #2e2d2b;
  --j-p6: #6c6b69;
  --j-p1-rgb: 255, 204, 61;
  --j-p2-rgb: 223, 203, 152;
  --j-p4-rgb: 179, 176, 169;
  --j-p5-rgb: 139, 138, 135;

  /* Fills: lit from above. 1st is polished: a white-gold top, the full gold body and a bright bounce at the foot (no hard
     horizon, which cuts tall bars in two); the rest are softer, matte steps that never darken into tan. */
  --j-fill-1: linear-gradient(180deg, #fff3c6 0%, #ffdc6e 22%, var(--j-p1) 50%, #f4b52f 82%, #ffd25a 100%);
  --j-fill-2: linear-gradient(180deg, var(--j-p2-light) 0%, var(--j-p2) 48%, var(--j-p2-lo) 100%);
  --j-fill-3: linear-gradient(180deg, #e2dac6 0%, var(--j-p3) 48%, #b4ab94 100%);
  --j-fill-4: linear-gradient(180deg, var(--j-p4-light) 0%, var(--j-p4) 50%, var(--j-p4-lo) 100%);
  --j-fill-5: linear-gradient(180deg, var(--j-p5-hi) 0%, var(--j-p5) 50%, var(--j-p5-lo) 100%);
  --j-fill-6: linear-gradient(180deg, #858481 0%, var(--j-p6) 50%, #504f4c 100%);
  /* Frames and rims: lit from the top left. */
  --j-edge-1: linear-gradient(160deg, var(--j-p1-hi) 0%, var(--j-p1-rose) 18%, var(--j-p1) 42%, var(--j-p1-lo) 70%, var(--j-p1-mint) 100%);
  --j-edge-2: linear-gradient(160deg, var(--j-p2-hi) 0%, var(--j-p2-light) 26%, var(--j-p2) 52%, var(--j-p2-lo) 76%, var(--j-p2-deep) 100%);
  --j-edge-4: linear-gradient(160deg, var(--j-p4-hi) 0%, var(--j-p4-light) 28%, var(--j-p4) 54%, var(--j-p4-lo) 78%, var(--j-p4-deep) 100%);
  --j-edge-5: linear-gradient(160deg, var(--j-p5-hi) 0%, var(--j-p5-light) 30%, var(--j-p5) 56%, var(--j-p5-lo) 80%, var(--j-p5-deep) 100%);
  /* 1st as text: a white-hot top over the gold, and a warm gold glow. */
  --j-text-1: linear-gradient(180deg, var(--j-p1-hi) 0%, #ffe48f 36%, var(--j-p1) 56%, #f0a92a 100%);
  --j-glow-1: 0 0 14px rgba(255, 200, 64, 0.55);
}

/* 3rd and 6th: their own step where a per-place class exists (journey.css groups them with 2nd and 5th). */
body .j-ord--3 { color: var(--j-p3); }
body .j-ord--6 { color: var(--j-p6); }
body .j-fill-3 { background: var(--j-gloss), var(--j-fill-3); }
body .j-fill-6 { background: var(--j-gloss), var(--j-fill-6); }

/* Tiles that spread the 1st colour as a wash over a large area: with 1st now gold, a gold wash over near-black reads
   brown, so these tiles take a neutral light instead and keep their gold border. (The prismatic lilac was safe there.) */
body .ch-best {
  background:
    radial-gradient(130% 120% at 0 0, rgba(230, 230, 232, 0.08), rgba(230, 230, 232, 0) 60%),
    linear-gradient(180deg, rgba(var(--j-white-rgb), 0.05), rgba(var(--j-white-rgb), 0.015)),
    rgba(var(--j-coal-900-rgb), 0.7);
}
body .ch-bestbar {
  background:
    radial-gradient(60% 160% at 0 50%, rgba(230, 230, 232, 0.08), rgba(230, 230, 232, 0) 70%),
    linear-gradient(180deg, rgba(var(--j-white-rgb), 0.05), rgba(var(--j-white-rgb), 0.015)),
    rgba(var(--j-coal-900-rgb), 0.7);
}
body .cp-lpodium__item--1 {
  background:
    radial-gradient(120% 70% at 50% 0, rgba(230, 230, 232, 0.09), rgba(230, 230, 232, 0) 70%),
    rgba(var(--j-ink-rgb), 0.35);
}
body .ddv-record--record { background: linear-gradient(160deg, rgba(230, 230, 232, 0.08), rgba(var(--j-ink-rgb), 0.4)); }
body .hof-score.is-record { background: linear-gradient(90deg, rgba(230, 230, 232, 0.06), rgba(230, 230, 232, 0)); }