/* Checkers league arena — same "salon" palette as the rest of the site (ink navy, ivory, champagne gold) instead of its own emerald.
 * This page defines its colours as custom properties, so re-pointing them re-skins every card, badge and bar at once. Loaded after the page's own <style>. */
html:root {
  --ck-emerald: #e6c466;
  --ck-emerald-bright: #f6df94;
  --ck-emerald-glow: rgba(230, 196, 102, .28);
  --ck-gold: #e6c466;
  --ck-gold-bright: #f6df94;
  --ck-gold-glow: rgba(230, 196, 102, .3);
  --ck-bg: #050a18;
  --ck-surface: rgba(10, 19, 40, .92);
  --ck-surface-card: linear-gradient(180deg, rgba(18, 31, 62, .8), rgba(8, 15, 34, .92));
  --ck-border: rgba(226, 200, 132, .2);
  --ck-text-main: #f4efe4;
  --ck-text-dim: #9aa6bf;
}
html body { background-image: radial-gradient(1000px 560px at 50% -10%, rgba(54, 92, 164, .24), transparent 62%), radial-gradient(700px 480px at 100% 100%, rgba(226, 190, 100, .08), transparent 60%) !important; }
html .ck-topbar { background: rgba(5, 10, 24, .85) !important; border-bottom: 1px solid rgba(226, 200, 132, .16) !important; }
html .tb-brand { font-family: 'Bodoni Moda', 'Playfair Display', Georgia, serif; font-size: 18px !important; background: linear-gradient(180deg, #f6df94, #c89c3c); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html .tb-brand-sub { color: #e6c466 !important; background: rgba(230, 196, 102, .12) !important; border-color: rgba(230, 196, 102, .4) !important; }
html .tb-bal-badge { background: rgba(230, 196, 102, .1) !important; border-color: rgba(230, 196, 102, .35) !important; color: #f6df94 !important; }

/* the one action: gold, dark text */
html .btn-search-main { background: linear-gradient(180deg, #f6df94 0%, #e2bd5a 52%, #c89c3c 100%) !important; color: #1c1405 !important; border: 0 !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 20px 36px -16px rgba(230, 196, 102, .75) !important; }
html .btn-search-main:hover { filter: brightness(1.05); }

/* the board: a square that fits between the top bar and the bottom of the screen, so the camera frames all eight rows and the file letters */
html #arena3DBox { display: grid; place-items: center; }
html #ck3dMount { width: min(100%, calc(100vh - 110px)) !important; height: min(100%, calc(100vh - 110px)) !important; }

/* ═══ Redesign pass — same family as league.html (serif headings, quiet gold cards) ═══ */
html .season-card, html .league-rules-box { border-radius: 20px !important; background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .015)) !important; border: 1px solid rgba(226, 200, 132, .2) !important; }
html .sc-head > span:first-child, html .lrb-title { font-family: 'Bodoni Moda', Georgia, serif !important; font-size: 15px !important; font-weight: 700 !important; color: #f4efe4 !important; letter-spacing: 0 !important; }
html .sc-stat-val { font-family: 'Bodoni Moda', Georgia, serif; font-size: 20px !important; font-variant-numeric: tabular-nums; }
html .sc-stat-lbl { letter-spacing: .08em; }
html .lrb-item b { color: #f4efe4; }
html .tb-bal-badge, html .tb-back-link { min-height: 40px; display: inline-flex; align-items: center; }
html .tb-bal-badge:focus-visible, html .btn-search-main:focus-visible, html .tb-back-link:focus-visible { outline: 2px solid #d4af37; outline-offset: 2px; }
html .btn-search-main { background: linear-gradient(135deg, #f1d27a, #b8860b) !important; border-radius: 14px !important; min-height: 52px; }
@media (prefers-reduced-motion: reduce) { html .btn-search-main { transition: none !important; } }