:root{color:#f8f6ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#41785459,#0000 30%),linear-gradient(#08110d 0%,#030504 100%);font-family:Trebuchet MS,Gill Sans,sans-serif}*{box-sizing:border-box}.hidden{display:none!important}html,body,#app{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;margin:0}html,body{height:100%;overflow:hidden}body{overscroll-behavior:none;min-height:100dvh}#app{width:100vw;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.table-shell,canvas{-webkit-touch-callout:none;width:100%;height:100%;display:block}.mode-select{z-index:2;background:linear-gradient(#010604ad,#01060470);place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.mode-select.hidden{display:none}.mode-card{background:linear-gradient(#11221af0,#070f0be6),#080e0bd1;border:1px solid #fff6dd2e;border-radius:1.2rem;width:min(34rem,100%);padding:1.35rem;box-shadow:0 1.5rem 4rem #00000057}.mode-kicker{color:#d8b269;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.76rem}.mode-card h1{margin:0;font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.05}.mode-copy{color:#f8f6eed1;margin:.8rem 0 0;line-height:1.55}.mode-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.2rem;display:flex}.mode-actions button{color:#fff8eb;min-height:3.2rem;font:inherit;cursor:pointer;background:linear-gradient(#214c37f2,#122c1ff2);border:1px solid #ffecc347;border-radius:999px;flex:12rem;font-weight:700;transition:transform .12s,border-color .12s,box-shadow .12s}.mode-actions button:hover{border-color:#ffecc380;transform:translateY(-1px);box-shadow:0 .85rem 2rem #0000003d}@media (width<=900px){.mode-card{padding:1.05rem}}.hud{z-index:4;pointer-events:none;position:absolute;inset:0}.status-popup{pointer-events:auto;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.status-popup__scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#01060447,#01060480);position:absolute;inset:0}.status-popup__card{z-index:1;text-align:center;background:linear-gradient(#13251df5,#080f0cf0),#080e0be6;border:1px solid #fff6dd33;border-radius:1.25rem;width:min(29rem,100vw - 2rem);padding:1.2rem 1.25rem 1.1rem;position:relative;box-shadow:0 1.5rem 4rem #0000005c}.status-popup.foul .status-popup__card{border-color:#f59e0b6b}.status-popup.win .status-popup__card{border-color:#6ee7b76b}.status-popup__kicker{color:#d8b269;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.76rem;font-weight:700}.status-popup__title{color:#fff7e7;margin:0;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.05}.status-popup__message{color:#f8f6eed6;margin:.85rem 0 0;line-height:1.5}.status-popup__dismiss{color:#fff8eb;min-width:9rem;min-height:2.9rem;font:inherit;cursor:pointer;background:linear-gradient(#214c37f2,#122c1ff2);border:1px solid #ffecc33d;border-radius:999px;margin-top:1rem;font-weight:700}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e0bb3;border:1px solid #fff6dd29;border-radius:1rem;max-width:min(34rem,100vw - 2rem);padding:.9rem 1rem;position:absolute;box-shadow:0 1rem 3rem #00000038}.panel p{margin:0;line-height:1.45}.panel p+p{margin-top:.35rem}.panel-header{letter-spacing:.08em;text-transform:uppercase;color:#d8b269;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;font-size:.78rem;font-weight:700;display:flex}.panel-toggle,.hint-restore,.rack-restore{pointer-events:auto;color:#fff3d8;font:inherit;background:#12231beb;border:1px solid #ffecc32e;border-radius:999px;padding:.38rem .7rem;font-size:.76rem}.collapsible-panel.collapsed .panel-body{display:none}.collapsible-panel.collapsed{width:auto;min-width:0}.groups-panel{width:fit-content;min-width:0;max-width:min(22rem,100vw - 2rem)}.groups-panel .panel-body{white-space:nowrap}.hint-restore,.rack-restore{z-index:1;writing-mode:vertical-rl;text-orientation:mixed;position:absolute;top:50%;transform:translateY(-50%)}.hint-restore{left:.75rem}.rack-restore{right:.75rem}.top-left{top:1rem;left:1rem}.top-right{text-align:right;top:1rem;right:1rem}.bottom{text-align:center;bottom:1rem;left:50%;transform:translate(-50%)}.rack-panel{width:fit-content;min-width:0;max-width:min(11rem,100vw - 2rem);top:1rem;right:1rem}.rack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;display:grid}.rack-ball{background:radial-gradient(circle at 35% 30%, #ffffffe6, var(--ball-color) 68%);color:#111827;border:1px solid #fff8e938;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.68rem;font-weight:800;display:grid;position:relative;box-shadow:inset 0 -.1rem .2rem #0000002e}.rack-ball.pocketed{opacity:.28;filter:grayscale(.35)}.rack-ball.recent:after{content:"";background:#f59e0b;border-radius:999px;width:.5rem;height:.5rem;position:absolute;top:-.12rem;right:-.08rem;box-shadow:0 0 0 1px #080e0bb3}.reticle{pointer-events:none;border:1px solid #fff5d9d9;border-radius:999px;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;inset:50% auto auto 50%;box-shadow:0 0 16px #f59e0b73}.turn-indicator,.power-indicator{color:#fff5de;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#080e0bd1;border:1px solid #ffecc32e;border-radius:999px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1rem 2.4rem #0003}.turn-indicator{text-align:center;letter-spacing:.08em;text-transform:uppercase;min-width:3.15rem;padding:.45rem .9rem;font-size:.86rem;font-weight:800;top:1rem}.turn-indicator.ai{color:#ffe6b5}.power-indicator{padding:.45rem .85rem;font-size:.82rem;font-weight:700;top:3.9rem}@media (width<=900px){.status-popup{padding:.9rem}.status-popup__card{width:min(28rem,100vw - 1.25rem);padding:1rem 1rem .95rem}.panel{max-width:calc(100vw - 1.2rem);padding:.75rem .85rem}.top-left,.top-right{top:.6rem}.top-left{left:.6rem}.top-right{right:.6rem}.rack-panel{top:.6rem;right:.6rem}.bottom{width:calc(100vw - 1.2rem);bottom:.6rem}.hint-restore{left:.5rem}.rack-restore{right:.5rem}.turn-indicator{top:.6rem}.power-indicator{top:3.2rem}}@media (width<=640px){.status-popup__title{font-size:1.6rem}.status-popup__message{font-size:.94rem}.panel{font-size:.9rem}.top-left,.top-right{text-align:left;width:auto;max-width:none;left:.5rem;right:.5rem}.top-right{top:8.6rem}.groups-panel{width:fit-content;max-width:calc(100vw - 6rem);left:.5rem;right:auto}.groups-panel .panel-body{white-space:normal}.rack-panel{max-width:4.7rem;padding:.65rem .55rem;top:.5rem;left:auto;right:.5rem}.rack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.rack-ball{width:1.45rem;height:1.45rem;font-size:.6rem}.bottom{width:calc(100vw - 1rem);bottom:5.7rem}.hint-restore{top:50%;left:.35rem}.rack-restore{top:50%;right:.35rem}.reticle{width:14px;height:14px;margin:-7px 0 0 -7px}.panel-header{margin-bottom:.4rem}.turn-indicator{top:.5rem}.power-indicator{top:3rem}}.mobile-controls{z-index:3;pointer-events:none;position:absolute;inset:0}.mobile-controls.hidden{display:none}.mobile-look-zone{pointer-events:auto;touch-action:none;-webkit-touch-callout:none;position:absolute;inset:0}.mobile-look-zone.addressing{background:radial-gradient(circle,#f59e0b14,#0000 34%)}.mobile-controls-bottom{justify-content:space-between;align-items:flex-end;gap:.85rem;padding:1rem;display:flex;position:absolute;inset:auto 0 0}.mobile-joystick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#f59e0b2e,#080e0bc7 60%),#070c0ab8;border:1px solid #fff4d629;border-radius:50%;width:8.75rem;height:8.75rem;position:relative;box-shadow:inset 0 0 1.2rem #00000040}.mobile-joystick:after{content:"";border:1px dashed #ffefcd24;border-radius:50%;position:absolute;inset:.85rem}.mobile-joystick__thumb{background:linear-gradient(#f0be6beb,#a8651be0);border:1px solid #fff6dd52;border-radius:50%;width:3.35rem;height:3.35rem;margin:-1.675rem 0 0 -1.675rem;position:absolute;top:50%;left:50%;box-shadow:0 .6rem 1.4rem #00000038,inset 0 .1rem .2rem #ffffff40}.mobile-actions{pointer-events:auto;flex-direction:column;gap:.55rem;width:min(18.5rem,58vw);display:flex}.mobile-actions-row,.mobile-nudge-row{gap:.5rem;display:grid}.mobile-actions-row{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-controls button{color:#fff8eb;min-height:3.25rem;font:inherit;letter-spacing:.01em;touch-action:manipulation;-webkit-touch-callout:none;background:linear-gradient(#1c3d2df5,#0d1d15f0),#080e0be0;border:1px solid #fff0d238;border-radius:1rem;padding:.75rem .6rem;font-weight:700}.mobile-controls button:disabled{opacity:.45}@media (width<=900px){.mobile-controls-bottom{gap:.65rem;padding:.75rem}.mobile-joystick{width:7.6rem;height:7.6rem}.mobile-joystick__thumb{width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem}.mobile-actions{width:min(17rem,60vw)}.mobile-controls button{min-height:2.9rem;padding:.65rem .5rem;font-size:.92rem}}@media (width<=640px){.mobile-actions{width:min(15.25rem,60vw)}}