@font-face{font-family:Garrison;src:url(/assets/fonts/GarrisonBD.ttf)format("truetype");font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/assets/fonts/HelveticaNeueBold.woff)format("woff");font-weight:700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf1ee;font-synthesis:none;text-rendering:optimizelegibility;--ink:#090c0a;--surface:#101511;--surface-2:#151b17;--line:#ecf2ee1f;--muted:#8f9b94;--brass:#d5aa61;--green:#38a468;--red:#bf4549;background:#090c0a;font-family:Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}html,body,#root{width:100%;min-width:320px;height:100%;min-height:0;margin:0}body{background:#090c0a;height:100dvh;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(90deg,#d5aa6109 1px,#0000 1px) 0 0/96px 100%,#090c0a;grid-template-rows:62px minmax(0,1fr);width:100%;height:100dvh;min-height:0;display:grid;overflow:hidden}.orientation-gate{display:none}.topbar{border-bottom:1px solid var(--line);background:#090c0af5;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;min-width:0;padding:0 22px;display:grid}.brand-lockup,.player-identity,.topbar-actions,.connection,.frame-state,.control-heading,.turn-header span,.table-status{align-items:center;display:flex}.brand-lockup{gap:11px;min-width:0}.brand-mark{border:1px solid #d5aa619e;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.brand-mark span{border:2px solid var(--brass);border-radius:50%;width:10px;height:10px}.brand-lockup strong{font-family:Garrison,sans-serif;font-size:17px;line-height:1;display:block}.brand-lockup small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.table-meta{color:#b9c2bc;white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:flex}.meta-divider{background:var(--brass);border-radius:50%;width:3px;height:3px}.topbar-actions{justify-content:flex-end;gap:7px}.break-composition,.frame-equation{background:#111612eb;border:1px solid #ecf2ee21;border-radius:5px;align-items:center;gap:7px;height:36px;padding:0 9px;display:flex}.break-total{border-right:1px solid var(--line);grid-template-columns:auto auto;align-items:baseline;gap:5px;padding-right:7px;display:grid}.break-total small,.frame-equation small{color:#89968e;font-size:7px;line-height:1}.break-total strong{color:var(--brass);font-variant-numeric:tabular-nums;font-size:14px}.break-ball-count{align-items:center;gap:2px;display:flex}.break-ball-count img{object-fit:contain;width:17px;height:17px}.break-ball-count b{color:#dce3de;font-variant-numeric:tabular-nums;min-width:11px;font-size:9px}.frame-equation{gap:10px}.frame-equation>strong{color:#dce3de;text-overflow:ellipsis;white-space:nowrap;max-width:74px;font-size:9px;overflow:hidden}.frame-equation>span{justify-items:center;gap:2px;display:grid}.frame-equation b{color:#edf1ee;font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.frame-equation.is-over{border-color:#d5aa6180}.frame-equation .over-value b{color:var(--brass)}.icon-button{border:1px solid var(--line);cursor:pointer;background:#111612;border-radius:5px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button:hover{color:var(--brass);border-color:#d5aa618a}button:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.connection{border:1px solid var(--line);height:34px;color:var(--muted);border-radius:5px;gap:7px;margin-right:5px;padding:0 11px;font-size:11px}.connection.online{color:#75c996}.score-band{border-bottom:1px solid var(--line);background:#0e130f;grid-template-columns:minmax(0,1fr) minmax(180px,280px) minmax(0,1fr);align-items:stretch;display:grid}.player-score{border-bottom:2px solid #0000;justify-content:flex-end;align-items:center;gap:28px;min-width:0;padding:0 34px;display:flex}.player-score.active{border-bottom-color:var(--brass);background:#d5aa6109}.player-score.reverse{justify-content:flex-start}.player-identity{gap:12px;min-width:0}.player-identity.reverse{text-align:right;flex-direction:row-reverse}.player-identity strong,.player-identity small{display:block}.player-identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:14px;overflow:hidden}.player-identity small{color:var(--muted);margin-top:4px;font-size:10px}.avatar{color:#c7d0ca;background:#1a211c;border:1px solid #ecf2ee2e;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:10px;display:grid}.score-number{text-align:center;min-width:54px;font-family:Garrison,sans-serif;font-size:45px;line-height:1}.frame-state{border-right:1px solid var(--line);border-left:1px solid var(--line);justify-content:center;gap:11px;padding:0 18px}.frame-state small,.frame-state strong{display:block}.frame-state small{color:var(--muted);font-size:9px}.frame-state strong{margin-top:3px;font-size:13px}.target-ball{background:#b93e43;border:1px solid #ffffff6b;border-radius:50%;flex:none;width:17px;height:17px;box-shadow:inset -3px -3px 5px #00000073}.target-colour{background:conic-gradient(#e5cf55,#339457,#8a6848,#3f73aa,#d98db5,#181b1a,#e5cf55)}.target-2{background:#e4ce54}.target-3{background:#329154}.target-4{background:#876345}.target-5{background:#4175aa}.target-6{background:#d88db4}.target-7{background:#111413}.reds-count{border-left:1px solid var(--line);color:var(--muted);white-space:nowrap;margin-left:9px;padding-left:12px;font-size:10px}.match-workspace{grid-template-columns:minmax(0,1fr) 286px;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.table-area{background:#0a0e0b;grid-template-rows:minmax(0,1fr) 38px;width:100%;min-width:0;height:100%;min-height:0;padding:20px 24px 0;display:grid;overflow:hidden}.table-viewport{--power-lane-width:64px;overscroll-behavior:contain;filter:drop-shadow(0 22px 26px #00000073);width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.table-canvas-frame{inset:0 var(--power-lane-width) 0 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:absolute;overflow:hidden}.table-canvas-frame canvas{touch-action:none;-webkit-user-select:none;user-select:none;flex:none;max-width:100%;max-height:100%;display:block}.table-power-control{z-index:12;top:var(--power-top,45%);left:var(--power-left,calc(100% - var(--power-lane-width) + 6px));width:52px;height:var(--power-height,56%);background:#080c09d1;border:1px solid #ebf1ed38;border-radius:6px;grid-template-rows:25px minmax(0,1fr) 12px;place-items:center;min-height:150px;max-height:640px;padding:7px 6px 8px;transition:opacity .12s;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 9px 22px #00000061,inset 0 0 0 1px #ffffff06}.table-power-control.disabled{opacity:.46}.table-power-heading{width:100%;color:var(--brass);justify-content:center;align-items:center;gap:4px;display:flex}.table-power-heading output{font-variant-numeric:tabular-nums;text-align:right;min-width:22px;font-size:11px}.vertical-power-track{color:#94a099;grid-template-rows:12px minmax(0,1fr) 12px;justify-items:center;width:100%;height:100%;min-height:0;font-size:8px;line-height:1;display:grid}.vertical-power-slider{appearance:none;writing-mode:vertical-lr;touch-action:none;cursor:ns-resize;direction:rtl;background:0 0;width:25px;height:100%;min-height:0;margin:0}.vertical-power-slider:disabled{cursor:not-allowed}.vertical-power-slider::-webkit-slider-runnable-track{background:linear-gradient(#bd4c4f 0%,#d5aa61 32%,#58a06f 66%,#397e58 100%);border:1px solid #fff3;border-radius:4px;width:7px;height:100%}.vertical-power-slider::-webkit-slider-thumb{appearance:none;background:#171d19;border:2px solid #f3f5f3;border-radius:3px;width:20px;height:9px;margin-left:-7px;box-shadow:0 1px 4px #000000b3}.vertical-power-slider::-moz-range-track{background:linear-gradient(#bd4c4f 0%,#d5aa61 32%,#58a06f 66%,#397e58 100%);border:1px solid #fff3;border-radius:4px;width:7px}.vertical-power-slider::-moz-range-thumb{background:#171d19;border:2px solid #f3f5f3;border-radius:3px;width:17px;height:7px}.table-power-control>small{color:#8e9992;font-size:7px}.table-coordinate-layer{z-index:14;top:var(--table-top,0);left:var(--table-left,0);width:var(--table-render-width,100%);height:var(--table-render-height,100%);pointer-events:none;position:absolute;overflow:hidden}.fine-aim-control{--fine-x:-50%;--fine-y:calc(-100% - 12px);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:136px;height:42px;transform:translate(var(--fine-x), var(--fine-y));pointer-events:auto;background:#080d0a4d;border:1px solid #eef3ef29;border-radius:6px;grid-template-columns:22px 34px 30px 34px;justify-content:center;align-items:center;gap:2px;padding:4px;display:grid;position:absolute;box-shadow:0 6px 16px #0000002e}.fine-aim-control.align-left{--fine-x:10px}.fine-aim-control.align-right{--fine-x:calc(-100% - 10px)}.fine-aim-control.place-below{--fine-y:12px}.fine-aim-control.detached{--fine-x:-50%;--fine-y:-50%}.fine-aim-control button{color:#edf2ee;cursor:pointer;background:#eff4f00b;border:0;border-radius:4px;place-items:center;width:100%;height:34px;padding:0;display:grid}.fine-aim-control button:hover{color:#f1c77f;background:#d5aa6129}.fine-aim-control .fine-aim-lock{color:#17130c;background:#d5aa6194}.fine-aim-control .fine-aim-lock:hover{color:#17130c;background:#dfb56ebd}.fine-aim-control .fine-aim-drag{cursor:grab;touch-action:none;color:#edf2eea3}.fine-aim-control .fine-aim-drag:active{cursor:grabbing}.table-viewport.is-moving{cursor:default}.table-viewport.is-moving *{cursor:default!important}.table-status{color:#b7c1ba;gap:9px;min-width:0;font-size:11px}.status-lamp{background:var(--brass);border-radius:50%;flex:none;width:6px;height:6px}.status-lamp.live{background:var(--green);box-shadow:0 0 8px #38a468bf}.shot-count{color:#6f7a73;margin-left:auto}.control-rail{border-left:1px solid var(--line);background:#101511;flex-direction:column;min-height:0;padding:21px 20px 18px;display:flex;overflow-y:auto}.turn-header{border-bottom:1px solid var(--line);padding-bottom:18px}.turn-header small,.turn-header strong{display:block}.turn-header small{color:var(--muted);text-transform:uppercase;font-size:9px}.turn-header strong{margin-top:6px;font-family:Garrison,sans-serif;font-size:20px}.turn-header>span{width:-moz-fit-content;width:fit-content;height:22px;color:var(--brass);border:1px solid #d5aa614d;border-radius:4px;margin-top:9px;padding:0 8px;font-size:9px}.turn-context{border-top:1px solid var(--line);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;margin-top:13px;padding-top:12px;display:grid}.turn-context .target-ball{width:15px;height:15px}.turn-context b{color:#dce3de;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.turn-context small{color:var(--muted);white-space:nowrap;font-size:9px}.referee-panel{border-bottom:1px solid var(--line);padding:15px 0 17px}.referee-heading{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:12px;margin-bottom:12px;display:grid}.referee-heading small,.referee-heading strong{display:block}.referee-heading small{color:var(--muted);text-transform:uppercase;font-size:9px}.referee-heading strong{color:var(--brass);margin-top:3px;font-size:16px}.referee-heading>span{color:#aeb8b1;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.referee-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.referee-actions button{border:1px solid var(--line);color:#c1cac4;cursor:pointer;background:#151b17;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:36px;padding:0 8px;font-size:9px;display:flex}.referee-actions button:hover{color:var(--brass);border-color:#d5aa618a}.referee-actions button.primary{color:#18130b;background:var(--brass);border-color:#d5aa618f}.control-section{border-bottom:1px solid var(--line);padding:17px 0}.control-heading{justify-content:space-between;gap:10px;margin-bottom:13px;font-size:11px}.control-heading output{color:var(--brass);font-variant-numeric:tabular-nums}.aim-heading-label{align-items:center;gap:6px;min-width:0;display:flex}.aim-heading-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.control-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.control-heading button:hover{color:var(--brass)}.control-heading .aim-source-clear{background:#eef3ef09;border:1px solid #eef3ef24;border-radius:4px;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.control-heading .aim-source-clear:hover:not(:disabled){background:#d5aa611f;border-color:#d5aa617a}.control-heading .aim-source-clear:disabled{cursor:not-allowed;opacity:.4}.aim-confirm-row{gap:7px;height:36px;display:flex}.aim-confirm-button:disabled,.strike-button:disabled,.concede-button:disabled{cursor:not-allowed;opacity:.46}.aim-confirm-button{border:1px solid var(--line);color:#aab4ae;cursor:pointer;background:#151b17;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.aim-confirm-button:hover:not(:disabled){color:var(--brass);background:#1b231e;border-color:#d5aa618a}.aim-confirm-button.locked{border-color:var(--brass);color:#18130b;background:var(--brass)}.pre-shot-undo{width:38px;color:var(--brass);cursor:pointer;background:#d5aa6117;border:1px solid #d5aa616b;border-radius:5px;flex:0 0 38px;place-items:center;padding:0;display:grid}.pre-shot-undo:hover{background:#d5aa6129;border-color:#d5aa61bd}.spin-section{justify-items:center;display:grid}.spin-section .control-heading{width:100%}.spin-control{touch-action:none;cursor:crosshair;background:radial-gradient(circle at 36% 30%,#fff 0,#e6e9e7 58%,#abb1ad 100%);border:1px solid #ffffff9e;border-radius:50%;flex:none;width:128px;height:128px;position:relative;box-shadow:inset -9px -11px 15px #00000038,0 8px 16px #00000038}.spin-control.disabled{cursor:not-allowed;opacity:.45}.spin-control:focus-visible{box-shadow:inset -9px -11px 15px #00000038,0 0 0 3px #d5aa613d}.spin-axis{background:#13191529;position:absolute}.spin-axis.horizontal{height:1px;top:50%;left:8%;right:8%}.spin-axis.vertical{width:1px;top:8%;bottom:8%;left:50%}.spin-point{pointer-events:none;background:#b83f43;border:2px solid #f8f4e8;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000008c}.elevation-control{border-top:1px solid var(--line);width:100%;margin-top:19px;padding-top:15px}.elevation-control .control-heading{margin-bottom:11px}.elevation-control input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:5px 0 3px}.elevation-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #3a7455, var(--brass));border-radius:3px;height:5px}.elevation-control input::-moz-range-track{background:linear-gradient(90deg, #3a7455, var(--brass));border-radius:3px;height:5px}.elevation-control input::-webkit-slider-thumb{appearance:none;background:#1b211d;border:3px solid #edf1ee;border-radius:50%;width:15px;height:15px;margin-top:-5px;box-shadow:0 0 0 1px #000000b3}.elevation-control input::-moz-range-thumb{background:#1b211d;border:3px solid #edf1ee;border-radius:50%;width:10px;height:10px}.strike-button{background:var(--brass);color:#16130d;cursor:pointer;border:1px solid #dfba78;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:44px;margin-top:auto;padding:0 14px;font-weight:700;display:flex}.strike-button:hover:not(:disabled){background:#e2bd7c}.concede-button{color:#c9a2a4;cursor:pointer;background:#bf454912;border:1px solid #bf45496b;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:36px;margin-top:8px;padding:0 12px;font-size:10px;display:flex}.concede-button:hover:not(:disabled),.concede-button.armed{color:#f0c7c9;background:#bf454929;border-color:#bf4549c7}@media (hover:none) and (pointer:coarse){button,input,[role=slider]{-webkit-tap-highlight-color:transparent}.icon-button,.connection{width:44px;height:44px}.connection{justify-content:center;padding:0}.fine-aim-control{grid-template-columns:repeat(4,44px);gap:2px;width:190px;height:52px;padding:4px}.fine-aim-control button{touch-action:manipulation;min-width:44px;height:44px}.table-power-control{width:58px;padding-left:5px;padding-right:5px}.vertical-power-slider{width:44px}.vertical-power-slider::-webkit-slider-thumb{width:28px;height:14px;margin-left:-10px}.vertical-power-slider::-moz-range-thumb{width:25px;height:11px}.control-heading button,.aim-confirm-button,.pre-shot-undo,.referee-actions button,.concede-button{min-width:44px;min-height:44px}.aim-confirm-row{height:44px}.pre-shot-undo{flex-basis:44px;width:44px}.spin-control,.elevation-control input,.vertical-power-slider{touch-action:none}.elevation-control input{height:44px}.elevation-control input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}.elevation-control input::-moz-range-thumb{width:17px;height:17px}.strike-button{min-height:48px}}@media (orientation:portrait) and (hover:none) and (pointer:coarse){.app-shell>:not(.orientation-gate){visibility:hidden}.orientation-gate{z-index:100;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:#090c0a;grid-template-rows:auto auto auto;place-content:center;justify-items:center;gap:20px;display:grid;position:fixed;inset:0}.orientation-device{width:82px;height:52px;color:var(--brass);border:1px solid #d5aa61b8;border-radius:7px;place-items:center;display:grid}.orientation-gate strong{font-family:Garrison,sans-serif;font-size:22px}.orientation-gate button{background:var(--brass);color:#16130d;border:1px solid #dfba78;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-width:180px;min-height:48px;padding:0 18px;font-weight:700;display:flex}}@media (max-width:1200px) and (orientation:landscape) and (hover:none) and (pointer:coarse){html,body,#root{height:100%;min-height:0}body{height:100dvh;overflow:hidden}.app-shell{grid-template-rows:52px minmax(0,1fr);height:100dvh}.topbar{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));grid-template-columns:minmax(150px,1fr) auto;gap:8px}.table-meta,.connection span,.break-composition{display:none}.brand-lockup{gap:9px}.brand-lockup strong{font-size:15px}.brand-lockup small{font-size:8px}.topbar-actions{justify-content:flex-end;gap:6px}.frame-equation{gap:7px;height:44px;padding:0 8px}.frame-equation>strong{display:none}.match-workspace{grid-template-columns:minmax(0,1fr) clamp(224px,28vw,260px)}.table-area{padding:10px 10px 0 max(10px, env(safe-area-inset-left))}.table-viewport{--power-lane-width:62px}.table-power-control{min-height:136px}.table-status{height:34px;font-size:10px}.control-rail{padding:12px max(12px, env(safe-area-inset-right)) 12px 14px;overscroll-behavior:contain;scrollbar-width:thin}.turn-header{padding-bottom:10px}.turn-header strong{margin-top:3px;font-size:17px}.turn-header>span{height:20px;margin-top:6px}.turn-context{margin-top:8px;padding-top:8px}.control-section{padding:10px 0}.control-heading{margin-bottom:7px}.spin-control{aspect-ratio:1;width:clamp(92px,20dvh,116px);height:auto}.elevation-control{margin-top:8px;padding-top:7px}.elevation-control .control-heading{margin-bottom:0}.strike-button{margin-top:10px}}@media (max-height:500px) and (orientation:landscape) and (hover:none) and (pointer:coarse){.app-shell{grid-template-rows:48px minmax(0,1fr)}.match-workspace{grid-template-columns:minmax(0,1fr) clamp(220px,27vw,244px)}.brand-lockup small,.frame-equation{display:none}.table-area{grid-template-rows:minmax(0,1fr) 32px;padding-top:7px}.table-viewport{--power-lane-width:60px}.table-power-control{min-height:124px}.control-rail{padding-top:8px;padding-bottom:8px}.spin-control{width:clamp(84px,19dvh,98px)}}@media (max-width:760px){.break-composition{display:none}}