.pool-canvas{display:block;width:100%;aspect-ratio:1500/825;touch-action:none;border-radius:12px;background:#21684a}.pool-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.pool-controls input{max-width:180px}.billiards-page .pool-controls{justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #1b503f;border-radius:16px;background:radial-gradient(circle at top left,#2a7254,#123d34 70%);box-shadow:inset 0 1px #ffffff26,0 8px 20px #102b2340;color:#fff9e7}.pool-power-panel{flex:1 1 260px;width:min(100%,600px);min-width:0}.pool-power-heading,.pool-power-labels{display:flex;align-items:center;justify-content:space-between}.pool-power-heading{gap:12px;margin-bottom:10px;font-size:15px;font-weight:800;letter-spacing:.03em}.pool-power-heading output{min-width:4ch;color:#ffe298;font-variant-numeric:tabular-nums;font-size:24px;text-align:right;text-shadow:0 2px 4px #0006}.pool-power-track{position:relative;padding:7px 0}.pool-power-track:before,.pool-power-track:after{content:"";position:absolute;z-index:0;top:50%;width:8px;height:8px;border-radius:50%;background:#ffe3a1;transform:translateY(-50%);pointer-events:none}.pool-power-track:before{left:0}.pool-power-track:after{right:0}.pool-power-panel input[type=range]{position:relative;z-index:1;display:block;appearance:none;width:100%;max-width:none;height:16px;margin:0;border:2px solid #e8d7a5;border-radius:12px;background:linear-gradient(90deg,#d1de8d,#f4c75f 65%,#e47838) 0/var(--pool-power,87%) 100% no-repeat,#102f2b;box-shadow:inset 0 2px 5px #0009,0 1px 1px #fff5;cursor:pointer;touch-action:none}.pool-power-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border:4px solid #fff8e2;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#ded3aa 58%,#b89b68);box-shadow:0 3px 7px #0009,0 0 0 2px #4b3423}.pool-power-panel input[type=range]::-moz-range-thumb{width:22px;height:22px;border:4px solid #fff8e2;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,#ded3aa 58%,#b89b68);box-shadow:0 3px 7px #0009,0 0 0 2px #4b3423}.pool-power-panel input[type=range]:focus-visible{outline:3px solid #ffe395;outline-offset:5px}.pool-power-labels{font-size:14px;font-weight:700;letter-spacing:.08em;color:#c7d9c4}.extra-game .pool-controls .pool-shoot{display:flex;align-items:center;justify-content:center;gap:12px;min-width:180px;min-height:72px;padding:12px 20px;border:2px solid #ffe3a1;border-radius:13px;background:linear-gradient(#f8ce70,#cf822f);box-shadow:inset 0 2px #fff5,inset 0 -4px #a75b1d,0 5px #75421e,0 10px 16px #0005;color:#34200e;font-size:20px;font-weight:900;letter-spacing:.08em;text-shadow:0 1px #fff8;transition:transform .12s,box-shadow .12s,filter .12s}.extra-game .pool-controls .pool-shoot:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:inset 0 2px #fff5,inset 0 -4px #a75b1d,0 7px #75421e,0 13px 18px #0005}.extra-game .pool-controls .pool-shoot:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px 5px #8e5a23,0 1px #75421e}.extra-game .pool-controls .pool-shoot:disabled{opacity:.58;filter:grayscale(.4)}.pool-shoot-ball{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#484848,#111 60%);box-shadow:inset 1px 1px 2px #fff8,0 2px 3px #0005;color:#fff;font-size:14px;letter-spacing:0;text-shadow:none}.pool-shoot-arrow{font-size:22px;line-height:1}.billiards-page .extra-game .pool-controls button.pool-shoot{padding:12px 20px;border:2px solid #ffe3a1;background:linear-gradient(#f8ce70,#cf822f)}@media(max-width:560px){.billiards-page .pool-controls{padding:14px;gap:15px}.pool-power-panel{flex-basis:100%}.extra-game .pool-controls .pool-shoot{width:100%;min-height:58px}}.pool-call{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:12px 16px;border:1px solid #c8d9c4;border-radius:11px;background:#edf6e9;color:#173a2f}.pool-call[hidden],.pool-decision[hidden]{display:none}.pool-call label{display:grid;gap:4px;font-weight:800;font-size:14px}.pool-call select{min-width:110px;padding:8px;border:1px solid #9bbb9e;border-radius:7px;background:#fff;color:#213a2e;font:inherit}.pool-call>span{flex:1 1 200px;font-size:14px;line-height:1.5}.pool-decision{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-radius:11px;background:#fff2d3;color:#583c17}.pool-decision strong{flex-basis:100%}.pool-decision button{padding:8px 11px;border:1px solid #a97830;border-radius:7px;background:#fff;color:#49341f;font-weight:800;cursor:pointer}.pool-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;min-height:58px}.pool-players[hidden]{display:none}.pool-player-card{display:flex;align-items:center;gap:9px;flex:1 1 220px;padding:9px 12px;border:1px solid #c5d3b8;border-radius:10px;background:#f6f7e9;color:#223c30}.pool-unassigned-ball{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #a8b4a1;border-radius:50%;background:#e6ebdf;color:#607262;font-weight:800}@media(max-width:520px){.pool-players{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-player-card{min-width:0;padding:7px 6px;gap:5px}.pool-player-card strong,.pool-player-card small{font-size:14px}}.pool-player-card>span:last-child{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:1px}.pool-player-card strong{font-size:14px}.pool-player-card small{color:#526b55;font-size:14px;font-weight:800}.billiards-page .extra-status{min-height:3.2em;box-sizing:border-box}.billiards-page .pool-player-card{height:64px;box-sizing:border-box;overflow:hidden}.billiards-page .pool-player-card>span:last-child{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;min-width:0;line-height:1.18}@media(max-width:520px){.billiards-page .extra-status{min-height:4.2em}.billiards-page .pool-player-card strong{font-size:11px}.billiards-page .pool-player-card small{font-size:10px}}.pool-mini-ball{position:relative;display:grid;place-items:center;flex:none;width:29px;height:29px;overflow:hidden;border:1px solid #0005;border-radius:50%;background:radial-gradient(circle at 32% 23%,#fff3a4,#e3aa1b 62%,#9a6e13);box-shadow:inset -3px -4px 5px #0005,0 2px 4px #0003}.pool-mini-ball[data-color=red]{background:radial-gradient(circle at 32% 23%,#fff,#f9f8ee 62%,#b6aaa4)}.pool-mini-ball[data-color=red]:before{position:absolute;inset:6px 0;background:#c52d2a;content:""}.pool-mini-ball[data-color=black]{background:radial-gradient(circle at 32% 23%,#777,#202020 65%,#070707)}.pool-mini-ball>span{position:relative;z-index:1;display:grid;place-items:center;min-width:14px;height:14px;padding:0 1px;border-radius:50%;background:#fff;color:#111;font-size:14px;font-weight:900;line-height:1}.pool-call{align-items:center}.pool-ball-picker{display:grid;gap:5px;flex:1 1 250px}.pool-ball-picker>strong{font-size:14px}.pool-call-balls{display:flex;flex-wrap:wrap;gap:5px}.pool-ball-choice{display:flex;align-items:center;gap:4px;min-width:53px;padding:3px 5px;border:1px solid #a9bfaa;border-radius:7px;background:#fff;color:#223c30;font-size:14px;font-weight:800;cursor:pointer}.pool-ball-choice .pool-mini-ball{width:24px;height:24px}.pool-ball-choice .pool-mini-ball>span{min-width:12px;height:12px;font-size:14px}.pool-ball-choice[aria-pressed=true]{border-color:#1d6650;background:#e0f3df;box-shadow:inset 0 0 0 2px #1d6650}.pool-call #poolSafety{align-self:end;padding:8px;border:1px solid #9bbb9e;border-radius:7px;background:#fff;color:#365748;font-size:14px;font-weight:800;cursor:pointer}.pool-call #poolSafety[aria-pressed=true]{background:#1d6650;color:#fff}.pool-call>span{flex-basis:100%}.pool-shoot-ball{background:radial-gradient(circle at 34% 25%,#fff,#f0ece3 65%,#b4aca0);border:1px solid #9b8e75;color:transparent}.billiards-page .extra-game .card-settings.pool-topbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.billiards-page .pool-topbar .extra-status{flex:1 1 auto;min-width:0;min-height:2.4em;margin:0;display:flex;align-items:center;text-align:left;line-height:1.4}.billiards-page .pool-topbar #gameNew{flex:none;white-space:nowrap}@media(max-width:560px){.billiards-page{display:flex;flex-direction:column;width:100%;min-height:100svh;min-height:100dvh;height:auto;overflow-x:hidden}.billiards-page .unified-header{display:flex;flex:0 0 40px;width:calc(100% - 12px)!important;height:40px!important;min-height:40px!important;margin:0 auto!important}.billiards-page main{display:flex;flex:0 0 auto;flex-direction:column;width:calc(100% - 12px)!important;max-width:none!important;height:calc(100svh - 40px);height:calc(100dvh - 40px);min-height:0;margin:0 auto!important;padding:0 0 2px!important;overflow:visible}.billiards-page main>h1{flex:0 0 auto;margin:1px 0 4px!important;font-size:19px!important;line-height:1.05!important}.billiards-page .extra-game{position:relative;display:flex;flex:1 1 0;flex-direction:column;gap:0;min-width:0;min-height:0;margin:0;padding:4px;overflow:hidden;border-radius:10px;box-shadow:0 2px 8px #453b1910}.billiards-page .extra-game .card-settings.pool-topbar{position:relative;display:flex;flex:0 0 30px;flex-wrap:nowrap;align-items:center;gap:6px;min-height:30px;margin:0 0 2px;padding:0 2px}.billiards-page .pool-topbar .extra-status{display:-webkit-box;flex:1 1 auto;min-width:0;min-height:0;max-height:24px;margin:0;overflow:hidden;font-size:10.5px;line-height:1.15;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}.billiards-page .pool-topbar #gameNew{flex:0 0 auto;width:auto!important;min-width:0;min-height:26px;margin:0!important;padding:4px 7px;border-radius:6px;font-size:9.5px;line-height:1;white-space:nowrap}.billiards-page .pool-players{position:relative;display:grid;flex:0 0 28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;height:28px;min-height:28px;margin:0 0 2px}.billiards-page .pool-player-card{display:flex;align-items:center;gap:4px;min-width:0;height:28px;padding:2px 5px;overflow:hidden;border-radius:6px}.billiards-page .pool-player-card .pool-mini-ball,.billiards-page .pool-player-card .pool-unassigned-ball{flex:0 0 18px;width:18px;height:18px}.billiards-page .pool-player-card>span:last-child{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;min-width:0;overflow:hidden;line-height:1.08;white-space:nowrap}.billiards-page .pool-mini-ball>span{font-size:9px;line-height:1}.billiards-page .pool-player-card strong{display:block;max-width:100%;overflow:hidden;font-size:9.5px;line-height:1.1;font-weight:700;letter-spacing:0;text-overflow:clip;white-space:nowrap}.billiards-page .pool-player-card small{display:block;max-width:100%;overflow:hidden;color:#526b55;font-size:8.5px;line-height:1.1;font-weight:600;letter-spacing:0;text-overflow:clip;white-space:nowrap}.billiards-page .extra-stage{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;margin:0;overflow:hidden}.billiards-page .pool-canvas{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:825/1500;margin:0 auto;border-radius:7px;touch-action:none}.billiards-page .pool-controls{position:relative;display:flex;flex:0 0 36px;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;height:36px;min-height:36px;margin:2px 0 0;padding:3px 6px;border:1px solid #1b503f;border-radius:7px;background:linear-gradient(110deg,#245d46,#153f34);box-shadow:inset 0 1px #ffffff20}.billiards-page .pool-power-panel{display:grid;flex:1 1 0;grid-template-columns:max-content minmax(30px,1fr) max-content;align-items:center;column-gap:5px;width:auto;max-width:none;min-width:0}.billiards-page .pool-power-heading{display:contents}.billiards-page .pool-power-heading label{grid-column:1;grid-row:1;min-width:0;font-size:9.5px;line-height:1;font-weight:700;letter-spacing:0;white-space:nowrap}.billiards-page .pool-power-heading output{grid-column:3;grid-row:1;min-width:3ch;color:#ffe298;font-size:11px;line-height:1;font-weight:800;text-align:right;text-shadow:none}.billiards-page .pool-power-track{grid-column:2;grid-row:1;min-width:0;padding:0}.billiards-page .pool-power-track:before,.billiards-page .pool-power-track:after{display:none}.billiards-page .pool-power-panel input[type=range]{display:block;width:100%;height:24px;margin:0;border:0;border-radius:5px;background:transparent;box-shadow:none;cursor:pointer;touch-action:pan-x}.billiards-page .pool-power-panel input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,#d1de8d,#f4c75f 65%,#e47838) 0/var(--pool-power,87%) 100% no-repeat,#102f2b;box-shadow:inset 0 1px 2px #0008}.billiards-page .pool-power-panel input[type=range]::-moz-range-track{height:5px;border:0;border-radius:5px;background:linear-gradient(90deg,#d1de8d,#f4c75f 65%,#e47838) 0/var(--pool-power,87%) 100% no-repeat,#102f2b;box-shadow:inset 0 1px 2px #0008}.billiards-page .pool-power-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid #fff8e2;border-radius:50%;background:#e8d8ae;box-shadow:0 1px 3px #0008}.billiards-page .pool-power-panel input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #fff8e2;border-radius:50%;background:#e8d8ae;box-shadow:0 1px 3px #0008}.billiards-page .pool-power-panel input[type=range]:focus-visible{outline:2px solid #ffe395;outline-offset:3px}.billiards-page .pool-power-labels{display:none}.billiards-page .extra-game .pool-controls button.pool-shoot{display:flex;flex:0 0 72px;align-items:center;justify-content:center;gap:4px;width:72px;min-width:72px;min-height:28px;margin:0!important;padding:3px 4px;border:1px solid #e6bd70;border-radius:6px;background:linear-gradient(#e8b955,#c98734);box-shadow:inset 0 1px #fff6,0 1px 2px #0004;color:#34200e;font-size:10px;line-height:1;font-weight:800;letter-spacing:0;text-shadow:none;transition:filter .12s;white-space:nowrap}.billiards-page .extra-game .pool-controls button.pool-shoot:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #8e5a23}.billiards-page .pool-shoot-ball{width:14px;height:14px;border:1px solid #9b8e75;box-shadow:none}.billiards-page .pool-shoot-arrow{display:none}.billiards-page .pool-decision[hidden]{display:none!important}.billiards-page .pool-decision{position:relative;z-index:1;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:5px;max-height:76px;overflow:auto;margin:2px 0 0;padding:6px;border:1px solid #c8d9c4;border-radius:7px;background:#edf6e9;font-size:10px}.billiards-page .pool-decision strong{flex-basis:100%}.billiards-page .pool-decision button{padding:4px 6px;font-size:9px}.billiards-page .extra-result{inset:35% 5% auto;padding:10px;border-width:1px;border-radius:9px;font-size:15px}.billiards-page .extra-guide{display:none}}@media(max-width:560px){.billiards-page main{height:auto;min-height:calc(100svh - 40px);min-height:calc(100dvh - 40px)}.billiards-page .extra-game{flex:0 0 auto;overflow:visible}.billiards-page .extra-stage{flex:0 0 auto;min-height:0;overflow:visible}.billiards-page .pool-canvas{flex:0 0 auto;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:825 / 1500}}