#pool-scene{position:fixed;inset:0;z-index:2;background:#101821}#pool-scene canvas{display:block;width:100%;height:100%;touch-action:none}#pool-ui{position:fixed;inset:0;z-index:5;color:#e5f0f0;pointer-events:none;font:12px Arial,sans-serif}#pool-ui[hidden],#pool-scene[hidden],#pool-ui [hidden]{display:none!important}#pool-ui button,#pool-ui a{pointer-events:auto}#pool-ui button{font:600 11px Arial,sans-serif;color:#d9e6e9;background:#15252deF;border:1px solid #45606c;padding:10px 13px;border-radius:4px;cursor:pointer}#pool-ui button:hover{background:#294550}#pool-ui button:disabled{opacity:.32;cursor:default}#pool-ui button:focus-visible{outline:2px solid #82ddd9;outline-offset:3px}#pool-ui button[aria-pressed=true]{border-color:#96e9d5;background:#315d5c}#pool-ui kbd{font:9px Arial,sans-serif;opacity:.6;margin-left:7px}#pool-ui .p-primary{background:#9fdbcb;color:#142b2d;border-color:#a9dfd1;font-weight:800}.p-top{position:absolute;inset:85px 4.5% auto;display:flex;justify-content:space-between;align-items:start;gap:20px}.p-title small,.p-title span,.p-score small,.p-score span,.p-notice small,.p-panel>small{font-size:9px;letter-spacing:.15em;color:#acc7cd}.p-title h2,.p-panel h2{font-family:"Arial Narrow","Bahnschrift Condensed",Impact,sans-serif;font-size:34px;letter-spacing:-.025em;margin:8px 0 10px;font-weight:900}.p-title{min-width:205px;text-shadow:0 3px 10px #000}.p-score{display:flex;align-items:center;gap:25px;padding:14px 24px;background:#102129eF;border:1px solid #52636b;border-radius:6px}.p-score>div{display:grid;text-align:center;gap:5px;min-width:65px}.p-score strong{font:900 42px/1 "Arial Narrow","Bahnschrift Condensed",Impact,sans-serif;letter-spacing:-.04em;color:#65dce8}.p-score>div:last-child strong{color:#ff7b97}.p-score i{font-style:normal;border:1px solid #586971;border-radius:50%;padding:9px 13px;color:#d2dbd9}.p-score span{font-size:8px}.p-top nav{display:flex;gap:7px}.p-bottom{position:absolute;inset:auto 4.5% 20px;background:#102129f5;border:1px solid #45616a;border-radius:7px;padding:14px 18px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(270px,1.6fr);gap:12px 24px}.p-notice p{font-size:12px;color:#dbe6e6;line-height:1.5;margin:5px 0 0;max-width:450px}#p-placement{display:flex;align-items:center;justify-content:flex-end;gap:14px}#p-placement span{color:#a5bec4;font-size:10px;max-width:220px;line-height:1.5}#p-call{grid-column:1/-1;display:flex;align-items:end;gap:16px;flex-wrap:wrap}#p-call label,.p-power label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#a9c7cb;margin-bottom:7px}.p-balls,.p-pockets{display:flex;gap:5px;flex-wrap:wrap}#pool-ui .p-ball{width:29px;height:29px;border-radius:50%;padding:0;background:#263a46;font-size:11px}#pool-ui .p-pockets button{padding:8px;font-size:9px}#p-shot{display:flex;align-items:center;justify-content:flex-end;gap:12px}.p-aim-buttons{display:flex;gap:4px}.p-power{flex:1;max-width:220px}.p-power [role=meter]{height:6px;background:#354a53;border-radius:10px;overflow:hidden}.p-power i{display:block;height:100%;background:linear-gradient(90deg,#53c7d4,#b4dfb9,#ffb767);width:0}.p-help{grid-column:1/-1;color:#8ea8b0;font-size:9px;letter-spacing:.015em}.p-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:85px 18px 18px;pointer-events:auto;background:#061018d4}.p-panel{width:min(530px,100%);max-height:100%;overflow:auto;background:linear-gradient(145deg,#1a2d34,#0e1a24);border:1px solid #526a70;border-top:2px solid #78ccc8;padding:30px;border-radius:7px;box-shadow:0 18px 70px #0008}.p-panel h2{font-size:49px;margin:12px 0 22px}.p-panel>button{display:block;width:100%;margin-top:9px;text-align:left}.p-panel p{font-size:12px;line-height:1.65;color:#b6cbd1}.p-panel a{display:block;color:#8edaca;font-size:11px;margin:18px 0}body.pool-active .screen-treatment,body.pool-active .vignette,body.pool-active .noise{display:none}body.pool-active .site-header{pointer-events:none}body.pool-active .site-header button{pointer-events:auto}
@media(max-width:1000px){.p-top nav{flex-direction:column}.p-top{gap:12px}.p-score{gap:12px;padding:11px 14px}.p-title{min-width:145px}.p-title h2{font-size:28px}.p-bottom{gap:10px 14px;inset:auto 18px 14px}.p-balls{max-width:280px}.p-pockets{max-width:330px}}
@media(max-width:650px){.p-top{inset:76px 14px auto;flex-wrap:wrap}.p-title{min-width:0}.p-title h2{font-size:23px}.p-title small{font-size:7px}.p-score{gap:10px;padding:8px}.p-score>div{min-width:49px}.p-score strong{font-size:31px}.p-score i{display:none}.p-score span{font-size:7px}.p-top nav{flex-direction:row;width:100%;justify-content:flex-end}#pool-ui .p-top nav button{padding:8px;font-size:9px}.p-bottom{inset:auto 10px 10px;padding:12px;grid-template-columns:1fr;gap:10px}.p-notice p{font-size:10px}.p-help{font-size:8px;line-height:1.45}#p-shot{justify-content:start}#p-charge{padding:10px!important;font-size:10px!important}#p-call{gap:9px}.p-balls{max-width:100%}#pool-ui .p-ball{width:24px;height:24px;font-size:10px}.p-pockets{max-width:100%}.p-panel{padding:23px}.p-panel h2{font-size:38px}#p-placement{justify-content:start}}
@media(max-height:700px) and (min-width:651px){.p-top{top:76px}.p-title h2{font-size:27px}.p-score{padding:8px 18px}.p-score strong{font-size:31px}.p-bottom{bottom:10px;padding:11px 16px;gap:8px}.p-help{font-size:8px}.p-balls{max-width:none}}
#pool-ui button.p-primary:hover{background:#b9eadd;color:#102b2d}