:root{color-scheme:dark;--bg:#111713;--panel:#1a231d;--ink:#f1f1e5;--muted:#a3ada2;--line:#354035;--lime:#d4f178;--amber:#efbd79;--blue:#a3cfd5;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:4px}a{color:inherit}svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button{border:0}button:not(:disabled):active{transform:translateY(1px)}.club{max-width:1600px;margin:auto;padding:20px 28px 14px;min-height:100svh;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:46px}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:850;letter-spacing:-.5px;line-height:1;text-decoration:none}.brand .word{max-width:104px}.eight{height:38px;width:38px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-weight:bold;font-size:26px;position:relative;background:var(--ink);color:#18201a;box-shadow:inset 0 0 0 5px var(--bg)}.brand-sub{font-size:9px;letter-spacing:2.1px;color:var(--muted);font-weight:600;margin:5px 0 0}.top-tools{display:flex;align-items:center;gap:8px}.icon-btn,.quiet-btn{height:40px;border:1px solid var(--line);border-radius:11px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;font-size:12px;font-weight:650}.icon-btn{width:40px;padding:0}.icon-btn svg{width:18px;height:18px}.sync{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px;margin-right:10px}.dot{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block}.offline .dot{background:var(--amber)}.offline{color:var(--amber)}.session-row{display:flex;align-items:center;justify-content:space-between;padding-top:5px;border-top:1px solid var(--line);gap:12px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0}.session-title{font-family:Georgia,serif;font-weight:400;font-size:26px;letter-spacing:-.6px;margin:8px 0 0}.session-title em{color:var(--lime)}.session-meta{font-size:11px;color:var(--muted);text-align:right;line-height:1.7}.session-meta strong{font-weight:600;color:var(--ink)}.arena{display:grid;grid-template-columns:1fr 192px 1fr;gap:14px;flex:1;min-height:234px;max-height:390px}.player{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,#232e24,#19211c);padding:20px 24px 17px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s,background .2s}.player.active{border-color:var(--lime);background:radial-gradient(ellipse at 30% -25%,#425535 0,transparent 75%),linear-gradient(150deg,#273529,#1c281f)}.player.active:before{content:"";position:absolute;top:0;left:30px;right:30px;height:2px;background:var(--lime)}.player-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.player h2{font-size:clamp(22px,2.5vw,38px);font-weight:600;letter-spacing:-1px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-pill{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:6px;border:1px solid #6a7d4e;border-radius:20px;padding:6px 9px;color:var(--lime);white-space:nowrap}.waiting-pill{font-size:10px;color:var(--muted)}.score{font-family:Impact,"Arial Narrow",sans-serif;font-stretch:condensed;font-size:clamp(100px,13.5vw,190px);font-weight:400;line-height:.93;letter-spacing:-4px;margin:12px 0;color:var(--ink);font-variant-numeric:tabular-nums}.player.active .score{color:var(--lime)}.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.ball-kind{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink)}.pool-ball{width:21px;height:21px;border-radius:50%;background:var(--amber);box-shadow:inset -3px -4px 5px #0003;display:inline-block;flex-shrink:0}.pool-ball.stripes{background:linear-gradient(20deg,#f3ead4 0 25%,#d27450 26% 70%,#f3ead4 71%)}.breaker{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.breaker svg{width:13px;height:13px}.assign{border:1px dashed #68705e;border-radius:8px;padding:7px 10px;background:transparent;font-size:11px}.middle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.rack-pill{border:1px solid var(--line);border-radius:30px;padding:8px 16px;color:var(--muted);font-size:10px;letter-spacing:1.6px;font-weight:700}.turn-label{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--lime);margin:2px 0}.turn-name{font-size:18px;font-weight:600;max-width:184px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.timer{font-size:42px;letter-spacing:-2px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1.1;margin:0}.timer-label{font-size:10px;color:var(--muted);margin-top:3px}.break-button{background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:11px;padding:10px}.break-button svg{width:13px;height:13px}.paused .timer,.paused .turn-label{color:var(--amber)}.placement{font-size:11px;line-height:1.5;padding:10px 6px;border:1px solid #667449;border-radius:12px;width:100%;background:#d4f10e08}.placement strong{display:block;color:var(--lime);font-size:12px;margin-bottom:3px}.placement.scratch{border-color:#795e3c}.placement.scratch strong{color:var(--amber)}.last-action{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.last-action strong{color:var(--ink);font-weight:500}.last-action .nudge{font-family:Georgia,serif;font-size:14px;font-style:italic;color:#bec4b5}.undo{display:flex;align-items:center;gap:6px;background:transparent;font-size:11px;padding:5px 0;white-space:nowrap;color:var(--muted)}.undo svg{width:14px;height:14px}.actions{display:grid;grid-template-columns:repeat(3,1fr) 1.22fr;gap:10px}.action{height:68px;border:1px solid #53604c;border-radius:15px;background:#222d24;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .15s}.action:hover:not(:disabled){background:#2d3c2d}.action.foul svg{color:var(--amber)}.action.scratch svg{color:var(--blue)}.action.win{color:#1c2717;background:var(--lime);border-color:var(--lime)}.action.win:hover:not(:disabled){background:#e2ffa0}.action svg{width:23px;height:23px}.rivalry{display:grid;grid-template-columns:1.06fr 1fr 1fr 1.1fr;border:1px solid var(--line);border-radius:17px;padding:17px 0;margin-top:1px;min-height:94px;background:#161e18}.metric{padding:0 20px;min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:7px}.metric:last-child{border-right:0}.metric-label{font-size:9px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase;margin:0}.metric-main{font-size:18px;letter-spacing:-.3px;line-height:1.15;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-main .dim{color:#71816c}.metric-main strong{font-weight:550}.metric-note{font-size:10px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-dots{display:flex;gap:5px;padding:3px 0}.form-dot{width:15px;height:15px;background:var(--lime);border-radius:50%;display:inline-block}.form-dot.p2{background:var(--blue)}.form-dot.empty{background:#384236}.legend{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:3px}.legend i.p2{background:var(--blue)}.footer{display:flex;justify-content:space-between;align-items:center;color:#899380;font-size:10px;gap:12px;padding:0 2px}.footer button,.footer a{color:var(--muted);border:0;background:transparent;font-size:10px;text-decoration:none;padding:4px 0}.footer-links{display:flex;gap:18px}.tv .actions,.tv .last-action .undo{display:none}.tv .arena{max-height:none}.tv .score{font-size:clamp(140px,22vw,330px)}.tv .club{height:100svh}.tv .middle{gap:24px}.tv .timer{font-size:62px}.tv .turn-name{font-size:25px}.tv .player{justify-content:space-around}.tv .turn-pill{font-size:12px}.tv .rivalry{min-height:110px}.tv .metric-main{font-size:24px}.tv .session-title{font-size:30px}.tv .placement{font-size:14px}.tv .placement strong{font-size:16px}.tv .break-button{display:none}.tv .player h2{font-size:38px}.tv .ball-kind{font-size:18px}.tv .player-bottom{padding-bottom:15px}.tv .nudge{font-size:18px}.loading{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:13px;gap:15px}.loading .eight{width:62px;height:62px;font-size:34px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:90vw;border:1px solid #687f4d;border-radius:13px;background:#d4f178;color:#182013;box-shadow:0 10px 60px #0007;padding:14px 22px;z-index:90;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#f0c88c;color:#321f0c;border-color:#d7a25d}dialog{background:#1d271f;color:var(--ink);border:1px solid #536049;border-radius:23px;padding:28px;width:min(460px,calc(100vw - 36px));max-height:88svh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070d09bf;backdrop-filter:blur(7px)}dialog h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.7px;margin:5px 0 14px}dialog p{font-size:13px;line-height:1.6;color:var(--muted)}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top .icon-btn{border:0;margin:-10px}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions button{height:48px;border-radius:12px;flex:1;background:#2c392c;border:1px solid #536049;font-weight:600;font-size:13px}.modal-actions .primary{background:var(--lime);color:#1c2717;border-color:var(--lime)}.modal-actions .danger{background:#d5aa77;color:#291b0d;border-color:#d5aa77}.field{display:flex;flex-direction:column;gap:8px;margin:14px 0}.field label{font-size:11px;font-weight:650;color:var(--muted)}.field input{border:1px solid #52604a;background:#121b14;border-radius:10px;padding:14px;color:var(--ink);width:100%;font-size:16px}.pin-input{text-align:center;letter-spacing:12px}.modal-error{min-height:20px;color:var(--amber)!important;margin-bottom:0!important;font-size:12px!important}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-list button,.history-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;padding:15px;background:transparent;font-size:13px;text-align:left}.settings-list button span{color:var(--muted);font-size:11px}.rule-card{border-top:1px solid var(--line);padding:15px 0}.rule-card strong{font-size:14px}.rule-card p{margin:5px 0}.history-list{display:flex;flex-direction:column;gap:7px}.history-item{padding:12px;font-size:12px}.history-item time{font-size:10px;color:var(--muted)}.history-item small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.setup{max-width:1000px;margin:auto;padding:30px;min-height:100svh;display:flex;flex-direction:column;gap:24px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:45px}.setup h1{font-family:Georgia,serif;font-size:60px;letter-spacing:-2px;font-weight:400;line-height:1.04;margin:20px 0}.setup h1 em{color:var(--lime)}.setup p{color:var(--muted);font-size:14px;line-height:1.7}.setup-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px}.setup-card .action{width:100%}.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setup-card details{font-size:12px;color:var(--muted);margin:15px 0 24px}.setup-card summary{cursor:pointer;padding:8px 0}.leaderboard{margin-top:18px}.leaderboard button{background:none;width:100%;border-top:1px solid var(--line);padding:14px 0;text-align:left;display:flex;justify-content:space-between;font-size:13px}.leaderboard span{color:var(--muted)}.resume-card{padding:20px;border:1px solid #6b7d4f;border-radius:15px;margin-bottom:20px;background:#263321}.resume-card .quiet-btn{margin-top:14px;background:var(--lime);color:#1c2717}.celebration{position:fixed;inset:0;z-index:80;background:#101b14e8;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;animation:celebrateFade 2.8s both}.celebration .victory{font-family:Georgia,serif;font-size:clamp(46px,7vw,95px);font-style:italic;margin:12px 0;color:var(--lime)}.celebration .trophy{font-size:48px}.celebration p{color:var(--muted);font-size:14px}.celebration .eyebrow{color:var(--ink)}@keyframes celebrateFade{0%{opacity:0}10%,80%{opacity:1}100%{opacity:0}}@media(min-width:900px) and (max-height:820px){.club{height:100svh;gap:12px;padding-top:16px}.topbar{min-height:40px}.arena{min-height:210px}.player{padding:16px 20px}.score{font-size:clamp(100px,12vw,155px)}.rivalry{padding:14px 0;min-height:88px}.session-title{font-size:25px}.action{height:62px}}@media(max-width:850px){.club{padding:18px;gap:14px}.arena{grid-template-columns:1fr 150px 1fr;gap:9px;max-height:400px}.player{padding:18px 16px}.player h2{font-size:24px}.turn-pill{font-size:8px;padding:5px 6px;letter-spacing:.5px}.score{font-size:115px}.middle{gap:12px}.turn-name{font-size:15px;max-width:142px}.timer{font-size:36px}.player-top{flex-direction:column;align-items:flex-start;gap:10px}.player-bottom{align-items:flex-start;flex-direction:column;gap:10px}.metric{padding:0 13px}.metric-main{font-size:16px}.form-dot{width:12px;height:12px}.form-dots{gap:4px}.action{height:64px;font-size:14px;gap:8px}.sync{margin-right:4px}.quiet-btn{padding:0 10px}.topbar .brand-sub{display:none}.tv .score{font-size:140px}}@media(max-width:600px){.club{padding:14px;gap:12px;min-height:100svh}.top-tools{gap:5px}.sync{font-size:0;gap:0}.brand{font-size:13px}.eight{height:32px;width:32px;font-size:23px}.brand .word{max-width:90px}.icon-btn{height:36px;width:36px}.top-tools .quiet-btn{height:36px;font-size:0;padding:0;width:36px;gap:0}.top-tools .quiet-btn svg{width:17px}.session-title{font-size:25px}.session-meta{font-size:10px}.arena{grid-template-columns:1fr 1fr;position:relative;min-height:290px;max-height:none;flex:initial;gap:10px}.player{grid-row:2;min-height:240px;padding:17px 16px}.middle{grid-row:1;grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;text-align:left;gap:6px 12px;padding:10px 4px 16px;min-height:106px}.rack-pill{grid-column:1;grid-row:1;justify-self:start;padding:6px 10px;font-size:9px}.turn-group{grid-row:2;grid-column:1/3}.turn-name{font-size:20px;max-width:240px}.turn-label{font-size:9px}.clock-group{grid-column:3;grid-row:1/3;text-align:right}.timer{font-size:36px}.break-button{grid-column:3;grid-row:3;justify-self:end;padding:5px 0}.placement{grid-column:1/3;grid-row:3;text-align:left;font-size:10px;padding:6px 9px}.placement strong{font-size:11px;margin-bottom:1px}.player h2{font-size:25px}.score{font-size:104px;letter-spacing:-3px}.player-top{gap:7px}.player-bottom{gap:8px}.actions{grid-template-columns:repeat(2,1fr);gap:9px}.action{height:57px}.rivalry{grid-template-columns:1fr 1fr;padding:0;gap:0;min-height:170px}.metric{padding:14px 17px;gap:8px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-main{font-size:18px}.metric-note{font-size:10px}.form-dot{width:13px;height:13px}.footer{font-size:9px;align-items:flex-start;line-height:1.7}.footer-links{gap:10px}.last-action{font-size:10px}.last-action .nudge{font-size:12px}.setup{padding:20px}.setup-grid{grid-template-columns:1fr;gap:20px;padding-top:5px}.setup h1{font-size:48px}.setup-card{padding:20px}.tv .club{height:auto}.tv .middle{display:grid}.tv .score{font-size:110px}.tv .timer{font-size:36px}.tv .player h2{font-size:26px}.tv .rivalry{min-height:170px}.tv .metric-main{font-size:18px}.tv .placement{font-size:10px}.tv .placement strong{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

.player-footer{display:flex;flex-direction:column;gap:12px}.career{font-size:10px;color:var(--muted);margin:0}.career span{padding:0 5px;color:#667561}.break-button{min-height:44px}.turn-name{line-height:1.3}.trophy svg{width:50px;height:50px;color:var(--lime)}.legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv .career{font-size:14px}

.score-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.ball-display{display:flex;align-items:center;flex-direction:column;gap:14px;font-size:14px;font-weight:600;letter-spacing:.3px;padding-right:6px}.hero-ball{display:block;width:76px;height:76px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#ffe6a6 0,#e9ad44 42%,#9f621f 100%);box-shadow:inset -8px -9px 12px #0004,0 8px 16px #0003,0 0 0 1px #f8d88244}.hero-ball:after{content:"";position:absolute;top:15%;left:20%;width:24%;height:14%;border-radius:50%;background:#fff8;filter:blur(2px)}.hero-ball.stripes{background:linear-gradient(0deg,#efe9d6 0 27%,#ce5b42 28% 72%,#efe9d6 73%);animation:stripeSpin 4s linear infinite;box-shadow:inset -8px -9px 12px #0003,0 8px 16px #0003,0 0 0 1px #fff3}.hero-ball.stripes:after{background:#fffa}.change-balls{padding:4px 0;min-height:32px;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-decoration-color:#55624b;text-underline-offset:4px}@keyframes stripeSpin{to{transform:rotate(360deg)}}.tv .hero-ball{width:110px;height:110px}.tv .ball-display{font-size:22px;gap:20px}@media(max-width:850px){.hero-ball{width:60px;height:60px}.ball-display{font-size:12px;gap:12px;padding:0}.score-line{gap:8px}.score{font-size:100px}}@media(max-width:600px){.hero-ball{width:52px;height:52px}.ball-display{font-size:11px;gap:9px}.score{font-size:90px}.player{padding:14px 13px}.tv .hero-ball{width:58px;height:58px}.tv .ball-display{font-size:12px}.tv .score{font-size:96px}}@media(prefers-reduced-motion:reduce){.hero-ball.stripes{animation:none}}

.tv .hero-ball{width:clamp(64px,8vw,110px);height:clamp(64px,8vw,110px)}.score.digits3{font-size:clamp(74px,10vw,140px)}.tv .score.digits3{font-size:clamp(94px,15vw,240px)}@media(max-width:600px){.score.digits3{font-size:68px}.score.digits3+.ball-display .hero-ball{width:44px;height:44px}.tv .score.digits3{font-size:68px}}