@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-vietnamese-500-normal-DjztbcKe.woff2)format("woff2"),url(/assets/public-sans-vietnamese-500-normal-CXYe29CY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-ext-500-normal-DC-z7ASZ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-500-normal-BHCCp-na.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-500-normal-NlrCPXnF.woff2)format("woff2"),url(/assets/public-sans-latin-500-normal-vCxiVFAq.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2)format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2)format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2)format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pitch:#0b0906;--pitch-lift:#131009;--mahogany:#2a1a12;--chalk:#ede7da;--brass:#c08a2e;--chalk-70:#ede7dab3;--chalk-45:#ede7da73;--chalk-28:#ede7da47;--chalk-12:#ede7da1f;--chalk-06:#ede7da0f;--v1:#b21f1f;--v2:#e3b60e;--v3:#157a3a;--v4:#7a4a22;--v5:#1b54b8;--v6:#d9628a;--v7:#14100e;--face-plate:"Archivo Variable", "Archivo", system-ui, sans-serif;--face-body:"Public Sans", system-ui, -apple-system, sans-serif;--u:4px;--radius:2px;--rule:1px solid var(--chalk-12);--swift:.14s cubic-bezier(.2, 0, 0, 1);--settle:.32s cubic-bezier(.2, 0, 0, 1);--table-left:0px;--table-top:0px;--table-render-width:100vw;--table-render-height:100dvh;--power-left:100vw;--power-top:50dvh;--power-height:200px}.plate-wide{font-family:var(--face-plate);text-transform:uppercase;letter-spacing:.14em;font-variant-numeric:tabular-nums;font-weight:700;font-stretch:118%}.plate-narrow{font-family:var(--face-plate);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:600;font-stretch:78%}.v-0{--value-colour:var(--chalk)}.v-1{--value-colour:var(--v1)}.v-2{--value-colour:var(--v2)}.v-3{--value-colour:var(--v3)}.v-4{--value-colour:var(--v4)}.v-5{--value-colour:var(--v5)}.v-6{--value-colour:var(--v6)}.v-7{--value-colour:var(--v7)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh;overflow:hidden}body{background:var(--pitch);color:var(--chalk);font-family:var(--face-body);-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default}input[type=range]{appearance:none;touch-action:none;background:0 0}img{-webkit-user-drag:none;display:block}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.arena{background:var(--pitch);isolation:isolate;--rail-w:118px;--pad-t:calc(54px + env(safe-area-inset-top));--pad-r:calc(var(--rail-w) + env(safe-area-inset-right));--pad-b:calc(52px + env(safe-area-inset-bottom));--pad-l:calc(12px + env(safe-area-inset-left));--inset-x:var(--pad-l) var(--pad-r);--inset-l:var(--pad-l);--inset-r:var(--pad-r);--table-x:calc(var(--pad-l) + var(--table-left));--table-y:calc(var(--pad-t) + var(--table-top));--table-cx:calc(var(--table-x) + var(--table-render-width) / 2);--table-cy:calc(var(--table-y) + var(--table-render-height) / 2);position:fixed;inset:0;overflow:hidden}@media (max-height:560px){.arena{--rail-w:98px;--pad-t:calc(30px + env(safe-area-inset-top));--pad-b:calc(34px + env(safe-area-inset-bottom));--pad-l:calc(8px + env(safe-area-inset-left))}}.arena-light{z-index:0;pointer-events:none;--light-w:calc(var(--table-render-width) * .86);--light-h:calc(var(--table-render-height) * 1.22);background: radial-gradient(ellipse var(--light-w) var(--light-h) at var(--table-cx) var(--table-cy), #fff0d221 0%, #ffecc812 38%, #ffe8c305 62%, transparent 78%),  radial-gradient(ellipse calc(var(--light-w) * 1.9) calc(var(--light-h) * 2.4) at var(--table-cx) var(--table-cy), #c48a3a12 0%, transparent 70%);transform-origin:var(--table-cx) var(--table-cy);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .56s ease-out;position:absolute;inset:0;transform:scale(.72)}.arena[data-lit=true] .arena-light{opacity:1;transform:scale(1)}.arena[data-motion=moving] .arena-light{opacity:.74;transition-duration:.32s;transform:scale(.94)}.arena-foul{z-index:1;pointer-events:none;background:radial-gradient(ellipse 130% 110% at var(--table-cx) var(--table-cy), transparent 26%, #b21f1f4d 100%);animation:.18s step-end both foul-cut;position:absolute;inset:0}@keyframes foul-cut{0%{opacity:1}to{opacity:0}}.table-mount{inset:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l);z-index:2;place-items:center;display:grid;position:absolute}.table-mount canvas{touch-action:none;filter:drop-shadow(0 18px 44px #000000b3);display:block}.table-layer{left:var(--table-x);top:var(--table-y);width:var(--table-render-width);height:var(--table-render-height);z-index:4;pointer-events:none;position:absolute}.table-layer>*{pointer-events:auto}.arena>:not(.arena-light):not(.arena-foul):not(.table-mount):not(.table-layer){z-index:5}@media (prefers-reduced-motion:reduce){.arena-light{transition:opacity 1ms linear;transform:none}.arena[data-lit=true] .arena-light,.arena[data-motion=moving] .arena-light{transform:none}.arena-foul{animation-duration:1ms}}.nameplate{top:max(0px, env(safe-area-inset-top));left:var(--inset-l);right:var(--inset-r);height:calc(var(--pad-t) - env(safe-area-inset-top));align-items:center;gap:calc(var(--u) * 4);pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.player-plate{align-items:baseline;gap:calc(var(--u) * 2.5);min-width:0;padding-bottom:calc(var(--u) * 1.5);transition:border-color var(--swift);border-bottom:2px solid #0000;display:flex}.player-plate[data-side=right]{flex-direction:row-reverse}.player-plate[data-active=true]{border-bottom-color:var(--brass)}.player-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--chalk-45);transition:color var(--swift);flex:0 auto;font-size:.75rem;overflow:hidden}.player-plate[data-active=true] .player-name{color:var(--chalk)}.player-score{color:var(--chalk-45);transition:color var(--swift);flex:none;font-size:clamp(1.5rem,3.2vw,2.125rem);font-weight:700;font-stretch:72%;line-height:.92;overflow:hidden}.player-plate[data-active=true] .player-score{color:var(--chalk)}.score-digits{animation:.26s cubic-bezier(.2,0,0,1) score-climb;display:block}@keyframes score-climb{0%{opacity:0;transform:translateY(58%)}to{opacity:1;transform:translateY(0)}}.player-break{color:var(--brass);letter-spacing:.06em;flex:none;font-size:.6875rem}.nameplate-frames{align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u)) calc(var(--u)) calc(var(--u)) calc(var(--u) * 2.5);border:var(--rule);border-radius:var(--radius);background:var(--pitch-lift);pointer-events:auto;display:flex}.frame-reset{block-size:24px;inline-size:24px}@media (pointer:coarse){.frame-reset{block-size:34px;inline-size:34px}}.frames-score{color:var(--chalk);font-size:.9375rem;font-weight:700}.frames-label{color:var(--chalk-28);font-size:.5625rem}@media (max-height:560px){.nameplate{gap:calc(var(--u) * 2)}.player-plate{padding-bottom:calc(var(--u) * .75)}.player-name{letter-spacing:.1em;font-size:.625rem}.player-score{font-size:1.25rem}.player-break{font-size:.625rem}.frames-label{display:none}}@media (max-width:480px){.player-break{display:none}}.cue-rail{top:max(0px, env(safe-area-inset-top));right:max(0px, env(safe-area-inset-right));bottom:max(0px, env(safe-area-inset-bottom));inline-size:var(--rail-w);align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 1.5) calc(var(--u) * 2.5);border-left:var(--rule);flex-direction:column;display:flex;position:absolute}.rail-utilities{gap:calc(var(--u));flex:none;display:flex}.icon-button{border-radius:var(--radius);block-size:28px;inline-size:28px;color:var(--chalk-45);transition:color var(--swift), background var(--swift);place-items:center;display:grid;position:relative}.icon-button:hover{color:var(--chalk);background:var(--chalk-06)}.break-counter{inline-size:100%;padding-block:calc(var(--u));border-block:var(--rule);flex:none;justify-items:center;gap:1px;display:grid}.break-counter-label{color:var(--chalk-28);font-size:.5rem}.break-counter-value{color:var(--chalk-28);transition:color var(--swift);font-size:1.625rem;line-height:1}.break-counter[data-live] .break-counter-value{color:var(--brass);animation:.26s cubic-bezier(.2,0,0,1) score-climb}.break-counter-name{white-space:nowrap;text-overflow:ellipsis;max-inline-size:100%;color:var(--chalk-45);font-size:.4375rem;overflow:hidden}.power-column{align-items:center;gap:calc(var(--u) * 1.5);flex-direction:column;flex:auto;min-block-size:0;inline-size:100%;display:flex}.power-value{color:var(--chalk);flex:none;font-size:1rem;font-weight:700;line-height:1}.power-column[data-blocked] .power-value{color:var(--chalk-28)}.power-track{flex:auto;min-block-size:44px;inline-size:100%;position:relative;container-type:size}.power-track:before{content:"";inset-block:0;background:var(--chalk-06);inline-size:6px;box-shadow:inset 0 0 0 1px var(--chalk-12);border-radius:3px;position:absolute;left:50%;transform:translate(-50%)}.power-ticks{inset-block:0;background:repeating-linear-gradient(to top, var(--chalk-12) 0 1px, transparent 1px 25%);opacity:.7;inline-size:20px;position:absolute;left:50%;transform:translate(-50%)}.power-fill{inline-size:6px;block-size:var(--power-level,0%);background:linear-gradient(to top, #8a5f19, var(--brass));transition:block-size var(--swift);border-radius:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.power-fill:after{content:"";background:var(--chalk);block-size:2px;inline-size:22px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.power-column[data-blocked] .power-fill{background:var(--chalk-12)}.power-column[data-blocked] .power-fill:after{background:var(--chalk-28)}.power-slider{opacity:0;cursor:ns-resize;block-size:44px;inline-size:100cqh;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.power-slider:disabled{cursor:default}.power-track:has(.power-slider:focus-visible){outline:2px solid var(--brass);outline-offset:4px}.power-label{color:var(--chalk-28);flex:none;font-size:.5625rem}.strike{align-items:center;gap:calc(var(--u) * 2);--strike-size:104px;flex-direction:column;flex:none;inline-size:100%;display:flex}.strike-ball{inline-size:var(--strike-size);block-size:var(--strike-size);clip-path:circle(50%);touch-action:none;cursor:crosshair;transition:opacity var(--swift);border-radius:50%;position:relative}.strike-ball-face{pointer-events:none;--ball-fill:.87971;block-size:100%;inline-size:100%;transform:scale(calc(1 / var(--ball-fill)));border-radius:50%}.strike[data-blocked] .strike-ball{opacity:.26;cursor:default}.strike[data-idle]:not([data-blocked]) .strike-ball{cursor:cell}.strike-point{background:var(--chalk);pointer-events:none;block-size:12px;inline-size:12px;transition:opacity var(--swift);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c,0 0 10px #fff5e199}.strike[data-blocked] .strike-point{opacity:0}.strike:has(.strike-axes input:focus-visible) .strike-ball{outline:2px solid var(--brass);outline-offset:3px}.strike-axes{clip-path:inset(50%);block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.elevation{align-items:center;column-gap:calc(var(--u));grid-template-columns:1fr auto;inline-size:100%;display:grid}.elevation-label{color:var(--chalk-28);font-size:.5625rem}.elevation-value{color:var(--chalk-45);font-size:.625rem}.elevation input[type=range]{cursor:pointer;grid-column:1/-1;block-size:26px;inline-size:100%}.elevation input[type=range]::-webkit-slider-runnable-track{background:var(--chalk-12);block-size:2px}.elevation input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--chalk-70);border-radius:50%;block-size:10px;inline-size:10px;margin-top:-4px}.elevation input[type=range]::-moz-range-track{background:var(--chalk-12);block-size:2px}.elevation input[type=range]::-moz-range-thumb{background:var(--chalk-70);border:0;border-radius:50%;block-size:10px;inline-size:10px}.elevation input[type=range]:disabled{cursor:default;opacity:.4}.strike-hint{text-align:center;color:var(--chalk-28);transition:color var(--swift);flex:none;font-size:.5rem;line-height:1.3}.strike:not([data-blocked]):not([data-idle]) .strike-hint{color:var(--brass)}@media (max-height:560px){.cue-rail{padding:calc(var(--u)) calc(var(--u) * 1.5) calc(var(--u) * 1.5);gap:calc(var(--u) * 1.5)}.icon-button{block-size:42px;inline-size:42px}.power-value{font-size:.875rem}.power-label{display:none}.strike{--strike-size:84px}.strike-hint{display:none}}.fine-aim{border:1px solid var(--chalk-12);border-radius:var(--radius);white-space:nowrap;--shift-x:-50%;--shift-y:calc(-50% - 46px);transform:translate(var(--shift-x), var(--shift-y));background:#0b0906db;align-items:center;gap:1px;padding:2px;display:flex;position:absolute;box-shadow:0 6px 18px #00000080}.fine-aim.align-left{--shift-x:-14%}.fine-aim.align-right{--shift-x:-86%}.fine-aim.place-below{--shift-y:calc(-50% + 46px)}.fine-aim.is-detached{--shift-x:-50%;--shift-y:-50%}.fine-aim.is-parked{left:calc(var(--u) * 2);bottom:calc(var(--u) * 2);transform:none}.fine-aim button{border-radius:var(--radius);block-size:34px;inline-size:34px;color:var(--chalk-70);transition:color var(--swift), background var(--swift);place-items:center;display:grid}.fine-aim button:hover{color:var(--chalk);background:var(--chalk-06)}.fine-aim button:active{background:var(--chalk-12)}.fine-aim-grip{cursor:grab;touch-action:none;color:var(--chalk-28)!important}.fine-aim-grip:active{cursor:grabbing}.fine-aim-lock{color:var(--brass)!important}@media (pointer:coarse){.fine-aim button{block-size:44px;inline-size:44px}}.referee-bar{bottom:max(0px, env(safe-area-inset-bottom));left:var(--inset-l);right:var(--inset-r);height:calc(var(--pad-b) - env(safe-area-inset-bottom));align-items:center;gap:calc(var(--u) * 4);pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:absolute}.remaining-balls{align-items:center;gap:calc(var(--u) * 3.5);justify-self:start;display:flex}.remaining-reds{align-items:center;gap:calc(var(--u) * 2);display:flex}.remaining-reds b{color:var(--chalk);font-size:1.0625rem;font-weight:700}.remaining-colours{align-items:center;gap:calc(var(--u) * 2);display:flex}.value-disc{background:radial-gradient(circle at 34% 28%, #ffffff73, transparent 52%), var(--value-colour);transition:opacity var(--swift);border-radius:50%;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px #00000059}.value-disc.v-7{box-shadow:inset 0 0 0 1px var(--chalk-28)}.value-disc[data-dim]{opacity:.16}.referee-call{white-space:nowrap;text-overflow:ellipsis;max-width:46ch;font-family:var(--face-body);letter-spacing:.01em;color:var(--chalk);text-align:center;margin:0;font-size:.875rem;font-weight:500;overflow:hidden}.referee-meta{align-items:center;gap:calc(var(--u) * 2.5);color:var(--chalk-45);white-space:nowrap;justify-self:end;font-size:.6875rem;display:flex}.meta-rule{background:var(--chalk-12);block-size:10px;inline-size:1px}.connection-lamp{align-items:center;gap:calc(var(--u) * 1.5);display:flex}.connection-lamp i{background:var(--chalk-28);border-radius:50%;block-size:6px;inline-size:6px}.connection-lamp[data-state=online] i{background:var(--brass);box-shadow:0 0 6px #c08a2ecc}.connection-lamp[data-state=connecting] i{background:var(--brass);animation:1.4s step-end infinite lamp-search}@keyframes lamp-search{0%,49%{opacity:1}50%,to{opacity:.2}}@media (max-height:560px){.referee-bar{gap:calc(var(--u) * 2)}.referee-call{font-size:.75rem}.referee-meta{gap:calc(var(--u) * 2);font-size:.625rem}.connection-label{display:none}}@media (max-width:720px){.connection-label{display:none}}.frame-equation,.break-strip,.aim-chip,.referee-panel{border:1px solid var(--chalk-12);border-radius:var(--radius);background:#0b0906db;box-shadow:0 6px 18px #00000080}.table-layer>.table-callouts{top:calc(var(--u) * 2);align-items:center;gap:calc(var(--u));pointer-events:none;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.frame-equation{align-items:center;gap:calc(var(--u) * 2.5);padding:calc(var(--u)) calc(var(--u) * 2.5);display:flex}.frame-equation>strong{color:var(--chalk-70);font-size:.625rem}.equation-term{flex-direction:column;align-items:center;gap:1px;display:flex}.equation-term small{color:var(--chalk-28);font-size:.5rem;line-height:1}.equation-term b{color:var(--chalk);font-size:.9375rem;line-height:1}.equation-over b,.equation-over small{color:var(--v1)}.frame-equation[data-decided]{border-color:#b21f1f8c}.break-strip{align-items:center;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * .75) calc(var(--u) * 2);display:flex}.break-strip>b{color:var(--brass);font-size:.8125rem;line-height:1}.break-balls{align-items:center;gap:2px;display:flex}.aim-chip{right:calc(var(--u) * 2);bottom:calc(var(--u) * 2);align-items:center;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * .5) calc(var(--u) * .5) calc(var(--u) * .5) calc(var(--u) * 2);color:var(--chalk-70);white-space:nowrap;font-size:.6875rem;display:flex;position:absolute}.aim-chip-hint{box-shadow:none;color:var(--chalk-45);text-shadow:0 1px 8px #000000f2;pointer-events:none;background:0 0;border:0;padding:0}.aim-chip-clear{border-radius:var(--radius);block-size:20px;inline-size:20px;color:var(--chalk-45);transition:color var(--swift), background var(--swift);place-items:center;display:grid}.aim-chip-clear:hover{color:var(--chalk);background:var(--chalk-06)}.referee-panel{left:50%;bottom:calc(var(--u) * 3);max-inline-size:calc(100% - var(--u) * 8);align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 3);background:#0f0907f0;border-color:#b21f1f8c;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 30px #000000a6}.referee-verdict{min-inline-size:0}.referee-verdict-call{color:var(--v1);font-size:.75rem}.referee-verdict-reason{color:var(--chalk-45);margin-top:2px;font-size:.75rem}.referee-choices{align-items:center;gap:calc(var(--u) * 1.5);display:flex}.choice{min-block-size:34px;padding:0 calc(var(--u) * 3);border:1px solid var(--chalk-12);border-radius:var(--radius);color:var(--chalk-70);white-space:nowrap;transition:color var(--swift), background var(--swift), border-color var(--swift);font-size:.8125rem}.choice:hover{color:var(--chalk);border-color:var(--chalk-28);background:var(--chalk-06)}.choice-primary{border-color:var(--brass);color:var(--brass)}.choice-primary:hover{background:var(--brass);border-color:var(--brass);color:var(--pitch)}.referee-centre{justify-self:center;align-items:center;gap:calc(var(--u) * 3);min-inline-size:0;display:flex}.call-actions{align-items:center;gap:calc(var(--u) * 1.5);pointer-events:auto;display:flex}.call-action{min-block-size:26px;padding:0 calc(var(--u) * 2.5);border:1px solid var(--chalk-12);border-radius:var(--radius);color:var(--chalk-70);white-space:nowrap;transition:color var(--swift), background var(--swift), border-color var(--swift);font-size:.75rem}.call-action:hover{color:var(--chalk);border-color:var(--chalk-28);background:var(--chalk-06)}.call-action-primary{border-color:var(--brass);color:var(--brass)}.call-action-primary:hover{background:var(--brass);border-color:var(--brass);color:var(--pitch)}.concede[data-armed]{gap:calc(var(--u));inline-size:auto;padding:0 calc(var(--u) * 1.5);color:var(--v1);grid-auto-flow:column;box-shadow:inset 0 0 0 1px #b21f1f99}.concede-confirm{font-size:.5625rem}@media (max-height:560px){.frame-equation{gap:calc(var(--u) * 2);padding:calc(var(--u) * .75) calc(var(--u) * 2)}.equation-term b{font-size:.8125rem}.referee-panel{gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 1.5) calc(var(--u) * 2)}.referee-verdict-reason{display:none}}@media (pointer:coarse){.choice{min-block-size:44px}.call-action{min-block-size:34px}.aim-chip-clear{block-size:30px;inline-size:30px}}@media (max-width:720px){.referee-panel{align-items:stretch;gap:calc(var(--u) * 1.5);flex-direction:column}.referee-choices{flex-wrap:wrap}}.start{z-index:30;padding:calc(var(--u) * 6);padding-left:max(calc(var(--u) * 6), env(safe-area-inset-left));padding-right:max(calc(var(--u) * 6), env(safe-area-inset-right));background:radial-gradient(ellipse 90% 80% at var(--table-cx,50%) var(--table-cy,50%), #0b0906d1 0%, #0b0906f2 55%, var(--pitch) 100%);place-items:center;animation:.52s cubic-bezier(.2,0,0,1) both start-in;display:grid;position:fixed;inset:0}@keyframes start-in{0%{opacity:0}to{opacity:1}}.start-card{text-align:center;inline-size:min(46ch,100%)}.start-eyebrow{margin:0 0 calc(var(--u) * 5);color:var(--brass);font-size:.625rem}.start-title{margin:0 0 calc(var(--u) * 5);gap:calc(var(--u) * -.5);font-weight:700;line-height:.86;display:grid}.start-title-line{letter-spacing:.1em;color:var(--chalk);font-size:clamp(2.5rem,9vw,4.25rem);display:block}.start-title-room{letter-spacing:.02em;color:#0000;-webkit-text-stroke:1px var(--chalk-45);font-stretch:62%}.start-body{margin:0 0 calc(var(--u) * 6);font-family:var(--face-body);color:var(--chalk-45);font-size:.9375rem;line-height:1.55}.start-rack{margin:0 0 calc(var(--u) * 7);justify-content:center;gap:calc(var(--u) * 3);padding:0;list-style:none;display:flex}.start-rack-ball{justify-items:center;gap:calc(var(--u));animation:.42s cubic-bezier(.16,1,.3,1) both rack-drop;animation-delay:calc(var(--i) * 55ms + .18s);display:grid}@keyframes rack-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.start-rack-value{color:var(--chalk-28);font-size:.5625rem}.start-button{min-block-size:54px;inline-size:100%;margin-bottom:calc(var(--u) * 6);border:1px solid var(--brass);border-radius:var(--radius);color:var(--brass);transition:background var(--swift), color var(--swift), border-color var(--swift);font-size:.875rem}.start-button:not(:disabled):hover{background:var(--brass);color:var(--pitch)}.start-button:not(:disabled):active{transform:translateY(1px)}.start-button:disabled{border-color:var(--chalk-12);color:var(--chalk-28)}.start-keys{gap:calc(var(--u) * 2);text-align:left;border-top:var(--rule);padding-top:calc(var(--u) * 3);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.start-keys dt{color:var(--chalk-28);font-size:.5rem}.start-keys dd{font-family:var(--face-body);color:var(--chalk-70);margin:2px 0 0;font-size:.6875rem;line-height:1.35}@media (max-height:560px){.start-card{inline-size:min(52ch,100%)}.start-eyebrow,.start-title{margin-bottom:calc(var(--u) * 2)}.start-title-line{font-size:clamp(1.75rem,6vw,2.5rem)}.start-body,.start-keys{display:none}.start-rack{margin-bottom:calc(var(--u) * 3);gap:calc(var(--u) * 2)}.start-button{min-block-size:46px;margin-bottom:0}}@media (prefers-reduced-motion:reduce){.start,.start-rack-ball{animation-duration:1ms;animation-delay:0s}}.overlay{z-index:40;padding:calc(var(--u) * 6);padding-left:max(calc(var(--u) * 6), env(safe-area-inset-left));padding-right:max(calc(var(--u) * 6), env(safe-area-inset-right));background:var(--pitch);place-items:center;display:grid;position:fixed;inset:0}.overlay-card{text-align:center;max-width:42ch}.overlay-eyebrow{margin:0 0 calc(var(--u) * 3);color:var(--brass);font-size:.6875rem}.overlay-title{margin:0 0 calc(var(--u) * 3);color:var(--chalk);font-size:clamp(1.375rem,4.4vw,2rem);line-height:1.06}.overlay-body{margin:0 0 calc(var(--u) * 7);font-family:var(--face-body);color:var(--chalk-45);font-size:.9375rem;line-height:1.55}.cramped-hint{z-index:30;left:50%;bottom:max(calc(var(--u) * 2), env(safe-area-inset-bottom));padding:calc(var(--u) * 1.5) calc(var(--u) * 3);border:var(--rule);border-radius:var(--radius);background:var(--pitch-lift);color:var(--chalk-45);pointer-events:none;margin:0;font-size:.6875rem;position:fixed;transform:translate(-50%)}.button-primary{min-height:48px;padding:0 calc(var(--u) * 7);border:1px solid var(--brass);border-radius:var(--radius);font-family:var(--face-body);color:var(--brass);cursor:pointer;transition:background var(--swift), color var(--swift);background:0 0;font-size:.9375rem;font-weight:600}.button-primary:hover{background:var(--brass);color:var(--pitch)}.button-primary:active{transform:translateY(1px)}
