.pool-surface{color:#e8ece8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#0b1816;font-family:Inter,PingFang SC,system-ui,sans-serif}.pool-surface *{box-sizing:border-box}.pool-surface [hidden]{display:none!important}.pool-surface button,.pool-surface select,.pool-surface input{font:inherit}.pool-surface button,.pool-surface select{color:inherit;background:#1b302a;border:1px solid #46625a;border-radius:9px;min-height:44px;padding:8px 12px}.pool-surface button{cursor:pointer;touch-action:manipulation;min-width:44px}.pool-surface button:hover{background:#294b3d}.pool-surface button:disabled{opacity:.4;cursor:default}.pool-surface button:focus-visible,.pool-surface select:focus-visible,.pool-surface input:focus-visible{outline-offset:2px;outline:2px solid #e8c67d}.pool-surface #table:focus{outline:none}.pool-surface .primary{color:#162820;background:#d9b76d;border-color:#d9b76d;font-weight:650}.pool-surface .primary:hover{background:#f0cd87}.pool-surface{max-width:1500px;height:100dvh;min-height:350px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;gap:8px;margin:auto;display:grid}.pool-surface header{align-items:center;gap:12px;min-width:0;display:flex}.pool-surface .top-panel{min-width:0}.pool-surface #players{grid-template-columns:1fr 1fr;gap:8px;max-width:670px;margin:7px auto 0;display:grid}.pool-surface .player-card{opacity:.65;background:#10241b;border:1px solid #31473e;border-radius:10px;min-width:0;padding:5px 9px}.pool-surface .player-card.active{opacity:1;background:#243729;border-color:#d3ba78;box-shadow:inset 0 2px #d3ba78}.pool-surface .player-card.unassigned{opacity:1}.pool-surface .player-card.unassigned .player-heading{visibility:hidden}.pool-surface .player-heading{color:#bfd0c1;justify-content:space-between;gap:4px;font-size:11px;line-height:15px;display:flex}.pool-surface .player-heading strong{color:#eef0da;font-weight:600}.pool-surface .player-heading strong:after{content:attr(data-difficulty)}.pool-surface .remaining-balls{align-items:center;gap:3px;min-height:20px;margin-top:3px;display:flex}.pool-surface .score-ball{background:var(--ball-color);color:#fff;text-shadow:0 1px 2px #000;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font:600 10px system-ui;display:grid;box-shadow:inset 0 1px 2px #fff5,0 1px 2px #0008}.pool-surface .score-ball.stripe{background:linear-gradient(#f5ead1 20%,var(--ball-color) 20% 80%,#f5ead1 80%)}.pool-surface .score-ball.empty{background:#081713;box-shadow:inset 0 1px 3px #000b,0 0 0 1px #607b6450}.pool-surface #decision-options,.pool-surface .match-options{gap:9px;display:grid}.pool-surface .match-options:not(:has(button:not([hidden]))){display:none}.pool-surface .match-options{margin-bottom:16px}.pool-surface h1{letter-spacing:.03em;margin:0 0 3px;font-size:22px;line-height:1.2}.pool-surface small{color:#98afa4;font-size:11px}.pool-surface .brand{flex:none;align-items:center;gap:10px;display:flex}.pool-surface .eight{color:#1e2721;background:#edeadd;border:6px solid #080b09;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid;box-shadow:0 0 0 1px #567263}.pool-surface #goal{color:#b9cfc3;flex:1;min-width:0;margin:0;font-size:13px;line-height:1.4}.pool-surface #options{flex:none;place-items:center;padding:8px;display:grid}.pool-surface #spin{flex:none;align-items:center;gap:7px;padding:5px 8px;display:flex}.pool-surface #spin-label{font-size:12px}.pool-surface .mini-ball{background:radial-gradient(circle at 35% 27%,#fff,#eeeee5 45%,#aeb5a9 90%);border-radius:50%;flex:none;width:30px;height:30px;display:block;position:relative;box-shadow:0 2px 5px #0005}.pool-surface #mini-tip{border:1.5px solid #b7342c;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pool-surface .play-area{grid-template-columns:minmax(0,1fr) 46px;gap:8px;min-width:0;min-height:0;display:grid}.pool-surface #arena{background:radial-gradient(#173126,#0b1816 75%);border-radius:16px;min-width:0;min-height:0;position:relative}.pool-surface #table{touch-action:none;width:100%;height:100%;display:block}.pool-surface #aim-feedback{color:#e3eedb;text-align:center;pointer-events:none;background:#092219ed;border-radius:20px;max-width:95%;padding:5px 10px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.pool-surface #aim-feedback.illegal{color:#ffb5af;background:#351713ed}.pool-surface #pull{touch-action:none;background:0 0;border:0;align-self:center;height:36%;min-height:140px;max-height:220px;padding:0;position:relative}.pool-surface #pull:hover{background:0 0}.pool-surface .pull-track{pointer-events:none;background:linear-gradient(90deg,#070d0b,#1a201a 45%,#0a100c);border:1px solid #8b8d79;border-radius:7px;position:absolute;inset:0 8px;overflow:hidden;box-shadow:0 0 0 3px #303b32,0 2px 8px #0008,inset 0 0 0 2px #080e0a,inset 2px 0 4px #000}.pool-surface .pull-track:after{content:"";pointer-events:none;border:1px solid #a9a48640;border-radius:3px;position:absolute;inset:5px 3px}.pool-surface .pull-fill{opacity:0;filter:brightness(var(--pull-brightness,.55));background:repeating-linear-gradient(#0000 0 calc(20% - 1px),#50240970 calc(20% - 1px) 20%),linear-gradient(#fff32c,#ffb51a 38%,#ff6717 68%,#f11c28);border-radius:2px;position:absolute;inset:6px 4px;box-shadow:inset 0 0 3px #fff6}.pool-surface #pull[data-state=armed] .pull-fill{opacity:1}.pool-surface #pull-cue{transform:translateY(var(--pull-offset,0px));filter:drop-shadow(1px 2px 2px #000);transition:transform .14s ease-out;position:absolute;inset:6px 1px}.pool-surface #pull-cue svg{width:100%;height:100%;display:block}.pool-surface #pull[data-state=armed] #pull-cue,.pool-surface #pull[data-state=cancel] #pull-cue{transition:none}.pool-surface #power-number{font-variant-numeric:tabular-nums;color:#decca2;opacity:0;pointer-events:none;font-size:11px;position:absolute;bottom:-24px;left:0;right:0}.pool-surface #pull[data-state=armed] #power-number,.pool-surface #pull[data-state=cancel] #power-number{opacity:1}@media (prefers-reduced-motion:reduce){.pool-surface #pull-cue{transition:none}}.pool-surface footer{gap:6px;min-width:0;display:grid}.pool-surface .control-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.pool-surface .shot-controls{flex-wrap:wrap}.pool-surface .power{color:#b9cfc3;align-items:center;gap:8px;font-size:12px;display:flex}.pool-surface .power input{accent-color:#d9b76d;width:150px;min-width:40px}.pool-surface .power output{min-width:33px}.pool-surface #keyboard-controls{border-top:1px solid #46625a;margin:0 0 16px;font-size:13px}.pool-surface #keyboard-controls summary{cursor:pointer;min-height:44px;padding:14px 0}.pool-surface .keyboard-row{align-items:center;gap:8px;display:flex}.pool-surface .keyboard-row .power{flex:1;min-width:0}.pool-surface .keyboard-row .power input{flex:1;width:70px;min-width:40px;min-height:44px}.pool-surface #status{text-align:center;color:#d6c99c;min-height:18px;margin:0;font-size:12px;line-height:1.4}.pool-surface dialog{color:#e8ece8;background:#162c24;border:1px solid #557264;border-radius:18px;width:min(360px,90vw);max-height:calc(100dvh - 24px);margin:auto;padding:22px;overflow:auto}.pool-surface dialog::backdrop{background:#00150ecc}.pool-surface dialog h2{margin:0;font-size:20px}.pool-surface dialog p{color:#b9cfc3;font-size:13px}.pool-surface #tip{touch-action:none;background:radial-gradient(circle at 35% 27%,#fff 0,#eeeee5 45%,#bdbfb5 85%);border-radius:50%;width:min(220px,50dvh);height:min(220px,50dvh);margin:18px auto;position:relative;box-shadow:0 8px 24px #0006}.pool-surface #tip:before,.pool-surface #tip:after{content:"";background:#15241b25;position:absolute}.pool-surface #tip:before{width:80%;height:1px;top:50%;left:10%}.pool-surface #tip:after{width:1px;height:80%;top:10%;left:50%}.pool-surface #tip-dot{z-index:1;background:#b7342c;border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pool-surface #tip-value{text-align:center}.pool-surface .dialog-actions{justify-content:space-between;gap:10px;display:flex}.pool-surface #options-dialog .dialog-actions{justify-content:flex-end}.pool-surface .option-fields{gap:14px;margin:22px 0;display:grid}.pool-surface .option-fields label{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}.pool-surface .option-fields select{width:100%;min-width:0;padding:6px;font-size:13px}.pool-surface .sound-setting{justify-content:space-between;align-items:center;font-size:13px;display:flex}.pool-surface #sound{background:0 0;border:0;align-items:center;gap:10px;display:flex}.pool-surface #sound i{background:#516056;border-radius:12px;width:34px;height:20px;padding:3px}.pool-surface #sound i:after{content:"";background:#eaf1e7;border-radius:50%;width:14px;height:14px;display:block}.pool-surface #sound[aria-pressed=true] i{background:#698553}.pool-surface #sound[aria-pressed=true] i:after{transform:translate(14px)}@media (width<=600px){.pool-surface{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));gap:5px}.pool-surface header{gap:6px}.pool-surface .eight,.pool-surface header small{display:none}.pool-surface h1{font-size:17px}.pool-surface #goal{font-size:11px}.pool-surface #spin{flex-direction:column;gap:1px;min-width:48px;padding:4px}.pool-surface #spin-label{max-width:68px;font-size:10px;line-height:1.1}.pool-surface .mini-ball{width:26px;height:26px}.pool-surface .control-row{gap:5px}.pool-surface button{padding:6px 8px;font-size:12px}.pool-surface .power{gap:4px}.pool-surface .power input{width:85px}.pool-surface #status{font-size:11px}.pool-surface .play-area{grid-template-columns:minmax(0,1fr) 44px;gap:4px}}@media (width>=640px) and (height<=600px){.pool-surface{padding-top:max(6px,env(safe-area-inset-top));grid-template-rows:44px minmax(0,1fr);grid-template-columns:144px minmax(0,1fr);gap:6px}.pool-surface .top-panel{grid-column:1/-1;gap:12px;display:flex}.pool-surface header{flex:1;min-width:0}.pool-surface #players{flex:1;max-width:370px;margin:0}.pool-surface .player-card{padding:2px 6px}.pool-surface .remaining-balls{margin-top:0}.pool-surface h1{font-size:17px}.pool-surface header small,.pool-surface .eight{display:none}.pool-surface #goal{font-size:12px}.pool-surface .play-area{grid-area:2/2;gap:6px}.pool-surface footer{flex-direction:column;grid-area:2/1;justify-content:center;gap:10px;display:flex}.pool-surface .control-row{gap:4px;display:grid}.pool-surface .practice-controls,.pool-surface .shot-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-surface .power{grid-column:1/-1;gap:4px;min-height:36px}.pool-surface .power input{flex:1;width:56px;min-width:0}.pool-surface #shoot,.pool-surface #call,.pool-surface #reposition{grid-column:1/-1}.pool-surface button{padding:5px;font-size:12px}.pool-surface #status{font-size:11px}.pool-surface #tip{width:min(180px,40dvh);height:min(180px,40dvh);margin:10px auto}.pool-surface dialog{padding:16px}.pool-surface .option-fields{gap:10px;margin:14px 0}.pool-surface #spin-dialog p{margin:10px 0}}._shell_1g6en_1.app-shell{background:#0b1816}body:has(.app-shell):has(.pool-page){background:#0b1816}._layout_1g6en_9{align-items:stretch}._column_1g6en_10{height:calc(var(--board-vh,100dvh) - 12px);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;padding:0;position:relative;container:pool-stage/size}._surface_1g6en_11.pool-surface{--pool-layout:landscape;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:5px;width:100%;min-width:0;max-width:none;height:100%;min-height:0;margin:0;padding:8px;position:relative}._surface_1g6en_11 .top-panel{display:contents}._surface_1g6en_11 .brand,._surface_1g6en_11 #goal,._surface_1g6en_11 #options,._surface_1g6en_11 footer{display:none}._surface_1g6en_11 #players{grid-area:1/1;width:100%;max-width:670px;margin:0 auto}._surface_1g6en_11 .play-area{grid-area:2/1;grid-template-columns:minmax(0,1fr) 44px;gap:0}._surface_1g6en_11 #spin{background:0 0;border:0;border-radius:50%;justify-content:center;width:44px;min-width:44px;height:44px;padding:0}._surface_1g6en_11 #spin:hover{background:#ffffff0a}._surface_1g6en_11 #spin .mini-ball{width:28px;height:28px}._surface_1g6en_11 #spin-label{display:none}._extras_1g6en_22{gap:15px;display:grid}._controlsHelp_1g6en_23{gap:4px;display:grid}._controlsHelp_1g6en_23 .field-label{margin-bottom:2px}._controlsHelp_1g6en_23 p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.6}._details_1g6en_26,._notice_1g6en_26,._surface_1g6en_11 #options-dialog .option-fields{display:none}._hint_1g6en_31{z-index:3;color:#dcf7ff;background:#0c2529ed;border:1px solid #77dafaa0;border-radius:10px;max-width:390px;padding:10px 32px 10px 12px;font-size:12px;line-height:1.6;position:absolute;left:18px;right:66px}._puzzleHint_1g6en_33{color:#f4e6c8;background:#241c0ded;border-color:#d8b06aa0}._hint_1g6en_31 p{margin:4px 0 0}._hint_1g6en_31 button{width:32px;height:36px;color:inherit;background:0 0;border:0;font-size:20px;position:absolute;top:0;right:0}@media (width<=811px),(width<=850px) and (height>=501px){._details_1g6en_26{color:var(--muted);margin:0;font-size:12px;line-height:1.6;display:block}._notice_1g6en_26{z-index:2;color:#f0e6c9;text-align:center;pointer-events:none;background:#0b211ee8;border-radius:10px;margin:0;padding:9px 12px;font-size:12px;line-height:1.6;animation:4s forwards _notice-dismiss_1g6en_1;display:block;position:absolute;left:24px;right:76px}._mobileTable_1g6en_41.app-shell{--narrow-action-bar-total:env(safe-area-inset-bottom,0px);--pool-top:calc(var(--narrow-top-bar-height) + env(safe-area-inset-top,0px) + 1px);--pool-browser-inset:max(0px, calc(100lvh - 100dvh));height:100lvh;min-height:100dvh;padding:var(--pool-top) 0 calc(var(--narrow-action-bar-total) + var(--pool-browser-inset));align-content:stretch}._mobileTable_1g6en_41 ._layout_1g6en_9.game-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;height:100%;min-height:0}._mobileTable_1g6en_41 ._column_1g6en_10.board-column{height:100%;min-height:0;margin:0;padding:0}}@container pool-stage (orientation:landscape){._mobileTable_1g6en_41 ._surface_1g6en_11 .remaining-balls{grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,144px);display:grid}._mobileTable_1g6en_41 ._surface_1g6en_11 .score-ball{aspect-ratio:1;width:100%;height:auto}._mobileTable_1g6en_41 ._surface_1g6en_11 header{z-index:2;left:var(--pool-controls-left);right:auto;top:var(--pool-spin-top);grid-area:auto;width:44px;height:44px;position:absolute}._mobileTable_1g6en_41 ._surface_1g6en_11 #pull{z-index:2;left:var(--pool-controls-left);top:var(--pool-pull-top);width:44px;height:var(--pool-pull-height);min-height:0;margin:0;position:absolute}._mobileTable_1g6en_41 ._surface_1g6en_11 #power-number{bottom:-18px}}@container pool-stage (orientation:portrait){._mobileTable_1g6en_41 ._surface_1g6en_11.pool-surface{--pool-layout:portrait;--pool-score-ball-size:18px;--pool-score-ball-gap:2px;--pool-controls-bottom-gap:calc(var(--pool-table-bottom-gap,0px) + 8px);isolation:isolate;grid-template-columns:minmax(0, 1fr) var(--pool-table-width,0px) 44px minmax(0, 1fr);grid-template-rows:var(--pool-table-top-gap,0px) auto minmax(0, 1fr) 44px var(--pool-controls-bottom-gap);gap:0;width:100%;margin:0;padding:0;position:relative}._mobileTable_1g6en_41 ._surface_1g6en_11.pool-surface:has(#players[hidden]){grid-template-rows:var(--pool-table-top-gap,0px) 0 minmax(0, 1fr) 44px var(--pool-controls-bottom-gap)}._mobileTable_1g6en_41 ._surface_1g6en_11 .top-panel,._mobileTable_1g6en_41 ._surface_1g6en_11 .play-area{display:contents}._mobileTable_1g6en_41 ._surface_1g6en_11 #arena{z-index:0;position:absolute;inset:0}._mobileTable_1g6en_41 ._surface_1g6en_11 header{z-index:2;grid-area:4/3;position:relative}._mobileTable_1g6en_41 ._surface_1g6en_11 #players{z-index:2;grid-area:2/3;grid-template-columns:44px;align-items:stretch;gap:8px;width:44px;max-width:none;margin:0;padding:0;position:relative}._mobileTable_1g6en_41 ._surface_1g6en_11 .player-card{min-width:0;box-shadow:none;background:0 0;border:0;border-top:2px solid #0000;border-radius:4px;flex-direction:column;justify-content:start;align-items:center;gap:4px;padding:2px 0 4px;display:flex}._mobileTable_1g6en_41 ._surface_1g6en_11 .player-card.active{background:#dcebd21a;border-color:#0000}._mobileTable_1g6en_41 ._surface_1g6en_11 .player-heading{flex:none;height:20px;line-height:20px}._mobileTable_1g6en_41 ._surface_1g6en_11 .player-heading strong{font-size:0}._mobileTable_1g6en_41 ._surface_1g6en_11 .player-heading strong:before{content:attr(data-short-name);font-size:14px}._mobileTable_1g6en_41 ._surface_1g6en_11 .player-heading strong:after,._mobileTable_1g6en_41 ._surface_1g6en_11 .player-heading>span{display:none}._mobileTable_1g6en_41 ._surface_1g6en_11 .remaining-balls{grid-template-columns:var(--pool-score-ball-size);grid-template-rows:repeat(7, var(--pool-score-ball-size));gap:var(--pool-score-ball-gap);flex:none;min-width:0;min-height:0;margin:0;display:grid}._mobileTable_1g6en_41 ._surface_1g6en_11 .score-ball{width:var(--pool-score-ball-size);height:var(--pool-score-ball-size);font-size:9px}._mobileTable_1g6en_41 ._surface_1g6en_11 #pull{z-index:2;grid-area:3/3;align-self:center;height:calc(100% - 48px);min-height:80px;margin:0}._mobileTable_1g6en_41 ._surface_1g6en_11 #power-number{bottom:-18px}._mobileTable_1g6en_41 ._surface_1g6en_11[data-compact-controls=true]{--pool-score-ball-size:16px;--pool-score-ball-gap:1px}._mobileTable_1g6en_41 ._surface_1g6en_11[data-tight-controls=true]{--pool-score-ball-size:12px}._mobileTable_1g6en_41 ._hint_1g6en_31{bottom:14px}}@keyframes _notice-dismiss_1g6en_1{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){._notice_1g6en_26{animation:4s step-end forwards _notice-dismiss_1g6en_1!important}}