/* ============================================================
   Live Leaderboard brand layer (September 2026).
   Loaded last on every app page so the whole product reads like
   the front page: Inter only, sentence-case headings, hairlines,
   12px corners, green as the one accent, gold used sparingly.
   The live scoring boards keep their organiser colour themes;
   this only changes type, buttons, headers and cards.
   ============================================================ */
:root{
  --bk-ink:#0f1115; --bk-soft:#6b7280; --bk-line:#e8e8e6; --bk-paper:#fff; --bk-grey:#f2f2f0; --bk-green:#127a3a; --bk-gold:#b8892b;
  /* the app stylesheet's tokens */
  --page-bg:#fff; --surface:#fff; --surface-raised:#f5f5f3; --card-border:#e8e8e6; --ink:#0f1115; --ink-soft:#6b7280; --radius:12px; --radius-sm:8px;
  --shadow-soft:0 1px 2px rgba(15,17,21,.04),0 10px 30px rgba(15,17,21,.06);
  /* MyGolf and portal pages */
  --copper:#127a3a; --copper-dark:#0d5a2c; --gold:#b8892b; --line:#e8e8e6; --bg:#fff; --black:#0f1115;
}
body{font-family:Inter,system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased}
/* One face everywhere. Monospace stays for codes and PINs. */
body *:not(code):not(pre):not(.pin):not(.code-input):not(.mono):not(kbd){font-family:Inter,system-ui,-apple-system,sans-serif!important}
/* Headings and names in sentence case, tight, medium weight. Small spaced
   kickers (.k, .lp-kicker, .sc-kicker, .tag, .pill) keep their capitals. */
h1,h2,h3,h4,h5,.event-name,.si h1,.si-card h2,.co h1,.tile .v,.spark .v,.holehead b,.board .name,.co td b,.co .num,.crest-placeholder span,
.ko-title h2,.ko-side-name,.ko-champ b,.ko-hcap-row b,.cal-picked h3,.cal-title b,.evc-name,.lp-section-head h2,.ms-copy h2,.ms-hi,.ms-readout-row > b,
.previous-name,.event-name,.group-title,.prize-title,.bracket-side,.gk-holetitle b,.gk-name,.ko-fx-round h3,.ko-sum h3,.ko-attn h3,.ko-entries-head h3,.ko-multi-bar h3,.ko-multi-head b,.ko-stage b,.ko-dispute h3,.lp-hero h1,.hole-num{
  text-transform:none!important;letter-spacing:-.01em!important;font-weight:600!important}
