/* Player page in the TCH black + Signature Gold look (matches the TV and the Shadow drawing show).
   Loaded after player.css; remove it from index.html to go back to the green felt. */
:root {
  --bg: #050404;
  --felt: #0b0908;
  --felt-2: #15120e;
  --card: rgba(14, 12, 10, 0.88);
  --card-2: rgba(255, 255, 255, 0.03);
  --line: rgba(210, 173, 116, 0.22);
  --line-2: rgba(255, 255, 255, 0.08);
  --gold: #d2ad74;
  --gold-2: #b48c52;
  --gold-ink: #0a0a0a;
  --text: #f3efe6;
  --muted: #b3aa9c;
  --dim: #857d70;
  --display: 'Bebas Neue', 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
  --body: 'Figtree', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
body {
  background-color: #070605;
  background-image:
    radial-gradient(900px 620px at 50% -160px, rgba(236, 206, 150, 0.16), rgba(210, 173, 116, 0.04) 45%, rgba(0, 0, 0, 0) 70%),
    radial-gradient(ellipse 120% 90% at 50% 30%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.045)' stroke-width='3'%3E%3Cpath d='M0 1.5H240M0 61.5H240M1.5 0V60M121.5 60V120'/%3E%3C/g%3E%3C/svg%3E");
}
/* Bebas has one weight and looks best with a little tracking */
h1, h2, h3, .brand h1, .won-h, .won-amt, .won-sub, .stage-d, .stage-t { font-weight: 400 !important; letter-spacing: 0.04em; }
.top { background: linear-gradient(180deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.2)); border-bottom-color: rgba(210, 173, 116, 0.35); }
.top-in .brand { position: relative; padding-left: 52px; }
.top-in .brand::before { content: ''; position: absolute; left: 0; top: 50%; width: 42px; height: 42px; margin-top: -21px; background: url(/tv/img/tch-chip-gold.png) center / contain no-repeat; }
.brand h1 { font-size: clamp(24px, 7vw, 34px); color: #f3dcae; overflow-wrap: normal; word-break: normal; }
/* gold where the felt page used green accents (live dots stay green: they mean "feed live") */
.chip-bonus b, .ev-n, .roll, .draw-pot small { color: var(--gold); }
.chip-tournament b, .chip-newGuest b { color: #f3dcae; }
.top1 .lb-rank { color: #e3c48f; }
.session { border-color: rgba(210, 173, 116, 0.35); background: linear-gradient(160deg, rgba(30, 25, 18, 0.95), rgba(10, 9, 8, 0.95)); }
.pulse { background: var(--gold); }
.b-must { background: rgba(210, 173, 116, 0.9); color: #0a0a0a; border-color: transparent; }
.b-roll { background: transparent; color: #f3dcae; border: 1px solid var(--gold); }
.jp { background: linear-gradient(160deg, #1d160d, #080706); border-color: rgba(210, 173, 116, 0.45); }
/* live banners: black and gold instead of red / blue */
.stage, .stage.splash { background: linear-gradient(90deg, #0a0908, #1d170f 50%, #0a0908); border-bottom-color: var(--gold); }
.stage-k, .stage-k .pulse { color: #f3dcae; }
.stage-k .pulse { background: #f3dcae; }
.stage-t small { color: var(--muted); }
.st-ok { color: #f3dcae; }
/* YOU WON */
.won { background: radial-gradient(circle at 50% 40%, rgba(70, 54, 30, 0.85), rgba(0, 0, 0, 0.94)); }
.won-card { background: linear-gradient(170deg, #17130d, #050404); }
.won-h { color: #f3dcae !important; }
.confetti i:nth-child(3n+1) { background: #f3dcae; }
