/* Brumund Live Games — scorecard module. Uses the app's theme tokens; one dark plate (the hole strip). */
#gv{position:fixed;inset:0;z-index:60;background:var(--cream);display:none;flex-direction:column;overflow:hidden;
 padding-top:var(--sat);padding-bottom:var(--sab)}
#gv.on{display:flex}
#gv .gvh{background:var(--green);color:#F7F3E9;padding:10px 14px 9px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
#gv .gvh b{font-family:var(--serif);font-size:16px;letter-spacing:.3px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gv .gvh .x{background:none;border:0;color:#fff;font-size:26px;line-height:1;padding:0 2px}
#gv .gvh .sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#CBB273;display:block;margin-top:2px}
#gv .gvb{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px 28px}
.gdot{width:9px;height:9px;border-radius:50%;background:#9aa;flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.gdot.live{background:#4CD27A}.gdot.sync{background:#E8C15A}.gdot.off{background:#C22233}
.gsec{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin:0 0 12px}
.gsec h4{margin:0 0 8px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--goldink)}
.gsec label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:8px 0 4px}
.gsec input,.gsec select{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.gside{border:1px dashed var(--line);border-radius:8px;padding:8px 10px;margin:8px 0}
.gside .rm{float:right;background:none;border:0;color:var(--red);font-size:18px;line-height:1}
.gfmt{display:flex;gap:6px}.gfmt button{flex:1;padding:10px 4px;border:1px solid var(--line);background:#fff;border-radius:8px;font:inherit;font-size:13px;color:var(--ink)}
.gfmt button.on{background:var(--green);color:#fff;border-color:var(--green)}
.gfine{font-size:11.5px;color:var(--mut);line-height:1.45;margin-top:8px}
/* hole strip — the ONE dark plate */
.gstrip{background:var(--green);color:#fff;border-radius:12px;padding:10px 8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.gstrip button{background:rgba(255,255,255,.12);border:0;color:#fff;font-size:26px;width:52px;height:52px;border-radius:10px}
.gstrip button:disabled{opacity:.25}
.gstrip .hn{text-align:center}.gstrip .hn b{display:block;font-family:var(--serif);font-size:44px;line-height:1}
.gstrip .hn span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#CBB273}
/* entry rows */
/* name on its own line, chips on the next — a name must never truncate on a phone (v178 showed "T..") */
.grow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:9px 0;border-top:1px solid var(--line)}
.grow:first-of-type{border-top:0}
.grow .nm{flex:1 1 100%;font-size:15px;font-weight:600;color:var(--ink);min-width:0}
.grow .nm small{display:block;font-weight:400;font-size:11px;color:var(--mut)}
.gchips{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.gchips button{width:40px;height:44px;border-radius:9px;border:1px solid var(--line);background:#fff;font:inherit;font-size:18px;font-weight:600;color:var(--ink)}
.gchips button.on{background:var(--gold);border-color:var(--gold);color:#fff}
.gchips button.clr{width:34px;font-size:15px;color:var(--mut)}
/* board */
.gboard{width:100%;border-collapse:collapse;font-size:13.5px}
.gboard th{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}
.gboard td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.gboard td.n{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:16px}
.gboard tr.me td{background:var(--t-sand)}
.gboard .lead{color:var(--okt);font-weight:700}
.gmp{font-family:var(--serif);font-size:22px;text-align:center;padding:6px 0 2px;color:var(--green)}
.gmp small{display:block;font-family:inherit;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-top:2px}
.gcode{font-family:ui-monospace,Menlo,monospace;font-size:26px;letter-spacing:.28em;text-align:center;color:var(--green);padding:6px 0}
.gbtns{display:flex;gap:8px;margin-top:10px}.gbtns .abtn{flex:1;text-align:center}
.glink{font-family:ui-monospace,Menlo,monospace;font-size:11px;word-break:break-all;color:var(--mut);background:var(--t-ivory);border:1px solid var(--line);border-radius:7px;padding:8px;margin:6px 0}
.gtag{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--rep);color:var(--rept);border:1px solid var(--repline)}
.gcard td input{width:44px;text-align:center;font:inherit;font-size:16px;padding:6px 2px;border:1px solid var(--line);border-radius:6px}
/* side bets under a player's strokes */
.gbets{display:flex;gap:5px;justify-content:flex-end;padding:0 0 8px}
.gbets button{font:inherit;font-size:11px;letter-spacing:.04em;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--mut)}
.gbets button.on{background:var(--rep);border-color:var(--repline);color:var(--rept);font-weight:600}
/* cup header */
.gcup{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 0 4px}
.gcup>div{text-align:center}.gcup b{display:block;font-family:var(--serif);font-size:46px;line-height:1;color:#fff}
.gcup span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#E8DCC0}
.gcup .lead b{color:#F1D58A}.gcup .vs{font-size:22px;color:#CBB273}
/* resume bar — one tap back into a live game */
#gresume{position:fixed;left:12px;right:12px;bottom:calc(64px + var(--sab));z-index:55;display:flex;gap:6px;background:var(--green);color:#fff;border-radius:12px;padding:6px 6px 6px 12px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
#gresume button{background:none;border:0;color:#fff;font:inherit;font-size:14px;text-align:left;flex:1;padding:6px 0}
#gresume button.d{flex:0 0 36px;font-size:22px;opacity:.7}
/* TV mode: the cup board on a big screen */
#gv.tv .gvh .x{display:none}
#gv.tv .gvb{padding:24px 5vw}
#gv.tv .gcup b{font-size:12vw}#gv.tv .gcup span{font-size:2.2vw}#gv.tv .gcup{gap:6vw}
#gv.tv .gsec{font-size:2.4vw;padding:2vw}#gv.tv .gsec h4{font-size:1.6vw}
#gv.tv .mrow .k{font-size:2.4vw}#gv.tv .mrow .v b{font-size:2.8vw}#gv.tv .src{font-size:1.5vw!important}
#gv.tv .btnrow,#gv.tv .gfine{display:none}
/* QR codes */
.gqr{display:flex;justify-content:center;padding:6px 0 2px}.gqr svg{width:200px;height:200px;border:8px solid #fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#gv.tv .gqr svg{width:30vw;height:30vw}
/* ===== SPORTSCENTER LOOK (Danny, 24 Sep 2026) — scoped to the games overlay only ===== */
#gv{background:#0B1220;color:#EAF0F7}
#gv .gvh{background:linear-gradient(90deg,#B3001B 0,#B3001B 6px,#101B2E 6px);border-bottom:2px solid #1E2B44}
#gv .gvh b{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:15px}
#gv .gvh .sub{color:#F5C518;font-weight:700}
.gdot.live{background:#FF2D2D;box-shadow:0 0 0 2px rgba(255,45,45,.35),0 0 10px #FF2D2D}
#gv .gsec{background:#111C30;border:1px solid #1E2B44;border-radius:6px;color:#EAF0F7}
#gv .gsec h4{color:#F5C518;font-weight:800;letter-spacing:.22em}
#gv .gsec label{color:#9FB0C8}
#gv .gsec input,#gv .gsec select{background:#0B1220;color:#EAF0F7;border-color:#2A3A57}
#gv .gfmt button{background:#0B1220;color:#C9D4E5;border-color:#2A3A57}
#gv .gfmt button.on{background:#F5C518;color:#0B1220;border-color:#F5C518;font-weight:800}
#gv .gfine{color:#9FB0C8}
#gv .gside{border-color:#2A3A57}
.gstrip{background:linear-gradient(180deg,#16233B,#0F1A2D);border:1px solid #2A3A57}
.gstrip .hn b{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:48px;color:#fff}
.gstrip .hn span{color:#F5C518;font-weight:700}
.gstrip button{background:#1E2B44;color:#F5C518}
.grow{border-top-color:#1E2B44}.grow .nm{color:#fff}.grow .nm small{color:#9FB0C8}
.gchips button{background:#0B1220;color:#EAF0F7;border-color:#2A3A57;font-weight:800}
.gchips button.on{background:#F5C518;border-color:#F5C518;color:#0B1220}
.gchips button.clr{color:#9FB0C8}
.gbets button{background:#0B1220;color:#9FB0C8;border-color:#2A3A57}.gbets button.on{background:#B3001B;border-color:#B3001B;color:#fff}
/* the board: broadcast bug style */
.gboard th{color:#9FB0C8;border-bottom:2px solid #F5C518;font-weight:800}
.gboard td{border-bottom:1px solid #1E2B44;color:#EAF0F7}
.gboard td.n{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:22px;color:#fff}
.gboard tr.me td{background:#16233B}
.gboard .lead{color:#F5C518}
.gboard .src{color:#9FB0C8!important}
.gmp{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:30px;color:#fff;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(90deg,#B3001B,#7A0012);border-radius:6px;padding:12px 8px 8px}
.gmp small{color:#F5C518;font-weight:700}
.gcode{color:#F5C518;font-weight:800}
.glink{background:#0B1220;border-color:#2A3A57;color:#9FB0C8}
.gtag{background:#F5C518;color:#0B1220;border-color:#F5C518;font-weight:800}
.gpick{display:flex;flex-direction:column;width:100%;text-align:left;margin:8px 0;padding:14px 14px;border:2px solid #2A3A57;border-radius:6px;background:#0B1220;color:#fff;font:inherit}
.gpick b{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:20px;text-transform:uppercase;letter-spacing:.02em}
.gpick span{font-size:12px;color:#9FB0C8;margin-top:2px}
.gpick:active{border-color:#F5C518}
.sc-hero{border-color:#F5C518!important}
#gv .abtn.green{background:#F5C518;color:#0B1220;border-color:#F5C518;font-weight:800}
#gv .abtn.gold{background:#B3001B;color:#fff;border-color:#B3001B;font-weight:800}
#gv .abtn.grey{background:#1E2B44;color:#EAF0F7;border-color:#2A3A57}
#gv .gqr svg{border-color:#fff}
/* cup scoreboard */
#gv .gsec[style*="var(--green)"]{background:linear-gradient(180deg,#16233B,#0B1220)!important;border:1px solid #F5C518!important}
.gcup b{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;color:#fff}
.gcup span{color:#9FB0C8;font-weight:700}.gcup .lead b{color:#F5C518}.gcup .vs{color:#B3001B}
#gv .mrow .k{color:#fff}#gv .mrow .v b{color:#F5C518;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900}
#gresume{background:#101B2E;border-left:6px solid #B3001B}