h1{font-weight:600!important}
.lp-hero h1{font-weight:300!important;letter-spacing:-.015em!important}
.lp-hero h1 em{font-style:normal;color:#fff}
.lp-section-head h2{font-weight:500!important;font-size:clamp(26px,3vw,38px)}
.ko-stage b,.ko-sum h3,.ko-attn h3,.ko-entries-head h3,.ko-fx-round h3,.cal-title b{font-size:.9rem!important;font-weight:600!important;color:var(--bk-soft)!important}
.ko-stage b{color:var(--bk-green)!important}
/* Kickers: soft grey, spaced, small. Gold only on dark backgrounds. */
.lp-kicker,.k,.sc-kicker,.evc-kicker,.co-card h2,.si-card .k,.co-top .tag{color:var(--bk-soft)!important;font-weight:500!important;letter-spacing:.24em!important;font-size:.68rem!important}
.lp-kicker-light,.ms-item .lp-kicker,.lp-cross .lp-kicker,.evc-kicker{color:rgba(255,255,255,.7)!important}
/* Buttons: pills. Primary is green, "gold" actions become ink. */
.btn,.co .btn,.me .btn,button.btn{border-radius:999px!important;font-weight:500!important;letter-spacing:0!important}
.btn-gold,.co .btn-gold,.lp-cta .btn-gold,.btn.btn-gold{background:var(--bk-ink)!important;border-color:var(--bk-ink)!important;color:#fff!important}
.btn-primary,.co .btn-green,.primary,.btn.primary{background:var(--bk-green)!important;border-color:var(--bk-green)!important;color:#fff!important}
.btn-ghost{border-color:rgba(255,255,255,.55)!important;color:#fff!important}
.btn-quiet{border-color:var(--bk-line)!important;color:var(--bk-ink)!important;background:#fff!important}
.ko-act-go{background:var(--bk-ink)!important;color:#fff!important;border-color:var(--bk-ink)!important}
/* Cards and panels: 12px corners, one hairline, one soft shadow. */
.card,.co-card,.si-card,.ko-tie,.ko-sum,.evc-card,.event-row,.lp-cal,.ko-enter,.ko-multi-item,.modal,.rank-card,.post,.sc,.lpp,.lf{border-radius:12px!important}
/* App page headers: white, 64px, wordmark in spaced small caps, section in grey. */
.top,.co-top,.si-top{background:#fff!important;color:var(--bk-ink)!important;border-bottom:1px solid var(--bk-line);min-height:64px;box-shadow:none!important}
.top{padding:0!important;display:flex;align-items:center}
.top .wrap{width:100%}
.brand b,.co-top .tag{font-size:12px!important;letter-spacing:.32em!important;text-transform:uppercase!important;font-weight:600!important;color:var(--bk-ink)!important}
.brand span{color:var(--bk-soft)!important;letter-spacing:.14em!important;font-size:11px!important}
.top .who,.co-top .who{color:var(--bk-soft)!important}
.top .who button,.co-top .who button{border:1px solid var(--bk-ink)!important;color:var(--bk-ink)!important;background:#fff!important;border-radius:999px!important}
.co-top a,.top a{color:var(--bk-ink)!important}
.co-top .brand-logo,.si-top .brand-logo{filter:invert(1)}
.co-top .brand-logo path[fill="#22C55E"],.si-top .brand-logo path[fill="#22C55E"]{filter:none}
/* MyGolf and portal bodies */
body.me,body.portal,.me,.portal{background:#fff}
footer,.lp-footer{border-top:1px solid var(--bk-line)!important}
/* Sign-in page: light, three quiet tiles. */
body.signin,html.signin body{background:#fff!important;color:var(--bk-ink)!important;background-image:none!important}
.si .lede,.si-note,.si-card p{color:var(--bk-soft)!important}
.si-card{background:#fff!important;border:1px solid var(--bk-line)!important;color:var(--bk-ink)!important;box-shadow:var(--shadow-soft)}
.si-card:hover{border-color:var(--bk-ink)!important}
.si-card .go{color:var(--bk-green)!important;font-weight:500!important}
.si-you{background:#eef6f0!important;color:#14532d!important} .si-you a{color:#14532d!important}
/* Board header: the organiser's colour band stays; the type calms down. */
.event-name{font-weight:500!important;font-size:clamp(2rem,4.6vw,3.2rem)!important;line-height:1.05!important}
.event-sub{letter-spacing:.2em!important;font-weight:500!important}
/* Front-page-style landing (/live): kill the condensed shout. */
.lp-hero h1{font-size:clamp(2.2rem,5vw,3.8rem)!important}
.lp-top{background:rgba(10,10,10,.92)!important}
/* Knockout bracket: seed badge and chips in the calmer palette */
.ko-seed{background:var(--bk-ink)!important;color:#fff!important}
.ko-chip{border-radius:999px!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:.74rem!important}
.ko-deadline{font-weight:500!important}
/* Gold, used once: the winner tick and the champion card keep it. */
.ko-tick,.ko-champ.is-won b{color:var(--bk-gold)!important}
.ko-tick{background:var(--bk-ink)!important;color:#fff!important}
/* polish */
.si-note a,.co .hint a,footer a:hover{color:var(--bk-green)!important}
.lp-switch a.is-on{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.lp-switch a{color:rgba(255,255,255,.62)!important}
.ko-rnav.is-on{color:#fff!important}
body{background:#fff!important}
.co input,.co input[type=email],.co input[type=password],.co input[type=text]{font:inherit;padding:10px 12px!important;border:1px solid var(--bk-line)!important;border-radius:10px!important;width:100%;box-sizing:border-box}
.co-top .tag{background:transparent!important;padding:0!important;color:var(--bk-soft)!important}
label{font-weight:500}
/* names anywhere on a board read in sentence case */
[class*="name"]:not(.lp-kicker):not(.k){text-transform:none!important;letter-spacing:-.005em!important}
.co-top .tag{border:0!important}
.brand-foot{border-top:1px solid var(--bk-line);padding:22px 20px;display:flex;align-items:center;gap:10px;color:var(--bk-soft);font-size:12px;max-width:1040px;margin:30px auto 0}
.brand-foot svg{height:22px;width:auto}.brand-foot b{font-weight:600;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--bk-ink);margin-right:10px}
/* ---- /live and /live/mygolf: the app landing in the new palette ----
   White top bar, light story bands, green accents, ink buttons. The hero
   stays a dark green studio like the front page. */
.lp-top{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--bk-line)!important;backdrop-filter:blur(10px)}
.lp-top .brand-logo{filter:invert(1)}
.lp-nav a{color:var(--bk-soft)!important;font-weight:500!important}.lp-nav a:hover,.lp-nav a.is-on{color:var(--bk-ink)!important;background:transparent!important}
.lp-nav a.is-on::after{background:var(--bk-green)!important}
.lp-switch{border-color:var(--bk-line)!important;background:var(--bk-grey)!important}
.lp-switch a{color:var(--bk-soft)!important;font-weight:500!important}
.lp-switch a.is-on{background:var(--bk-ink)!important;color:#fff!important;box-shadow:none!important}
.lp-top .lp-top-link{color:var(--bk-ink)!important}
.lp-signin-btn{background:var(--bk-ink)!important;border-color:var(--bk-ink)!important;color:#fff!important}
.lp-menu-btn{border-color:var(--bk-line)!important}.lp-menu-btn span{background:var(--bk-ink)!important}
.lp-menu{background:#fff!important;border-top:1px solid var(--bk-line)!important}.lp-menu a{color:var(--bk-ink)!important;border-color:var(--bk-line)!important}.lp-menu-label{color:var(--bk-soft)!important}
.lp-menu-signin a small{color:var(--bk-soft)!important}
/* hero */
.lp-hero,.lp-hero-my{background:radial-gradient(1100px 600px at 50% 0%,#1d5a34 0%,#0e3220 40%,#07140c 100%)!important}
.lp-hero-my{background:radial-gradient(1100px 600px at 50% 0%,#2a2a2a 0%,#141414 45%,#050505 100%)!important}
.lp-hero .lp-kicker-light{color:rgba(255,255,255,.7)!important}
.lp-hero .btn-gold{background:#fff!important;border-color:#fff!important;color:var(--bk-ink)!important}
.lp-hero .btn-ghost{border-color:rgba(255,255,255,.55)!important}
.lp-live-pill{color:rgba(255,255,255,.75)!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
.lp-code{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important}
/* kickers, bullets, links */
.lp-kicker{color:var(--bk-soft)!important}
.lp-show-list li::before{background:var(--bk-green)!important;border-color:var(--bk-green)!important;box-shadow:inset 0 0 0 3px #fff!important}
.lp-more,.lp-recent summary{color:var(--bk-green)!important;font-weight:500!important}
.ms-soon{color:var(--bk-green)!important;border-color:rgba(18,122,58,.35)!important}
/* the MyGolf story: light bands instead of black and green */
.ms-item{color:var(--bk-ink)!important}
.ms-black{background:#fff!important}
.ms-green{background:var(--bk-grey)!important}
.ms-item .lp-kicker{color:var(--bk-soft)!important}
.ms-item .lp-show-list li{color:#374151!important}
.ms-item .lp-show-list li::before{box-shadow:inset 0 0 0 3px #fff!important;border-color:var(--bk-green)!important;background:var(--bk-green)!important}
.ms-green .lp-show-list li::before{box-shadow:inset 0 0 0 3px var(--bk-grey)!important}
.ms-item .lp-more{color:var(--bk-green)!important}
.ms-phone{filter:drop-shadow(0 24px 40px rgba(15,17,21,.25))!important}
.ms-item .btn-gold{background:var(--bk-ink)!important;border-color:var(--bk-ink)!important;color:#fff!important}
/* cross-sell, counter, cards, footer */
.lp-cross{background:var(--bk-grey)!important;color:var(--bk-ink)!important;background-image:none!important}
.lp-cross .lp-kicker{color:var(--bk-soft)!important}.lp-cross p{color:#374151!important}
.lp-cross .btn-gold{background:var(--bk-ink)!important;border-color:var(--bk-ink)!important;color:#fff!important}
.shot-counter{background:var(--bk-grey)!important;color:var(--bk-ink)!important}
.shot-counter .shot-number,.shot-counter .shot-number-small{color:var(--bk-ink)!important}
.shot-counter .lp-kicker,.shot-counter small,.shot-counter p{color:var(--bk-soft)!important}
.sc,.sc-players{background:#fff!important;color:var(--bk-ink)!important;border:1px solid var(--bk-line)!important;border-top:1px solid var(--bk-line)!important}
.sc .sc-kicker{color:var(--bk-soft)!important}.sc .sc-text{color:#374151!important}.sc .sc-cta{color:var(--bk-green)!important}
.lp-footer{background:#fff!important;color:var(--bk-ink)!important;border-top:1px solid var(--bk-line)}
.lp-footer .brand-logo{filter:invert(1)}
.lp-footer-cols h3{color:var(--bk-ink)!important;letter-spacing:0!important;text-transform:none!important;font-size:.82rem!important;font-weight:600!important}
.lp-footer-cols a{color:var(--bk-soft)!important;opacity:1!important}
.lp-footer-tag,.lp-footer-bottom{color:var(--bk-soft)!important;border-color:var(--bk-line)!important}
.evc-card{color:#fff}
/* text inside the now-light story bands and counter */
.ms-item .lp-section-head h2{color:var(--bk-ink)!important}
.ms-item .lp-section-head p,.ms-item .lp-lead{color:#4b5563!important}
.shot-kicker{color:var(--bk-soft)!important;letter-spacing:.12em!important;font-weight:600!important}
.shot-label,.shot-facts,.num-label{color:var(--bk-soft)!important}
.num-value,.shot-number{color:var(--bk-ink)!important}
.lf-icon{color:var(--bk-green)!important}
/* pricing */
.price-tag{background:var(--bk-grey)!important;color:var(--bk-ink)!important;border:1px solid var(--bk-line);letter-spacing:.06em!important;font-weight:600!important}
.price-featured .price-tag{background:#fff!important}
.price-who,.price-featured .price-who{color:var(--bk-soft)!important;letter-spacing:.12em!important;font-weight:600!important}
.price-featured .price-who{color:rgba(255,255,255,.6)!important}
.price-featured{background:var(--bk-ink)!important;border-color:var(--bk-ink)!important}
.price-card .btn-gold{background:#fff!important;border-color:#fff!important;color:var(--bk-ink)!important}
.price-points li::before{color:var(--bk-green)!important}
/* the phone mock-ups on the landing pages: the white app header inside the screen */
.phone-band{background:#fff!important;border-bottom:1px solid var(--bk-line);padding:10px 14px!important}
.phone-band .brand-logo{filter:invert(1)}
.phone-band-live{color:var(--bk-green)!important;letter-spacing:.1em!important;font-weight:600!important}
.ph-spark circle,.ph-plan-bar i{fill:var(--bk-green)!important;background:var(--bk-green)!important}
.ms-chip.is-on{background:var(--bk-ink)!important;color:#fff!important}
.ms-rank.is-you{background:#eef7f1!important;box-shadow:inset 3px 0 0 var(--bk-green)!important}
.ms-range{accent-color:var(--bk-green)!important}
.ms-drill b{color:var(--bk-green)!important}
.ms-readout-text,.ms-map-bottom .linkish{color:#fff!important}
.gk-row.is-focus{border-color:var(--bk-green)!important;box-shadow:0 0 0 2px rgba(18,122,58,.2)!important}
.gk-row.is-focus .gk-score{border-bottom-color:var(--bk-green)!important}
.gk-row.is-focus .gk-score::after{background:var(--bk-green)!important}

/* ---- Leaderboard masthead and chrome in the front page's manner (25 Sep 2026).
   The organiser's colour theme still paints the band; this sets the type,
   the spacing, the hairlines and the quiet contour texture from the hero. ---- */
#app .band{position:relative;overflow:hidden;border-bottom:0!important}
/* The big screen (and the tee sheet) keep the masthead pinned while the board scrolls underneath. */
#app .band.band-sticky{position:sticky;top:0;z-index:50}
#app .band::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;background:url(/brand/contour.svg) center/cover no-repeat}
#app .band > *{position:relative}
#app .band-inner{padding:44px 20px 38px}
#app .back-link,#app .hero-back{font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important;font-weight:500!important;color:rgba(255,255,255,.62)!important}
#app .back-link:hover,#app .hero-back:hover{color:#fff!important}
#app .crest{filter:none!important;height:84px!important}
#app .crest-placeholder{height:84px!important;width:84px!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:none!important}
#app .crest-placeholder span{color:#fff!important;font-size:1.25rem!important;letter-spacing:.14em!important;font-weight:500!important}
/* date and venue as the spaced kicker above the name; the subtitle as a plain lead line */
#app .header-brand > div{display:flex;flex-direction:column}
#app .event-when{order:-1;margin:0 0 12px!important;font-size:11px!important;letter-spacing:.3em!important;text-transform:uppercase!important;font-weight:500!important;color:rgba(255,255,255,.7)!important}
#app .hero-date{font-size:11px!important;letter-spacing:.3em!important;text-transform:uppercase!important;font-weight:500!important;color:rgba(255,255,255,.7)!important}
#app .event-name{font-weight:500!important;letter-spacing:-.02em!important;font-size:clamp(2rem,4.4vw,3.4rem)!important;line-height:1.04!important}
#app .event-sub,#app .hero-sub{color:rgba(255,255,255,.78)!important;text-transform:none!important;letter-spacing:0!important;font-size:1rem!important;font-weight:400!important;margin-top:8px!important;max-width:60ch}
#app .hero-venue{color:rgba(255,255,255,.7)!important}
#app .admin-links{margin-top:14px}
#app .live-pill{background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;font-size:12px!important;letter-spacing:.04em!important;font-weight:500!important;padding:8px 14px!important}
#app .header-edit-btn{font-size:12px!important;letter-spacing:.04em!important;font-weight:500!important}
/* the tabs: light, hairline, green underline on the current one */
#app .toolbar{border-bottom:1px solid var(--bk-line)!important}
#app .tool-btn{font-weight:500!important;font-size:13px!important;letter-spacing:.01em;color:var(--bk-soft);border-radius:0;padding:12px 10px}
#app .tool-btn-current{color:var(--bk-ink)!important;border-bottom-color:var(--bk-green)!important}
#app .tool-btn:hover{border-bottom-color:var(--bk-line)}
/* tables: spaced small capitals in the header, positions in ink */
#app .od-table th,#app .table th,#app .sr-table th,#app .demo-table th{font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:500!important;color:var(--bk-soft)!important}
#app .od-pos{font-weight:500!important;color:var(--bk-ink)!important}
/* the floating player button in ink, like the front page's buttons */
#app .admin-fab{background:var(--bk-ink)!important;color:#fff!important;border:1px solid var(--bk-ink)!important;box-shadow:0 12px 30px rgba(15,17,21,.22)!important}
#app .admin-fab-secondary{background:#fff!important;color:var(--bk-ink)!important;border-color:var(--bk-line)!important;box-shadow:var(--shadow-soft)!important}
#app .fab-main{font-size:12px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:600!important}
#app .fab-caption{color:rgba(255,255,255,.62)!important}
#app .admin-fab-secondary .fab-caption{color:var(--bk-soft)!important}
/* cards: hairlines, no drop shadow, 12px corners */
#app .info-panel,#app .news-panel,#app .pro-panel,#app .prize-card,#app .od-table{box-shadow:none!important;border-color:var(--bk-line)!important}
#app .powered-by{font-size:11px;letter-spacing:.18em;text-transform:uppercase}
#app .od-points{font-weight:600!important;letter-spacing:-.02em}
#app .od-table > tbody > tr:first-child .od-points{color:var(--green-fairway)!important}
#app .live-pill .live-dot{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.22)!important}

/* ---- Masthead clock (optional, per board) ---- */
.board-clock{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}
.bc-face{width:92px;height:92px;display:block;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25))}
.bc-dial{fill:#fff}
.bc-ring{fill:none;stroke:#e6e6e2;stroke-width:1}
.bc-ticks line{stroke:#0f1115;stroke-linecap:round}
.bc-word{font-size:4.6px;letter-spacing:.9px;font-weight:700;fill:#0f1115;text-anchor:middle;font-family:Inter,system-ui,sans-serif}
.bc-hour{stroke:#0f1115;stroke-width:3.4;stroke-linecap:round}
.bc-min{stroke:#0f1115;stroke-width:2.4;stroke-linecap:round}
.bc-sec{stroke:#127a3a;stroke-width:1;stroke-linecap:round}
.bc-pin{fill:#127a3a;stroke:#fff;stroke-width:1}
.bc-time{font-size:1.05rem;font-weight:500;letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums;margin-top:6px}
.bc-label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:500}
.hero-foot .board-clock{flex-direction:row;gap:12px;margin:0 8px 0 0}
.hero-foot .bc-face{width:64px;height:64px}
@media (max-width:640px){.bc-face{width:68px;height:68px} .board-clock{align-items:flex-start}}
/* dial styles */
.bc-ink .bc-dial{fill:#0f1115} .bc-ink .bc-ring{stroke:rgba(255,255,255,.28)} .bc-ink .bc-ticks line,.bc-ink .bc-hour,.bc-ink .bc-min{stroke:#fff} .bc-ink .bc-word{fill:#fff} .bc-ink .bc-pin{stroke:#0f1115}
.bc-tour .bc-dial{fill:var(--green-fairway)} .bc-tour .bc-ring{stroke:rgba(255,255,255,.5)} .bc-tour .bc-ticks line,.bc-tour .bc-hour,.bc-tour .bc-min{stroke:#fff} .bc-tour .bc-word{fill:#fff} .bc-tour .bc-sec{stroke:#e2b857} .bc-tour .bc-pin{fill:#e2b857;stroke:var(--green-fairway)}
.bc-minimal .bc-face{filter:none} .bc-minimal .bc-dial{fill:transparent} .bc-minimal .bc-ring{stroke:rgba(255,255,255,.45)} .bc-minimal .bc-ticks line{stroke:rgba(255,255,255,.7)} .bc-minimal .bc-ticks line[stroke-width="1"]{display:none} .bc-minimal .bc-hour,.bc-minimal .bc-min{stroke:#fff;stroke-width:2} .bc-minimal .bc-sec{stroke:#22c55e} .bc-minimal .bc-pin{fill:#fff;stroke:transparent}
.bc-digital .bc-time{font-size:2.1rem;font-weight:500;letter-spacing:.06em;line-height:1;margin-top:0}
/* the picker tiles in settings */
.clock-options .mark-option{align-items:center;text-align:center}
.clock-preview{display:block;margin:2px auto 6px;background:linear-gradient(180deg,var(--green-deep),var(--green-deep-2));border-radius:10px;padding:10px 14px 8px}
.clock-preview .bc-face{width:56px;height:56px} .clock-preview .bc-time{font-size:.85rem;margin-top:4px} .clock-preview .bc-digital .bc-time{font-size:1.1rem} .clock-preview .bc-label{font-size:8px;letter-spacing:.2em}
/* Gold: a polished bezel (a smooth gradient ring, deliberately not fluted) round a cream dial */
.bc-gold .bc-dial{fill:#fbf7ee;stroke:#8c6a1e;stroke-width:.6}
.bc-gold .bc-ring{stroke:url(#bcGold);stroke-width:5.5}
.bc-gold .bc-ticks{transform:scale(.86);transform-origin:50px 50px}
.bc-gold .bc-ticks line{stroke:#0f1115}
.bc-gold .bc-word{fill:#8c6a1e}
.bc-gold .bc-hour,.bc-gold .bc-min{stroke:#0f1115}
.bc-gold .bc-sec{stroke:#b8892b}
.bc-gold .bc-pin{fill:#b8892b;stroke:#fbf7ee}
.bc-gold .bc-face{filter:drop-shadow(0 6px 16px rgba(0,0,0,.3))}
/* the hands sweep on the browser's animation clock: one turn a minute, an hour, twelve hours */
.bc-hour,.bc-min,.bc-sec{transform-box:view-box;transform-origin:50px 50px;animation:bcspin linear infinite}
.bc-hour{animation-duration:43200s}.bc-min{animation-duration:3600s}.bc-sec{animation-duration:60s}
@keyframes bcspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bc-sec{animation-timing-function:steps(60,end)}}

/* ---- Ticker (25 Sep 2026): one sliding line under the tabs ---- */
.board-ticker{display:flex;align-items:center;background:var(--green-fairway);color:#fff;font-size:13px;letter-spacing:.02em;overflow:hidden;height:34px}
.board-ticker-kicker{flex:none;padding:0 16px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;background:rgba(0,0,0,.18);height:100%;display:flex;align-items:center}
.board-ticker-track{flex:1;overflow:hidden;white-space:nowrap;position:relative;height:100%;display:flex;align-items:center}
.board-ticker-track span{display:inline-block;padding-left:100%;animation:llticker 40s linear infinite}
@keyframes llticker{to{transform:translateX(-100%)}}
.board-ticker-big{height:44px;font-size:17px}
.board-ticker-big .board-ticker-kicker{font-size:12px}
@media (prefers-reduced-motion:reduce){.board-ticker-track span{animation:none;padding-left:16px}}
/* daylight and countdown */
.weather-sun{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:.82rem;color:var(--bk-soft)}
.bc-sun{font-size:10px;letter-spacing:.06em;color:rgba(255,255,255,.62);margin-top:2px;text-align:center;white-space:nowrap}
.live-pill-wait .live-dot-wait{background:#e2b857!important;box-shadow:0 0 0 3px rgba(226,184,87,.22)!important}
/* pin positions */
.pin-note{display:inline-flex;align-items:center;gap:8px;margin:8px 0 2px;padding:6px 12px;border:1px solid var(--bk-line);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--bk-ink);background:#fff}
.pin-flag{width:10px;height:10px;border-radius:50%;background:var(--bk-green);box-shadow:0 0 0 3px rgba(18,122,58,.15)}
.pins-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}
.pin-cell{border:1px solid var(--bk-line);border-radius:8px;padding:6px 2px;text-align:center;line-height:1.1;color:var(--bk-soft)}
.pin-cell b{display:block;font-size:11px;font-weight:600;color:var(--bk-ink)}
.pin-cell span{display:block;font-size:13px;font-weight:600;margin-top:2px}
.pin-cell em{display:block;font-style:normal;font-size:10px;min-height:12px}
.pin-cell.has-pin span{color:var(--bk-green)}
.pins-table{width:100%;border-collapse:collapse;font-size:.9rem}
.pins-table th{text-align:left;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-soft);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--bk-line)}
.pins-table td{padding:5px 8px;border-bottom:1px solid var(--bk-line)}
.pins-table .pin-hole{font-weight:600;width:60px}
.pins-table select,.pins-table input{font:inherit;padding:6px 8px;border:1px solid var(--bk-line);border-radius:8px;width:100%;max-width:150px}
/* prize line */
.prize-line td{padding:0!important;border:0!important;background:transparent!important}
.prize-line span{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--bk-gold);padding:2px 12px}
.prize-line span::before,.prize-line span::after{content:"";flex:1;border-top:1px dashed var(--bk-gold);opacity:.8}
.prize-line-big span{color:#e2b857;font-size:12px}.prize-line-big span::before,.prize-line-big span::after{border-top-color:#e2b857}
/* featured group slide on the big screen */
.featured-slide{margin-top:12px;animation:fadein .6s ease}
.featured-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 20px 18px}
.featured-name{font-size:clamp(1.8rem,4vw,3rem);font-weight:600;letter-spacing:-.02em;color:#fff}
.featured-sub{color:rgba(255,255,255,.72);font-size:1.05rem}
.featured-stats{display:flex;gap:34px;margin-top:10px}
.featured-stats span{display:flex;flex-direction:column;align-items:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.featured-stats b{font-size:2rem;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1.1;margin-bottom:4px}
.featured-card{background:#fff;border-radius:14px;padding:14px 16px;max-width:1080px;margin:0 auto;color:var(--bk-ink)}
/* clearer movement arrows */
#app .mv{font-size:.7rem;font-weight:600;letter-spacing:.02em}
#app .mv-up{color:#16a34a}#app .mv-down{color:#dc2626}#app .mv-flat{opacity:.45}
#app .odb-pos .mv{font-size:.85rem}
/* following: starred entries pinned above the table */
.star-btn{background:none;border:0;cursor:pointer;font-size:1.05rem;line-height:1;padding:2px 6px;color:#b9bcc2;vertical-align:middle;margin-left:2px;border-radius:6px}
.star-btn:hover{color:var(--bk-gold);background:var(--bk-grey)}
.star-btn.is-on{color:var(--bk-gold)}
.follow-head td{padding:8px 12px 4px!important;border:0!important;background:transparent!important}
.follow-head span{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--bk-gold);margin-right:10px}
.follow-head .btn{padding:2px 10px;min-height:0;font-size:.72rem}
.follow-end td{padding:0!important;border:0!important;height:10px;background:transparent!important}
tr.is-pinned td{background:#fbf7ee!important}
tr.is-pinned:first-of-type td{border-top:1px solid var(--bk-gold)}
/* featured slide: its own dark panel, since slides sit outside the board panel */
.featured-slide{background:linear-gradient(180deg,var(--green-deep),var(--green-deep-2));border-radius:14px;padding:6px 16px 16px;min-height:70vh}

/* ---- Knockouts: results board, honours board, toss decision (26 Sep 2026) ---- */
.ko-rboard{border:1px solid var(--bk-line);border-radius:14px;padding:18px 20px 8px;margin:18px 0;background:#fff}
.ko-rboard-head h2{font-size:1.15rem;font-weight:600;margin:4px 0 12px}
.rb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.rb-block h3{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--bk-soft);margin:0 0 6px}
.rb-row{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--bk-line);font-size:.9rem}
.rb-when{font-size:.78rem;color:var(--bk-soft);white-space:nowrap;display:flex;align-items:center;gap:6px}
.rb-main small{display:block;font-size:.74rem;color:var(--bk-soft);margin-top:1px}
.rb-comp{font-weight:600;color:var(--bk-ink);margin-right:6px}
.rb-tail{font-size:.82rem;color:var(--bk-green);font-weight:600;white-space:nowrap}
.rb-row.is-live .rb-tail{color:var(--bk-ink)}
.rb-live h3{color:var(--bk-green)}
/* the clubhouse screen version */
.ko-tv{padding:18px 24px 40px;min-height:70vh;background:linear-gradient(180deg,var(--green-deep),var(--green-deep-2));border-radius:14px;margin-top:12px;color:#fff}
.ko-tv .ko-rboard-head .lp-kicker{color:rgba(255,255,255,.6)}
.ko-tv .rb-main{color:#fff}
.ko-tv .ko-rboard{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;padding:22px 26px 12px}
.ko-tv .ko-rboard-head h2{font-size:1.6rem;font-weight:500;color:#fff}
.ko-tv .rb-block h3{color:rgba(255,255,255,.6)}
.ko-tv .rb-row{border-top-color:rgba(255,255,255,.12);font-size:1.15rem;padding:11px 0;grid-template-columns:130px 1fr auto}
.ko-tv .rb-when{color:rgba(255,255,255,.65);font-size:.95rem}
.ko-tv .rb-main small{color:rgba(255,255,255,.55);font-size:.85rem}
.ko-tv .rb-comp{color:#fff}
.ko-tv .rb-tail{color:#22c55e;font-size:1rem}
.ko-tv .rb-row.is-live .rb-tail{color:#fff}
.ko-tv-comps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}
.ko-tv-comp{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;color:#fff}
.ko-tv-comp b{display:block;font-size:1.1rem;font-weight:600}
.ko-tv-comp span{display:block;color:rgba(255,255,255,.7);margin-top:4px}
.ko-tv-comp em{display:block;font-style:normal;font-size:.8rem;color:rgba(255,255,255,.5);margin-top:6px;letter-spacing:.08em;text-transform:uppercase}
.ko-tv .empty h2{color:#fff}
/* honours */
.ko-honours{border:1px solid var(--bk-line);border-radius:12px;padding:14px 16px;margin:0 0 14px;background:#fbf7ee}
.ko-honours-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ko-honours-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 18px;margin-top:8px}
.ko-honour{display:flex;align-items:baseline;gap:10px;font-size:.92rem}
.ko-honour-year{font-size:.78rem;letter-spacing:.12em;color:var(--bk-gold);font-weight:600;min-width:44px}
.ko-honour small{color:var(--bk-soft)}
/* toss decision */
.ko-toss-wait{font-size:.8rem;color:var(--bk-soft)}
/* pass two: matching dates, drift flag */
.ko-match-dates{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 2px;padding:8px 10px;border:1px solid var(--bk-green);border-radius:10px;background:#eef6f0}
.ko-match-dates-k{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--bk-green);margin-right:4px}
.ko-drift{font-size:.78rem;color:#9a3412;background:#fff4ec;border:1px solid #fdd9c0;border-radius:8px;padding:4px 10px;margin-top:6px;display:inline-block}
/* round-robin groups */
.ko-col-groups{min-width:300px}
.ko-group{border:1px solid var(--bk-line);border-radius:12px;padding:10px 12px;margin-bottom:12px;background:#fff}
.ko-group-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:8px}
.ko-group-table th{text-align:left;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--bk-soft);font-weight:500;padding:4px 6px;border-bottom:1px solid var(--bk-line)}
.ko-group-table th:not(:first-child),.ko-group-table td:not(:first-child){text-align:center;width:34px}
.ko-group-table td{padding:5px 6px;border-bottom:1px solid var(--bk-line)}
.ko-group-table tr.is-q td:first-child{font-weight:600}
.ko-group-table tr.is-q td:first-child::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bk-green);margin-right:7px;vertical-align:middle}
.pin-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);vertical-align:-1px;margin-right:6px;box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.pin-cell span .pin-dot{margin:0 0 2px;display:block;width:12px;height:12px;margin-left:auto;margin-right:auto}
.pin-note .pin-dot{margin-right:8px}
.pins-table .pin-side{white-space:nowrap}.pins-table .pin-side input{width:64px}.pins-table .pin-side select{width:52px;margin-left:4px}