/* Quiet, distance-readable scoreboard. These rules replace the initial visual theme. */
:root{--bg:#101217;--panel:#1b1e26;--ink:#f5f6fa;--muted:#8c929f;--line:#2a2e38;--lime:#cbdff7;--amber:#efc18b;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.club{max-width:1520px;padding:24px 36px 18px;height:100svh;min-height:700px;gap:20px}.topbar{min-height:42px}.brand{font-size:23px;font-weight:650;letter-spacing:-.8px;gap:9px}.brand-ball{width:27px;height:27px;display:grid;place-items:center;border:1px solid #7a818d;border-radius:50%;font-size:14px;font-weight:650;box-shadow:inset 0 0 0 4px var(--bg);background:#e7eaf0;color:#1b1e25}.top-tools{gap:9px}.icon-btn,.quiet-btn{height:40px;background:#1b1e26;border:1px solid #ffffff04;border-radius:50%;font-size:13px;font-weight:550}.quiet-btn{border-radius:22px;padding:0 17px}.icon-btn svg{width:17px;height:17px}.icon-btn:hover,.quiet-btn:hover{background:#292d38}.sync{font-size:11px;margin-right:12px}.dot{width:5px;height:5px;background:#82cfa8}.offline .dot{background:var(--amber)}.arena{position:relative;grid-template-columns:1fr 150px 1fr;gap:12px;min-height:280px;max-height:none}.arena:before{content:"";position:absolute;top:12%;bottom:12%;left:50%;width:1px;background:linear-gradient(transparent,#34394655,transparent);pointer-events:none}.player{padding:30px 26px;justify-content:center;min-width:0;overflow:hidden;border:0;border-radius:30px;background:transparent}.player.active{border:0;background:radial-gradient(ellipse at 50% 45%,#263b4c62 0%,#17232e25 56%,transparent 76%)}.player.active:before{display:none}.player-top{min-height:32px}.player h2{font-size:28px;letter-spacing:-1px;font-weight:570}.turn-pill{border:0;border-radius:14px;padding:6px 9px;color:#acdaf9;background:#76b8f112;font-size:10px;font-weight:550;letter-spacing:0;text-transform:none}.turn-pill .dot{background:#9fd5fb}.waiting-pill{color:#747c89;font-size:10px}.score-line{gap:15px;min-height:190px;margin:10px 0 15px}.score{font-family:inherit;font-stretch:normal;font-size:clamp(108px,13.2vw,185px);line-height:1;font-weight:580;letter-spacing:-8px;color:#f3f5fb;margin:0}.score.digits3{font-size:clamp(80px,10vw,140px)}.ball-display{gap:15px;font-size:12px;font-weight:500;color:#b7bdc8;min-width:78px;padding:0}.hero-ball{width:76px;height:76px;background:radial-gradient(circle at 30% 24%,#ffeac1 0,#eab259 39%,#b7792c 75%,#724516 100%);box-shadow:inset -6px -8px 11px #0004,0 9px 20px #0003}.hero-ball.stripes{background:linear-gradient(0deg,#f2f0e8 0 25%,#bf5e51 26% 74%,#f2f0e8 75%);box-shadow:inset -6px -8px 12px #0003,0 9px 20px #0003;animation:stripeSpin 6s linear infinite}.hero-ball:after{filter:blur(3px)}.player-footer{gap:12px}.player-bottom{min-height:25px}.change-balls,.assign{border:0;background:transparent;font-size:10px;color:#7c8593;padding:8px 0;min-height:32px;text-decoration:none}.assign{color:#a6c9e8}.breaker{font-size:10px;color:#858e9c}.breaker svg{width:12px;height:12px}.career{font-size:10px;color:#6f7988;letter-spacing:.1px}.middle{z-index:1;gap:12px;padding:12px 0}.rack-pill{border:0;background:var(--bg);color:#9ca4b2;font-size:11px;font-weight:500;letter-spacing:.4px;padding:6px 10px;text-transform:capitalize}.turn-group{display:none}.clock-group{padding:4px 0;background:var(--bg)}.timer{font-size:28px;font-weight:380;letter-spacing:-1px;line-height:1.2}.timer-label{font-size:9px;color:#788190;min-height:13px;margin-top:5px}.timer-label:empty:after{content:"Turn time"}.break-button{font-size:10px;min-height:42px;padding:8px 10px;background:var(--bg);color:#858f9f;border-radius:20px}.break-button svg{width:12px;height:12px}.placement{padding:12px 8px;background:#182431;border:1px solid #9fcef326;color:#a9bbd0;font-size:10px;border-radius:13px}.placement strong{color:#c4e0fa;font-weight:550;font-size:11px;margin-bottom:4px}.placement.scratch{background:#29221b;border-color:#eab46c26;color:#bda78e}.placement.scratch strong{color:#f2cc9b}.paused .player.active{background:radial-gradient(ellipse at 50% 45%,#493a2360,transparent 76%)}.last-action{color:#778291;font-size:11px;min-height:24px;padding:0 14px}.last-action strong{font-weight:450;color:#a9b1be}.last-action .nudge{font-family:inherit;font-style:normal;font-size:11px;color:#778291}.undo{color:#9ba5b4;font-size:11px;padding:8px 0}.actions{grid-template-columns:repeat(3,1fr) 1.15fr;gap:10px;background:#ffffff03;border:1px solid #ffffff07;padding:7px;border-radius:23px}.action{height:59px;border-radius:16px;background:#222630;border:1px solid #ffffff04;color:#e8ecf4;font-size:14px;font-weight:550;letter-spacing:-.1px;gap:10px}.action svg{width:20px;height:20px}.action.foul svg,.action.scratch svg{color:inherit}.action:hover:not(:disabled){background:#2a303e}.action.win{background:#ecf0f7;color:#171c26;border-color:transparent}.action.win:hover:not(:disabled){background:#fff}.rivalry{grid-template-columns:repeat(4,1fr);border:0;border-top:1px solid #ffffff0b;border-radius:0;background:none;padding:20px 0 4px;min-height:93px;margin:0}.metric{padding:0 21px;border-right:1px solid #ffffff09;gap:9px;justify-content:flex-start}.metric:first-child{padding-left:14px}.metric-label{font-size:10px;color:#808b9b;font-weight:450;letter-spacing:.1px;text-transform:none}.metric-main{font-size:20px;color:#e1e7f0;font-weight:450;letter-spacing:-.5px}.metric-main strong{font-weight:500}.metric-main .dim{color:#646f7f;padding:0 3px}.metric-note{font-size:9px;color:#697789;line-height:1.3}.form-dots{gap:5px;min-height:23px;padding:0;align-items:center}.form-dot{width:11px;height:11px;background:#99c5e8}.form-dot.p2{background:#e3bc92}.form-dot.empty{background:#343b47}.legend{gap:8px;font-size:8px;color:#788496;line-height:1.3}.legend i{width:4px;height:4px;background:#99c5e8}.legend i.p2{background:#e3bc92}.footer{padding:0 14px;min-height:16px;color:#6d7889}.footer-links{gap:20px}.footer button,.footer a{color:#758398;font-size:10px}.tv .arena{min-height:360px}.tv .score{font-size:clamp(140px,19vw,300px)}.tv .score.digits3{font-size:clamp(100px,13vw,220px)}.tv .hero-ball{width:clamp(76px,8vw,130px);height:clamp(76px,8vw,130px)}.tv .ball-display{font-size:16px;gap:22px}.tv .player h2{font-size:34px}.tv .timer{font-size:38px}.tv .metric-main{font-size:24px}.tv .metric-label{font-size:11px}.tv .career{font-size:12px}.tv .score-line{min-height:230px}.tv .placement{font-size:12px}.tv .placement strong{font-size:13px}.tv .turn-pill{font-size:10px}.tv .nudge{font-family:inherit;font-style:normal;font-size:11px}.tv .player{justify-content:center}.tv .player-bottom{padding:0}.tv .rivalry{min-height:93px}#toast{border-color:#ffffff12;border-radius:16px;background:#e7edf7;color:#17202f;font-size:13px;font-weight:500}#toast.error{background:#f0d8b9;color:#392817}dialog{background:#20242d;border:1px solid #ffffff0c;border-radius:26px}dialog::backdrop{background:#070b12b8;backdrop-filter:blur(10px)}dialog h2{font-family:inherit;font-size:25px;font-weight:600;letter-spacing:-.7px;margin:10px 0 14px}dialog p{color:#a1acbd}.eyebrow{font-size:10px;font-weight:550;letter-spacing:.7px;color:#778499}.modal-top .icon-btn{background:transparent}.modal-actions button{display:flex;align-items:center;justify-content:center;gap:8px;background:#303744;border:0;color:#e9edf6;font-weight:550}.modal-actions .primary{background:#e9eef7;color:#142031}.modal-actions .danger{background:#ddb990;color:#352618}.settings-list button,.history-item{background:#282e3a;border:0}.settings-list button span{color:#8493a8;font-size:10px}.field input{background:#171d27;border-color:#3e4756}.rule-card{border-color:#ffffff0d}.rule-card strong{font-weight:550}.setup h1{font-family:inherit;font-size:52px;font-weight:550;letter-spacing:-2.5px;line-height:1.08}.setup h1 em{font-style:normal;color:#a1c6e6}.setup-card{background:#191f29;border:1px solid #ffffff0b}.setup .session-title{font-family:inherit;font-weight:550}.resume-card{border-color:#91c7ec22;background:#25344655}.celebration{background:#101722df;backdrop-filter:blur(18px)}.celebration .victory{font-family:inherit;font-style:normal;font-weight:580;font-size:clamp(38px,6vw,76px);letter-spacing:-2px;color:#f1f6ff}.celebration .trophy svg{color:#e6c18f}.celebration .eyebrow{margin-top:22px;color:#acbcd1}
@media(min-width:900px) and (max-height:800px){.club{gap:16px;padding:20px 28px 14px}.player{padding:20px 22px}.score-line{min-height:175px;margin:8px 0 15px}.rivalry{padding-top:18px;min-height:84px}.score{font-size:clamp(108px,13.2vw,185px)}}
@media(max-width:850px){.club{padding:22px;gap:18px;min-height:750px}.arena{grid-template-columns:1fr 132px 1fr;gap:4px}.player{padding:22px 15px}.player h2{font-size:24px}.player-top{flex-direction:column;align-items:flex-start;gap:10px}.score-line{min-height:160px;gap:10px}.score{font-size:103px;letter-spacing:-6px}.ball-display{min-width:60px;font-size:11px;gap:14px}.hero-ball{width:60px;height:60px}.player-bottom{align-items:flex-start;flex-direction:column;gap:2px}.career{font-size:9px;line-height:1.6}.career span{padding:0 3px}.metric{padding:0 14px}.metric-main{font-size:17px}.form-dots{gap:4px}.form-dot{width:10px;height:10px}.metric-note{font-size:8px}.legend{font-size:8px}.tv .score{font-size:130px}.tv .hero-ball{width:62px;height:62px}.tv .player h2{font-size:28px}.tv .ball-display{font-size:12px}.tv .score-line{min-height:190px}.tv .metric-main{font-size:19px}}
@media(max-width:600px){.club{padding:18px 16px;gap:15px;height:auto;min-height:100svh}.topbar{min-height:38px}.brand{font-size:22px}.top-tools{gap:6px}.sync{font-size:0;margin-right:4px;gap:0}.icon-btn,.quiet-btn{height:36px}.icon-btn{width:36px}.quiet-btn{padding:0 12px;font-size:12px}.top-tools [data-do=fullscreen]{display:none}.arena{grid-template-columns:1fr 1fr;gap:8px;flex:initial;min-height:310px}.arena:before{display:none}.middle{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;padding:14px 8px 7px;min-height:82px;text-align:left}.rack-pill{grid-row:1;grid-column:1;padding:0;background:none;justify-self:start;font-size:11px}.clock-group{grid-row:1/3;grid-column:2;justify-self:end;background:none;text-align:right}.timer{font-size:26px}.timer-label{min-height:0}.break-button{grid-row:2;grid-column:1;justify-self:start;background:none;padding:0;min-height:30px;font-size:10px}.placement{grid-row:3;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:10px}.placement strong{font-size:10px;margin:0}.player{grid-row:2;padding:18px 8px 10px;min-height:260px;border-radius:23px}.player h2{font-size:23px}.player-top{gap:9px}.turn-pill{font-size:9px;padding:4px 7px}.score-line{min-height:132px;gap:6px;margin:5px 0 12px}.score{font-size:85px;letter-spacing:-6px}.ball-display{min-width:50px;font-size:10px;gap:11px}.hero-ball{width:50px;height:50px}.career{font-size:8px;letter-spacing:0}.career span{padding:0 2px}.player-footer{gap:8px}.breaker{font-size:9px}.change-balls{font-size:9px}.last-action{font-size:10px;padding:0 3px}.last-action strong{font-size:10px}.undo{font-size:10px}.actions{grid-template-columns:1fr 1fr;padding:6px;gap:7px;border-radius:20px}.action{height:54px;border-radius:13px;font-size:13px;gap:9px}.action svg{width:18px;height:18px}.rivalry{grid-template-columns:1fr 1fr;padding:0;min-height:175px;margin-top:4px;border-top:1px solid #ffffff0b}.metric{padding:17px 12px!important;gap:8px}.metric:nth-child(2){border:0}.metric:nth-child(-n+2){border-bottom:1px solid #ffffff09}.metric-main{font-size:18px}.metric-note{font-size:8px}.metric-label{font-size:10px}.form-dots{gap:4px}.form-dot{width:10px;height:10px}.footer{padding:0 4px;font-size:9px}.footer button,.footer a{font-size:9px}.footer-links{gap:18px}.tv .club{height:auto}.tv .score{font-size:88px;letter-spacing:-5px}.tv .score-line{min-height:140px}.tv .hero-ball{width:52px;height:52px}.tv .player h2{font-size:23px}.tv .ball-display{font-size:10px;gap:12px}.tv .metric-main{font-size:18px}.tv .nudge{display:none}.tv .career{font-size:8px}.tv .middle{display:grid}.tv .arena{min-height:310px}.setup{padding:20px}.setup-grid{grid-template-columns:1fr;gap:20px;padding-top:0}.setup h1{font-size:44px}.setup-card{padding:22px}.score.digits3,.tv .score.digits3{font-size:62px;letter-spacing:-4px}.score.digits3+.ball-display .hero-ball{width:44px;height:44px}}
@media(min-width:601px) and (max-width:850px){.arena{grid-template-columns:1fr 1fr;grid-template-rows:80px 1fr;gap:16px;min-height:400px}.arena:before{display:none}.middle{grid-column:1/-1;grid-row:1;flex-direction:row;gap:24px;padding:0 10px}.middle .placement{width:180px;flex-shrink:0}.middle .clock-group{min-width:75px}.middle .break-button{white-space:nowrap}.player{grid-row:2;padding:22px 20px}.player-top{flex-direction:row;align-items:center}.player h2{font-size:28px}.score{font-size:140px;letter-spacing:-8px}.score-line{min-height:210px;margin:18px 0}.hero-ball{width:78px;height:78px}.ball-display{min-width:78px;font-size:13px}.player-bottom{flex-direction:row;align-items:center}.career{font-size:10px}.tv .middle{display:flex}.tv .score{font-size:150px}.tv .hero-ball{width:82px;height:82px}.tv .player h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.player.active .score{color:#f3f5fb}

/* Turn ownership must remain obvious from across the room. */
.player.active{background:radial-gradient(ellipse at 50% 45%,#365f805c 0%,#1c324b44 60%,#15233624 100%);box-shadow:inset 0 0 0 2px #9ed4ff,0 0 32px #6ab6ff0b}
.player.active h2{color:#cce8ff}
.turn-pill{padding:10px 13px;border-radius:12px;background:#b7dfff;color:#132237;font-size:14px;font-weight:750;letter-spacing:.7px;text-transform:uppercase}
.turn-pill .dot{width:6px;height:6px;background:#1e5278}
.paused .player.active{background:radial-gradient(ellipse at 50% 45%,#493a2360,transparent 90%);box-shadow:inset 0 0 0 2px #b99a72}
.paused .player.active h2{color:#f0d3af}.paused .turn-pill{background:#e5c79f;color:#33281a}.paused .turn-pill .dot{background:#73552d}
.tv .turn-pill{font-size:16px;padding:11px 15px}
.ball-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:140px;flex-shrink:0}.choice-label{grid-column:1/-1;text-align:center;font-size:11px;color:#c2cbd8;font-weight:550;margin-bottom:2px}.ball-choice button{min-height:94px;border-radius:16px;background:#293443;border:1px solid #ffffff16;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#e4ebf6;font-size:12px;font-weight:550;padding:10px 4px}.ball-choice button:hover:not(:disabled){background:#354860;border-color:#afd8fa80}.choice-ball{display:block;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffeac1,#eab259 45%,#8b551d 100%);box-shadow:inset -3px -4px 6px #0003,0 4px 9px #0002}.choice-ball.stripes{background:linear-gradient(20deg,#f2f0e8 0 25%,#bf5e51 26% 74%,#f2f0e8 75%)}.assignment-wait{font-size:10px;color:#8f9fb4}.open-table-note{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;padding:10px 14px;border:1px solid #aac8ec1c;border-radius:13px;background:#19212d;font-size:11px;line-height:1.4;color:#a5b3c7}.open-table-note strong{color:#e0eaf8;font-weight:600;white-space:nowrap}.open-ball-label{display:flex;align-items:center;flex-direction:column;gap:14px;color:#a7b6ca;font-size:13px;min-width:78px}.open-ring{width:70px;height:70px;border-radius:50%;border:2px dashed #647b9544}.field input[type=range]{padding:0;height:42px;border:0;background:none;accent-color:#b7dfff}.field label output{float:right;color:#dbeaff}.unassigned .score-line{gap:10px}
@media(max-width:850px){.ball-choice{width:130px;gap:6px}.ball-choice button{min-height:88px}.choice-ball{width:36px;height:36px}.open-table-note{font-size:10px;padding:9px 12px}}
@media(max-width:600px){.unassigned .score-line{flex-direction:column;align-items:flex-start;gap:16px;min-height:245px;margin-bottom:12px}.ball-choice{width:100%;gap:7px}.ball-choice button{min-height:86px}.choice-label{text-align:left;font-size:10px;margin-bottom:1px}.open-table-note{align-items:flex-start;flex-direction:column;gap:4px;font-size:10px;padding:12px}.open-ring{width:50px;height:50px}.open-ball-label{font-size:11px;min-width:50px}}
@media(max-width:850px){.turn-pill{font-size:12px;padding:8px 11px}.tv .turn-pill{font-size:13px;padding:9px 12px}}
@media(max-width:600px){.turn-pill{font-size:11px;padding:7px 9px;letter-spacing:.4px}.tv .turn-pill{font-size:11px;padding:7px 9px}.player.active{box-shadow:inset 0 0 0 2px #9ed4ff}}

.club.open-table{gap:14px}.club.open-table .arena{min-height:290px}.tv .club.open-table .arena{min-height:300px}@media(max-width:600px){.club.open-table .arena{min-height:310px}}
.actions{grid-template-columns:2.3fr .8fr .8fr 1.1fr;align-items:center}.actions [data-do=missed]{height:76px;font-size:18px;font-weight:600;background:#303a49;border-color:#b7dfff30}.actions [data-do=missed] svg{width:25px;height:25px}.actions [data-do=missed]:hover:not(:disabled){background:#3b4a5f}
@media(max-width:600px){.actions{grid-template-columns:1fr 1fr}.actions [data-do=missed]{grid-column:1/-1;height:72px;font-size:18px}.actions [data-do=won]{grid-column:1/-1;height:54px}}