.pl{position:relative;display:grid;justify-content:center;align-content:start;column-gap:8px;row-gap:6px;width:100%;height:var(--tg-stage-h);min-height:0;grid-template-columns:auto minmax(108px,210px);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"table panels" "table spin" "table bars"}.pl[data-orient=landscape]{grid-template-columns:auto minmax(108px,160px);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"panels panels" "table spin" "table bars"}.pl-tablebox{grid-area:table}.pl-panels{grid-area:panels;display:flex;flex-direction:column;gap:6px;min-width:0}.pl[data-orient=landscape] .pl-panels{flex-direction:row}.pl[data-orient=landscape] .pl-panel{flex:1 1 0;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"name balls" "note balls";align-items:center;column-gap:10px}.pl[data-orient=landscape] .pl-pname{grid-area:name}.pl[data-orient=landscape] .pl-pballs{grid-area:balls;justify-content:flex-end}.pl[data-orient=landscape] .pl-pnote{grid-area:note}.pl-spin{grid-area:spin}.pl-bars{grid-area:bars}.pl[data-orient=landscape] .pl-bars{height:calc(var(--pl-table-h, 300px) - 54px)}.pl-tablebox{position:relative;flex:none;width:190px;height:348px}.pl-table{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}.pl-table:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:12px}.pl.is-live .pl-table{cursor:crosshair}.pl.is-rolling .pl-table{cursor:pointer}.pl-wood{fill:url(#pl-wood-g)}.pl-wood-edge{fill:none;stroke:#ffdcaa38;stroke-width:3}.pl-grain{fill:none;stroke:#1e0c0247;stroke-width:2.2;stroke-linecap:round}.pl-diamond{fill:#f1e7cf;stroke:#3c1e0a80;stroke-width:1.2}.pl-cloth{fill:#17633a}.pl-felt{fill:#1e7a45}.pl-vignette{pointer-events:none}.pl-cushion{fill:#176a3b;stroke:#0f4f2b;stroke-width:1.5;stroke-linejoin:round}.pl-knuckle{fill:#176a3b;stroke:#0f4f2b;stroke-width:1.2}.pl-nose{fill:none;stroke:#ffffff29;stroke-width:2.5}.pl-pocket{fill:url(#pl-pocket-g)}.pl-pocket-rim{fill:#2b1a0e}.pl-baulk{stroke:#ffffff57;stroke-width:2.4}.pl-spot{fill:#ffffff73}.pl-shadow{fill:#00000057}.pl-ball-body{stroke:#00000040;stroke-width:1}.pl-shine{fill:#fff;opacity:.55}.pl-ball[data-k=w] .pl-shine{opacity:.8}.pl-ball.is-gone,.pl-shadow.is-gone{visibility:hidden}.pl-ball.is-respot .pl-ball-in{animation:pl-respot calc(.6s * var(--motion)) ease-out;transform-box:fill-box;transform-origin:center}@keyframes pl-respot{0%{opacity:0;transform:scale(.4)}}.pl-guide,.pl-hintg,.pl-ring,.pl-cue{pointer-events:none}.pl-aimline{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:10 8;opacity:.85}.pl-ghost{fill:#ffffff1f;stroke:#fff;stroke-width:2.6;opacity:.9}.pl-objline{fill:none;stroke:#ffe08a;stroke-width:3.4;stroke-linecap:round;opacity:.95}.pl-objhead{fill:#ffe08a}.pl-guide.is-bad .pl-aimline,.pl-guide.is-bad .pl-ghost,.pl-guide.is-bad .pl-objline{stroke:#ff8a80}.pl-guide.is-bad .pl-objhead{fill:#ff8a80}.pl-hand{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:7 6;opacity:.8;animation:pl-hand 1.6s linear infinite}.pl-hand.is-active{stroke-dasharray:none;opacity:1;animation:none}@keyframes pl-hand{to{stroke-dashoffset:-26}}.pl-hint-line{fill:none;stroke:#ffe08a;stroke-width:4;stroke-dasharray:6 9;stroke-linecap:round;opacity:.75;animation:pl-pulse 1.2s ease-in-out infinite}.pl-hint-ghost,.pl-hint-place{fill:none;stroke:#ffe08a;stroke-width:3;opacity:.8}@keyframes pl-pulse{50%{opacity:.35}}.pl-stick-shadow{fill:#00000038}.pl-stick-body{fill:url(#pl-cue-g);stroke:#28140580;stroke-width:1}.pl-stick-ferrule{fill:#f7f4ec}.pl-stick-tip{fill:#3e78b8}.pl-callout{position:absolute;left:50%;top:30%;z-index:3;transform:translate(-50%);display:grid;justify-items:center;gap:2px;width:max-content;max-width:94%;box-sizing:border-box;padding:8px 14px;border-radius:16px;background:#0a1e12db;color:#fff;text-align:center;pointer-events:none;box-shadow:0 8px 28px #0000004d;border:2px solid var(--tg-c)}.pl-callout[hidden]{display:none}.pl-callout b{font-family:var(--font-display);font-size:1.05rem;line-height:1.2}.pl-callout span{font-size:.82rem;opacity:.85}.pl-callout.is-on{animation:pl-callout 1.7s ease-out both}@keyframes pl-callout{0%{opacity:0;translate:0 -6px}10%{opacity:1;translate:0 0}82%{opacity:1}to{opacity:0}}.pl-panel{display:grid;gap:3px;padding:6px 8px;border-radius:12px;background:var(--card, var(--cell));border:2px solid transparent;box-shadow:var(--shadow);min-width:0}.pl-panel.is-on{border-color:var(--tg-c);background:color-mix(in srgb,var(--tg-c) 10%,var(--card, var(--cell)))}.pl-pname{display:flex;align-items:center;gap:6px;min-width:0}.pl-pname .tg-dot{width:11px;height:11px}.pl-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.9rem;color:var(--ink-2)}.pl-panel.is-on .pl-name{color:var(--ink)}.pl-pballs{display:flex;flex-wrap:wrap;gap:3px;min-height:12px}.pl-dot{display:inline-block;width:11px;height:11px;border-radius:50%;box-shadow:inset -1.5px -2px #00000047}.pl-dot[data-k=r]{background:#d2232c}.pl-dot[data-k=y]{background:#f4c21b}.pl-dot[data-k=b]{background:#1c1c1c;box-shadow:inset -1.5px -2px #ffffff1f,0 0 0 2px color-mix(in srgb,var(--tg-c) 60%,transparent)}.pl-dot[data-off]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.pl-pnote{font-size:.76rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-spin{display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 10px 4px 6px;border-radius:14px;border:2px solid var(--line);background:var(--card, var(--cell));color:var(--ink);font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;touch-action:manipulation}.pl-spin:disabled{opacity:.55;cursor:default}.pl-spin svg{width:36px;height:36px;flex:none}.pl-spin-ball{fill:#f4f1e6}.pl-spin-rim{fill:none;stroke:#00000059;stroke-width:1.5}.pl-spin-dot{fill:#d2232c;transition:cy calc(.15s * var(--motion))}.pl-spin[data-spin="1"],.pl-spin[data-spin="-1"]{border-color:color-mix(in srgb,var(--coral) 60%,var(--line))}.pl-bars{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px;min-height:96px}.pl-fine,.pl-power{position:relative;display:grid;border-radius:14px;border:2px solid var(--line);background:var(--card, var(--cell));touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;min-height:0}.pl.is-live .pl-fine,.pl.is-live .pl-power{cursor:ns-resize}.pl-fine-ridges{position:absolute;inset:22px 7px 7px;border-radius:8px;background-color:var(--bg-2);background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 2px,transparent 2px 9px)}.pl-fine.is-active{border-color:var(--sky)}.pl-bar-label{position:absolute;left:0;right:0;top:3px;text-align:center;font-size:.7rem;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em}.pl-power-track{position:absolute;inset:22px 9px 28px;border-radius:9px;background:var(--bg-2);overflow:hidden;border:1px solid var(--line)}.pl-power-fill{position:absolute;left:0;right:0;top:0;height:0;border-radius:0 0 8px 8px}.pl-power-grip{position:absolute;left:50%;top:24px;width:26px;height:26px;transform:translate(-50%);color:var(--ink-2);opacity:.8}.pl-power.is-pulling .pl-power-grip{opacity:0}.pl-power-pct{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-family:var(--font-display);font-size:1rem;color:var(--ink);font-variant-numeric:tabular-nums}.pl.is-live .pl-power{border-color:color-mix(in srgb,var(--tg-c, var(--coral)) 55%,var(--line))}.pl:not(.is-live) .pl-fine,.pl:not(.is-live) .pl-power{opacity:.6}@media(max-width:559px)and (orientation:portrait){[data-suvi-game=pool] [data-tg]{--tg-stage-h: max(380px, calc(100dvh - 112px) )}}.pl[data-orient=phone]{column-gap:6px;row-gap:6px;grid-template-columns:auto 68px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"panels panels" "table spin" "table bars"}.pl[data-orient=phone] .pl-panels{flex-direction:row}.pl[data-orient=phone] .pl-panel{flex:1 1 0;display:flex;align-items:center;gap:6px;height:30px;box-sizing:border-box;padding:0 8px;border-radius:10px}.pl[data-orient=phone] .pl-pname{flex:0 1 auto;min-width:0;gap:5px}.pl[data-orient=phone] .pl-pname .tg-dot{width:10px;height:10px}.pl[data-orient=phone] .pl-name{font-size:.86rem}.pl[data-orient=phone] .pl-pballs{flex:0 0 auto;flex-wrap:nowrap;gap:2px;margin-left:auto;min-height:0}.pl[data-orient=phone] .pl-dot{width:8px;height:8px}.pl[data-orient=phone] .pl-dot[data-k=b]{box-shadow:inset -1px -1.5px #ffffff1f,0 0 0 1.5px color-mix(in srgb,var(--tg-c) 60%,transparent)}.pl[data-orient=phone] .pl-pnote{display:none}.pl[data-orient=phone] .pl-spin{justify-content:center;min-height:52px;padding:4px;border-radius:12px}.pl[data-orient=phone] .pl-spin svg{width:38px;height:38px}.pl[data-orient=phone] .pl-spin-label{display:none}.pl[data-orient=phone] .pl-bars{display:flex;flex-direction:column;gap:6px;height:calc(var(--pl-table-h, 400px) - 58px)}.pl[data-orient=phone] .pl-fine{flex:0 0 34%;border-radius:12px}.pl[data-orient=phone] .pl-power{flex:1 1 auto;border-radius:12px}.pl[data-orient=phone] .pl-fine-ridges{inset:20px 6px 6px}.pl[data-orient=phone] .pl-power-track{inset:20px 7px 26px}:root[data-reduce-motion="1"] .pl-callout.is-on,:root[data-reduce-motion="1"] .pl-hint-line,:root[data-reduce-motion="1"] .pl-hand,:root[data-reduce-motion="1"] .pl-ball.is-respot .pl-ball-in{animation:none}@media(max-height:640px){.pl-panel{padding:4px 7px}.pl-pnote{display:none}.pl-spin{min-height:44px}}@media(min-width:940px)and (min-aspect-ratio:5/4){[data-suvi-game=pool] .tg{max-width:880px}}