.billiards-modal .modal-card{width:min(1050px,100%);max-height:calc(100dvh - 36px);padding:28px 32px 23px;background:radial-gradient(ellipse at 50% 0%,#2d382e,#191e19 75%);border-color:#b49a6659;box-shadow:0 30px 110px #000b}
.billiards-modal .modal-card h2{font:normal clamp(26px,3.5vw,37px)/1.1 Georgia,serif;margin:12px 0 24px}.billiards-modal .modal-card>.eyebrow{font-size:8px;letter-spacing:2.5px}
.billiards-scoreboard{display:flex;align-items:center;gap:25px;padding-bottom:19px;border-bottom:1px solid #baa16d29}.billiards-ball-tray{display:flex;align-items:center;gap:8px;margin-right:auto}.billiards-ball-tray>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff4dc99,var(--ball-color) 32%,var(--ball-color) 60%,#07130c);box-shadow:1px 3px 5px #0007;transition:opacity .25s,transform .25s}.billiards-ball-tray b{font:9px Arial,sans-serif;background:#eee4c9;color:#233027;display:grid;place-items:center;width:13px;height:13px;border-radius:50%}.billiards-ball-tray .is-pocketed{opacity:.24;transform:scale(.82)}
.billiards-stat{display:grid;gap:4px;min-width:60px;text-align:right}.billiards-stat>strong{font:24px Georgia,serif;font-weight:400;color:#eee3c8}.billiards-stat strong span{font-size:14px;color:#a4997f}.billiards-stat>span{font:7px Arial,sans-serif;letter-spacing:1.5px;color:#b8a88a}
.billiards-status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:42px}.billiards-modal .billiards-status-row p{font:11px/1.5 Arial,sans-serif;color:#cabd9d;margin:10px 0}.billiards-status-row p:before{content:'';display:inline-block;width:5px;height:5px;background:#c8aa71;border-radius:50%;margin-right:8px;vertical-align:middle}.billiards-status-row #play-best{font-size:10px;color:#a99e83}
.billiards-table-frame{border-radius:12px;background:radial-gradient(ellipse,#101a14,#131711);box-shadow:0 12px 28px #0004;padding:4px;overflow:hidden}
.billiards-modal :is(#play-board,#shared-game-board){border:0;outline:0;width:100%;height:auto;max-width:none;aspect-ratio:2;touch-action:none;cursor:crosshair}.billiards-modal :is(#play-board,#shared-game-board):focus-visible{outline:1px solid #c3a56b;outline-offset:-4px}.billiards-modal canvas.is-charging{cursor:grabbing}
.billiards-modal :is(#play-controls,#shared-game-controls){display:grid;grid-template-columns:auto minmax(170px,1fr) auto;gap:24px;align-items:center;margin:22px 0 15px}.billiards-aim-controls{display:flex;gap:6px;align-items:center}.billiards-aim-controls>span{font:8px Arial,sans-serif;color:#b4a589;letter-spacing:1.5px;margin-right:5px}
.billiards-modal .billiards-controls button{min-height:40px;min-width:37px;border:1px solid #ad956045;background:#ffffff04;border-radius:4px;color:#dccba5;padding:10px;font:14px Arial,sans-serif}.billiards-modal .billiards-controls button:disabled{cursor:default;opacity:.4}.billiards-modal .billiards-controls button:hover:not(:disabled){background:#cbb7801a;border-color:#ceb67e}
.billiards-modal .billiards-controls .billiards-power{display:grid;gap:7px;margin:0;width:100%;color:#b8a88a;font:8px Arial,sans-serif;letter-spacing:1.3px}.billiards-power>span{display:flex;justify-content:space-between}.billiards-power output{color:#e6d8b5;font-size:11px;letter-spacing:0}
.billiards-modal .billiards-controls input{appearance:none;width:100%;height:7px;margin:0;border:1px solid #b5a57622;border-radius:8px;background:linear-gradient(90deg,#c7aa70 var(--power,65%),#101910 var(--power,65%));accent-color:#d5b678;cursor:ew-resize}.billiards-controls input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#ddc490;border:3px solid #6d5938;box-shadow:0 1px 4px #0008}.billiards-controls input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#ddc490;border:2px solid #6d5938}.billiards-power-scale{font-size:6px;color:#8e957f}
.billiards-modal .billiards-controls .billiards-strike{background:#c9ac73;color:#20271e;border-color:#c9ac73;padding:13px 23px;min-width:154px;font:13px Georgia,serif}.billiards-strike kbd{color:#665331;border-color:#66533150;margin-left:10px;font:8px Arial,sans-serif;padding:3px 5px}.billiards-modal .billiards-controls .billiards-strike:hover:not(:disabled){background:#e0c38a}.billiards-charging .billiards-power output{color:#f6d17c}
.billiards-modal #billiards-help{font:11px/1.6 Arial,sans-serif;color:#c2b69d;margin:12px 0}.billiards-modal #billiards-help span{color:#918a77;margin-left:8px}.billiards-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #baa16d29;padding-top:15px;margin-top:17px;color:#a69b84;font:10px/1.5 Arial,sans-serif}.billiards-bottom kbd{font-size:8px;padding:2px 4px;color:#bcad8a;border-color:#bca66e33}
.billiards-modal #modal-choices{display:flex;flex-direction:row;align-items:center;gap:10px;margin:17px 0 0;justify-content:start}.billiards-modal #modal-choices button{display:inline-flex;min-height:34px;min-width:0;padding:8px 12px;background:transparent;border:1px solid #ab95603d;font:11px Arial,sans-serif;border-radius:3px;color:#bdae90;flex:0 1 auto;gap:0}.billiards-modal #modal-choices button:before,.billiards-modal #modal-choices :is(svg,.item-art){display:none}.billiards-modal #modal-choices button:hover{background:#c4a97315;border-color:#b7a172}
.billiards-modal.pool-chooser .modal-card{width:min(640px,100%)}.pool-chooser .modal-card p{font-size:13px;color:#c6baa1}.pool-chooser #modal-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pool-chooser #modal-choices button{padding:25px 18px;min-height:95px;justify-content:center;font:18px Georgia,serif;background:linear-gradient(#314536,#202c24);color:#f0dfb8;border-color:#c8ac6c66}
@media(max-height:820px) and (min-width:701px){.billiards-modal .modal-card{width:min(950px,100%);padding:22px 26px 18px}.billiards-modal .modal-card h2{font-size:30px;margin:10px 0 16px}.billiards-scoreboard{padding-bottom:12px}.billiards-modal .billiards-table-frame{max-width:min(100%,103dvh);margin:auto}.billiards-modal :is(#play-controls,#shared-game-controls){margin-top:15px;gap:20px}.billiards-bottom{margin-top:12px;padding-top:12px}.billiards-modal #modal-choices{margin-top:12px}}
@media(max-width:700px){.billiards-modal{padding:10px}.billiards-modal .modal-card{padding:25px 16px 18px}.billiards-modal .modal-card h2{font-size:28px;margin-bottom:20px}.billiards-scoreboard{gap:14px;flex-wrap:wrap}.billiards-ball-tray{width:100%;margin:0}.billiards-stat{text-align:left;min-width:65px}.billiards-modal :is(#play-controls,#shared-game-controls){grid-template-columns:auto 1fr;gap:18px 14px}.billiards-modal .billiards-controls .billiards-strike{grid-column:1/-1}.billiards-bottom{font-size:9px}.billiards-status-row{display:block}.pool-chooser #modal-choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.billiards-ball-tray>span{transition:none}}
.billiards-layout{display:grid;grid-template-columns:minmax(0,1fr) 174px;gap:26px;align-items:start}.billiards-main{grid-column:1;grid-row:1;min-width:0}.billiards-sidebar{grid-column:2;grid-row:1;border-left:1px solid #baa16d2e;padding-left:21px;margin-top:12px}
.billiards-sidebar .billiards-scoreboard{display:grid;gap:14px;padding-bottom:17px}.billiards-sidebar .billiards-ball-tray{gap:4px;margin:0 0 9px;width:100%;justify-content:space-between}.billiards-sidebar .billiards-ball-tray>span{width:21px;height:21px}.billiards-sidebar .billiards-ball-tray b{width:11px;height:11px;font-size:7px}.billiards-sidebar .billiards-stat{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px}.billiards-sidebar .billiards-stat>strong{order:2;font-size:23px}.billiards-sidebar .billiards-stat>span{order:1;font-size:7px}
.billiards-modal :is(#play-controls,#shared-game-controls){grid-template-columns:1fr;gap:18px;margin:21px 0 0}.billiards-modal :is(#play-controls,#shared-game-controls) .billiards-power{display:grid;grid-row:1;gap:10px;margin:0;width:100%}.billiards-modal :is(#play-controls,#shared-game-controls) input{width:100%;height:7px}.billiards-modal :is(#play-controls,#shared-game-controls) .billiards-aim-controls{grid-row:2;justify-content:space-between}.billiards-modal :is(#play-controls,#shared-game-controls) button{background:#ffffff04;border:1px solid #ad956045;border-radius:4px;min-width:36px;min-height:36px;padding:8px;color:#dccba5}.billiards-modal :is(#play-controls,#shared-game-controls) :is(#play-action,#shared-game-strike){grid-row:3;grid-column:1;background:#c9ac73;border-color:#c9ac73;color:#20271e;min-width:0;width:100%;padding:13px 8px;font:13px Georgia,serif}
.billiards-modal .billiards-table-frame{max-width:none;width:100%;margin:0}.billiards-modal #modal-choices{border-top:1px solid #baa16d29;padding-top:14px;margin-top:18px}.billiards-modal .billiards-bottom{border:0;margin-top:12px;padding-top:0}.billiards-status-row{min-height:32px;margin-top:-7px}.billiards-modal .billiards-status-row p{margin:7px 0 12px}
@media(min-width:701px){.billiards-modal:not(.pool-chooser) #modal-choices{position:absolute;right:32px;top:58px;border:0;margin:0;padding:0}.billiards-modal:not(.pool-chooser) .modal-card h2{max-width:calc(100% - 250px)}}
@media(max-height:820px) and (min-width:701px){.billiards-modal .modal-card{width:min(1050px,100%)}.billiards-layout{gap:23px;grid-template-columns:minmax(0,1fr) 170px}.billiards-modal #modal-choices{padding-top:12px;margin-top:13px}.billiards-modal .modal-card h2{margin-bottom:18px}}
@media(max-width:700px){.billiards-layout{display:flex;flex-direction:column;gap:18px}.billiards-main{width:100%}.billiards-sidebar{order:2;border-left:0;border-top:1px solid #baa16d29;padding:18px 0 0;width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.billiards-sidebar .billiards-scoreboard{border-bottom:0;padding:0;gap:12px}.billiards-sidebar .billiards-ball-tray{gap:3px;margin-bottom:3px}.billiards-sidebar .billiards-ball-tray>span{width:18px;height:18px}.billiards-modal :is(#play-controls,#shared-game-controls){margin:0;gap:14px}.billiards-modal .billiards-bottom{display:none}.billiards-modal #billiards-help{font-size:10px;margin-bottom:0}.billiards-modal .modal-card h2{margin-bottom:16px}.billiards-modal .billiards-status-row p{font-size:10px}}
.billiards-table-frame{display:grid;align-items:center;isolation:isolate}.billiards-table-frame>canvas,.billiards-result{grid-area:1/1}.billiards-finished .billiards-table-frame>canvas{opacity:.4;pointer-events:none;cursor:default}
.billiards-modal :is(.billiards-result,.billiards-controls,.billiards-result-players)[hidden]{display:none}
.billiards-modal :is(#play-controls,#shared-game-controls)[hidden]{display:none}
.billiards-result{position:relative;z-index:1;justify-self:center;width:min(86%,440px);box-sizing:border-box;margin:22px 0;padding:23px 26px 20px;text-align:center;background:linear-gradient(145deg,#23392fee,#15271ff5);border:1px solid #c8aa7180;box-shadow:0 16px 55px #0007,inset 0 0 0 5px #c9ae7010;border-radius:6px;color:#eee3c8;animation:billiards-result-in .45s ease-out}
.billiards-result-ornament{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:15px;color:#c7aa70}.billiards-result-ornament:before,.billiards-result-ornament:after{content:'';width:40px;height:1px;background:linear-gradient(90deg,transparent,#c7aa7080)}.billiards-result-ornament:after{transform:rotate(180deg)}.billiards-result-ornament span{border:1px solid #c7aa7080;box-shadow:0 0 0 4px #c7aa7010;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font:16px Georgia,serif}
.billiards-modal .billiards-result .billiards-result-mode{font:8px/1.5 Arial,sans-serif;letter-spacing:2.5px;color:#d1b779;margin:0 0 9px}.billiards-modal .billiards-result h3{font:normal clamp(24px,3vw,33px)/1.15 Georgia,serif;margin:0 0 11px;color:#f1e7d1;overflow-wrap:anywhere;outline:none}.billiards-modal #billiards-result-subtitle{font:11px/1.6 Arial,sans-serif;color:#b9bcaa;margin:0 auto 16px;max-width:290px}
.billiards-result-stats{display:flex;justify-content:center;gap:29px;padding-top:14px;border-top:1px solid #c5ab6d30;font:7px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#b1b29c}.billiards-result-stats strong{font:23px/1 Georgia,serif;letter-spacing:0;margin-right:6px;color:#e9ddc0;vertical-align:baseline}.billiards-modal #billiards-result-best{font:10px/1.5 Arial,sans-serif;color:#d5bd83;margin:14px 0 0}
.billiards-result-players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 17px}.billiards-result-player{display:grid;justify-items:center;padding:10px 8px 9px;border:1px solid #c5ab6d28;border-radius:3px;background:#071a121f;min-width:0}.billiards-result-player.is-winner{border-color:#d1b7798c;background:#c9ad7010}.billiards-result-player>span{font:11px/1.5 Arial,sans-serif;color:#c5c6b4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billiards-result-player>strong{font:32px/1.3 Georgia,serif;font-weight:400;color:#e9ddc0}.billiards-result-player>small{font:6px/1.5 Arial,sans-serif;letter-spacing:2px;color:#b8ac8e}.billiards-result-player.is-winner>strong{color:#efcd83}
@keyframes billiards-result-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.billiards-result{width:92%;padding:19px 15px 17px;margin:12px 0}.billiards-result-ornament{margin-bottom:13px}.billiards-modal .billiards-result h3{font-size:26px}.billiards-finished .billiards-sidebar{display:block}.billiards-finished .billiards-scoreboard{grid-template-columns:repeat(3,1fr);gap:16px}.billiards-finished .billiards-ball-tray{display:none}.billiards-finished .billiards-stat{display:grid;gap:8px}.billiards-finished .billiards-stat>strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.billiards-result{animation:none}}