@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-800-italic.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/dm-sans-variable.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700 1000;font-display:swap;src:url(/fonts/nunito-variable.woff2) format("woff2")}:root{font-family:Nunito,system-ui,sans-serif;color:#fff;background:#102957;font-synthesis:none;--ink: #102b55;--sky: #159bea;--lime: #83d91e;--gold: #ffdc48;--purple: #9150dd;--ice: #b7e7f8;--cream: #fffceb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.icon{width:24px;height:24px;flex:0 0 auto;display:inline-block;vertical-align:middle}.hidden{display:none!important}#game-shell{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);width:100%;height:100%;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#194459,#102c45 66%,#0b1933)}#game-shell:fullscreen{width:100%;height:100%}#safe-area-probe{position:absolute;visibility:hidden;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#game-canvas{position:absolute;inset:0;z-index:1}#game-canvas canvas{display:block;touch-action:none}#ui{position:absolute;inset:0;z-index:2;pointer-events:none}#ui button,#ui input,.modal,.spin-disc{pointer-events:auto}.menu,.hud{position:absolute;inset:0}.menu-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.menu:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse 30% 65% at 50% 47%,#06244255,transparent 100%);pointer-events:none}.top-tools{position:absolute;z-index:3;right:calc(var(--safe-right) + 12px);top:calc(var(--safe-top) + 12px)}.round-button{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;color:#fff;border:2px solid #12437a;background:linear-gradient(#63c4ff,#2387e6 55%,#1674d0);box-shadow:0 4px #072b60,inset 0 2px #d1f2ff99,inset 0 -2px #135db6;transition:transform .12s,filter .12s,box-shadow .12s}.round-button .icon{width:24px;height:24px;stroke-width:2.6;filter:drop-shadow(0 2px 0 #0a4d9166)}.round-button:active{transform:translateY(3px);box-shadow:0 1px #072b60,inset 0 1px 2px #082b5733}.hero{z-index:2;position:absolute;left:calc(var(--safe-x) + var(--safe-width) / 2);top:calc(var(--safe-y) + var(--safe-height) / 2);width:min(342px,calc(var(--safe-width) - 40px));transform:translate(-50%,-50%)}.game-title{isolation:isolate;position:relative;margin:0 0 30px;text-align:center;font:italic 800 clamp(54px,calc(var(--safe-height) * .13),112px)/.76 "Barlow Condensed",Impact,sans-serif;transform:rotate(-5deg);filter:drop-shadow(0 10px 7px #002c4480)}.game-title:before,.game-title:after{content:"";position:absolute;z-index:-1;width:2.8em;height:.055em;border-radius:5px;top:.85em;left:50%;background:linear-gradient(90deg,#153658 23%,#dbaa52 23%,#ffdf88 68%,#fff9d6 95%,#52c5e6 95%);box-shadow:0 2px #051e4699}.game-title:before{transform:translate(-50%) rotate(34deg)}.game-title:after{transform:translate(-50%) rotate(-29deg)}.title-top{display:flex;align-items:center;justify-content:center;gap:.06em}.logo-eight{display:inline-grid;place-items:center;flex:0 0 auto;width:.66em;height:.66em;border-radius:50%;background:radial-gradient(circle at 29% 21%,#7692c1,#1b3254 38%,#070e23 76%);border:2px solid #92b9d578;box-shadow:0 5px #072047,inset 0 2px #cad8ed6b;transform:rotate(9deg)}.logo-eight i{font:1000 .39em/.9 Nunito,sans-serif;font-style:normal;letter-spacing:-2px;color:#142746;width:1.03em;height:1.03em;padding-right:2px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fffef8,#e8e6cf)}.ball-word{color:#fffdf2;-webkit-text-stroke:.055em #173768;paint-order:stroke fill;text-shadow:0 .04em 0 #78bbd9,0 .08em 0 #10284c}.pool-word{display:block;font-size:1.44em;letter-spacing:.03em;margin-top:.05em;padding-right:5px;color:#ffdf3b;-webkit-text-stroke:.05em #70340e;paint-order:stroke fill;text-shadow:0 -2px 0 #fff6a0,0 .035em 0 #f1a914,0 .065em 0 #a5550e,0 .085em 0 #112b4d}.menu-actions{display:flex;flex-direction:column;gap:16px}.account-status{display:block;margin:18px auto 0;padding:6px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:10px;background:#082443c9;color:#dfedf5;font-size:12px}.account-status[hidden]{display:none}#game-shell[data-menu-wide=true] .account-status{grid-column:2;margin-top:-20px}.game-button{min-height:60px;width:100%;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 20px;position:relative;border:2px solid #123849;isolation:isolate;color:#fff;transition:transform .12s,filter .12s,box-shadow .12s}.game-button:before{content:"";position:absolute;top:3px;left:9px;right:9px;height:43%;border-radius:13px 13px 24px 24px;background:linear-gradient(#ffffff30,#ffffff05);z-index:-1;pointer-events:none}.game-button .button-title{font-size:23px;letter-spacing:-.5px;font-weight:900;white-space:nowrap}.game-button .button-subtitle{font-size:9px;letter-spacing:1.4px;font-weight:900;text-transform:uppercase;display:block;line-height:1.2;color:#f0ffd3}.game-button .button-icon{width:29px;height:29px;stroke-width:2.4;filter:drop-shadow(0 2px 0 #12377555)}.game-button.primary{background:linear-gradient(#b9f345,#86dd26 49%,#70cd19 50%,#7edb22);border-color:#2c7215;box-shadow:0 6px #275f13,0 9px #071a414d,inset 0 2px #efffae,inset 0 -3px #4eae11;text-shadow:0 2px 0 #32770b}.game-button.secondary{background:linear-gradient(#5ee1ff,#28b7fa 49%,#169bec 50%,#158fe9);border-color:#10487e;box-shadow:0 6px #084786,0 9px #071a414d,inset 0 2px #bafaff,inset 0 -3px #0876c6;text-shadow:0 2px 0 #096ba3}.game-button.tertiary{background:linear-gradient(#bd8cfc,#a467ed 49%,#9050db 50%,#8a45d5);border-color:#57337d;box-shadow:0 6px #542485,0 9px #071a414d,inset 0 2px #e3beff,inset 0 -3px #712bc0;text-shadow:0 2px 0 #632199}.game-button:active{transform:translateY(4px) scale(.99)}.game-button.primary:active{box-shadow:0 2px #275f13,inset 0 1px #efffae}.game-button.secondary:active{box-shadow:0 2px #084786,inset 0 1px #bafaff}.game-button.tertiary:active{box-shadow:0 2px #542485,inset 0 1px #e3beff}.game-button:disabled{transform:none;filter:saturate(.5)}.menu-actions .game-button{min-height:clamp(50px,calc(var(--safe-height) * .081),70px)}.menu-actions .menu-play{min-height:clamp(62px,calc(var(--safe-height) * .098),86px);border-radius:22px}.menu-play .button-title{font-size:34px;line-height:1.15;text-transform:uppercase;letter-spacing:.5px}.play-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid #3b9b10;background:linear-gradient(#efffc1,#d2f991);color:#3c9d12;box-shadow:0 3px #3c9617,inset 0 2px #fff8}.play-icon .icon{width:28px;height:28px;margin-left:3px}#game-shell[data-menu-wide=true] .hero{width:min(650px,calc(var(--safe-width) - 84px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}#game-shell[data-menu-wide=true] .game-title{margin-bottom:12px;font-size:clamp(65px,calc(var(--safe-height) * .24),92px)}#game-shell[data-short=true] .game-title{margin-bottom:23px}#game-shell[data-short=true] .menu-actions .button-title{font-size:21px}#game-shell[data-short=true] .menu-play .button-title{font-size:29px}#game-shell[data-short=true] .play-icon{width:36px;height:36px}.hud:not(.hidden){animation:fade-in .16s ease-out}.hud-top{position:absolute;left:var(--hud-x);top:var(--hud-y);width:var(--hud-width);height:var(--hud-height)}.pause-button{position:absolute;left:2px;top:1px;width:44px;height:44px;border-radius:14px}.players{position:absolute;left:51px;right:51px;top:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:auto;max-width:580px;margin-inline:auto}.player{min-width:0;display:flex;flex-direction:column;align-items:center;opacity:.7;transition:opacity .18s}.player.active{opacity:1}.player-name{display:flex;align-items:center;gap:5px;font:850 13px/17px DM Sans,sans-serif;text-shadow:0 2px 0 #09274b;white-space:nowrap}.player-name{max-width:100%}.player-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.player-name>i,.group-name{flex-shrink:0}.group-name{font-size:9px;font-weight:750;color:#a9d4e2;text-transform:uppercase;letter-spacing:.45px}.active .group-name{color:#dbefa5}.player-name i{width:6px;height:6px;border-radius:50%;background:#79b6d2}.active .player-name i{background:#b7fa5e;box-shadow:0 0 6px #a5ef5570}.mini-balls{display:flex;justify-content:center;gap:3px;margin-top:3px;height:16px}.mini-ball{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ball);color:#142237;box-shadow:inset -1px -2px 2px #0005,inset 0 1px 1px #fff8,0 1px 2px #0004}.mini-ball i{display:grid;place-items:center;width:10px;height:10px;border-radius:50%;background:#fffbed;font:800 7px/1 DM Sans,sans-serif}.mini-ball.striped i{font-size:6px}.mini-ball.striped{background:linear-gradient(#eee9d8 25%,var(--ball) 25%,var(--ball) 75%,#eee9d8 75%)}.mini-ball.potted{opacity:.17;filter:saturate(.25)}.mini-ball.just-potted{animation:pot-mark .35s ease-out both}.eight-target{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#fff3cc;border:3px solid #132540;color:#112448;font-size:10px;font-weight:1000}.turn-toast{position:absolute;top:38px;left:49px;right:49px;text-align:center;font:750 12px/16px DM Sans,sans-serif;color:#c7e6ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-toast.notice{color:#e4f5b7}.turn-toast.foul{color:#ffdf74}.spin-button{position:absolute;right:2px;top:1px;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;padding:3px;background:linear-gradient(#58bbfa,#2488d8);border:2px solid #154b85;box-shadow:0 4px #082b5b,inset 0 2px #bdefffaa;transition:transform .12s,opacity .18s}.spin-button:disabled{opacity:.4}.spin-button:active{transform:translateY(3px)}.spin-button>span:last-child{font-size:8px;letter-spacing:.7px;line-height:10px;font-weight:1000;color:#e7faff;text-shadow:0 1px 0 #245e9a}.tiny-cue{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffdf3,#f3ecda 60%,#8ca8bd);box-shadow:1px 2px 3px #16386077;position:relative}.tiny-cue:after{content:"";position:absolute;width:6px;height:6px;border:2px solid #fb6d4c;border-radius:50%;left:calc(50% + var(--spin-x, 0px));top:calc(50% + var(--spin-y, 0px));transform:translate(-50%,-50%)}#game-shell[data-compact=true] .mini-balls{gap:1px}#game-shell[data-compact=true] .mini-ball{width:13px;height:13px}#game-shell[data-compact=true] .group-name{letter-spacing:0;font-size:8px}#game-shell[data-compact=true] .player-name{gap:3px;font-size:11px}#game-shell[data-compact=true] .turn-toast{font-size:11px}.anihub-embedded .pause-button{left:auto;right:53px}.anihub-embedded .players,.anihub-embedded .turn-toast{left:80px;right:104px}.anihub-embedded .mini-balls{max-width:100%}.anihub-embedded .mini-ball{min-width:0;flex-shrink:1}.anihub-embedded .mini-ball i{max-width:100%}#modal-root{position:absolute;inset:0;z-index:20;pointer-events:none}.modal-backdrop{position:absolute;top:var(--overlay-top, 0px);left:0;right:0;height:var(--overlay-height, 100%);display:grid;place-items:center;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 14px);background:#061a48ad;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;animation:fade-in .12s ease-out}.modal{position:relative;width:min(354px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:20px;border-radius:27px;background:linear-gradient(150deg,#256ca2,#164f86 50%,#1d4280);border:3px solid #71c5ee;box-shadow:0 7px #092c5b,0 0 0 2px #0d3968,0 18px 55px #03133170,inset 0 3px #a3e9ff4d;text-align:center;animation:pop-in .16s cubic-bezier(.2,.8,.2,1.15);scrollbar-width:thin;scrollbar-color:#71c5ee #164f86}.modal h2{margin:0 0 16px;color:#ffed92;font-size:27px;font-weight:1000;letter-spacing:-.5px;line-height:1.12;text-shadow:0 3px 0 #113e72}.modal[data-dialog=result]{padding-block:30px}.modal[data-dialog=result] h2{font:italic 800 58px/.95 Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff3b2;text-shadow:0 4px 0 #12355d}.modal[data-outcome=win]{border-color:#d6f27e;background:radial-gradient(ellipse at 50% 0,#27798b,#174e78 58%,#194375)}.modal[data-outcome=win] h2{color:#ffe471}.modal p{margin:10px 0 15px;color:#d0e9f7;font-size:13px;line-height:1.5;font-weight:750}.modal .game-button{min-height:50px;margin-top:16px;padding:0 12px;border-radius:16px}.modal .game-button .button-title{font-size:19px}.modal .game-button .icon{width:21px;height:21px}.modal-close{position:absolute;width:44px;height:44px;top:8px;right:8px;border-radius:14px;background:linear-gradient(#ffad62,#fa654d);border-color:#aa3d3c;box-shadow:0 3px #7e293e,inset 0 2px #ffdbb9}.modal-close .icon{width:20px;height:20px}.modal[data-dialog=friend] h2{margin-right:30px;font-size:25px}.setting-row{display:flex;align-items:center;justify-content:space-between;min-height:49px;font-size:15px;font-weight:900;text-shadow:0 2px 0 #17436c;gap:12px}.switch{width:58px;height:44px;padding:8px 4px;position:relative;background:transparent;border-radius:15px}.switch:before{content:"";position:absolute;inset:8px 0;border-radius:16px;background:#113765;border:2px solid #0a2d54;box-shadow:inset 0 2px #0b244766}.switch:after{content:"";position:relative;display:block;width:24px;height:24px;margin-top:2px;border:1px solid #daf3ff;background:linear-gradient(#f1faff,#a9c9e1);border-radius:50%;transition:transform .14s;box-shadow:0 2px 2px #08285999}.switch[aria-checked=true]:before{background:linear-gradient(#92e432,#69c628);border-color:#397a17}.switch[aria-checked=true]:after{background:linear-gradient(#fffef0,#def2b7);transform:translate(25px)}.small-pill{min-height:44px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#73cfff,#348fd8);border:2px solid #175994;border-radius:13px;color:#fff;font-size:13px;font-weight:1000;box-shadow:0 3px #0c3970,inset 0 1px #c0efff;text-shadow:0 2px 0 #2775b8}.small-pill .icon{width:18px;height:18px}.utility-actions,.match-actions{display:flex;gap:12px;margin-top:12px}.utility-actions>*,.match-actions>*{flex:1;min-width:0}.match-actions .game-button{margin-top:0}.match-actions .game-button .button-title{font-size:16px}.match-actions .game-button .icon{width:17px}.modal input[type=text]{width:100%;height:52px;border:3px solid #75b9e0;border-radius:15px;padding:10px 12px;color:#fff0a6;background:#103c6a;box-shadow:inset 0 3px #092a53;text-align:center;font-weight:1000;font-size:23px;letter-spacing:5px;text-transform:uppercase;user-select:text;-webkit-user-select:text;touch-action:auto}.modal input::placeholder{font-size:15px;letter-spacing:2px;color:#93b9db}.modal input#invite-link{margin-top:12px;font-size:12px;letter-spacing:0;text-transform:none;text-align:left}.divider{color:#a6ceea;font-size:11px;font-weight:900;margin:23px 0 13px}.modal-error{color:#ffe0a2!important;font-size:12px!important;margin:12px 0 0!important}.modal-error:empty{display:none}.room-code{font-weight:1000;font-size:40px;letter-spacing:4px;color:#ffe978;text-shadow:0 4px 0 #8e6c1f,0 5px 0 #14345a;margin:15px 0;user-select:text;-webkit-user-select:text}.waiting-dots{display:flex;justify-content:center;gap:8px;margin:22px 0}.waiting-dots i{width:10px;height:10px;border-radius:50%;background:#b8ee4e;box-shadow:0 2px #548b27,inset 0 1px #edffa7;animation:pulse 1.3s infinite ease-in-out}.waiting-dots i:nth-child(2){animation-delay:.18s;background:#ffe75e}.waiting-dots i:nth-child(3){animation-delay:.36s;background:#ff9a64}.spin-disc{width:150px;height:150px;border-radius:50%;margin:12px auto;background:radial-gradient(circle at 35% 27%,#fffdf0,#e7e4d7 58%,#9facaa 83%,#516271);box-shadow:0 7px 12px #06295799;position:relative;cursor:crosshair;touch-action:none}.spin-disc:before,.spin-disc:after{content:"";position:absolute;background:#63727b3d}.spin-disc:before{top:20%;bottom:20%;left:50%;width:1px}.spin-disc:after{top:50%;left:20%;right:20%;height:1px}.spin-marker{position:absolute;width:21px;height:21px;border:4px solid #fc7851;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff8;z-index:1}.spin-label{font-size:11px;color:#b2dcf1;font-weight:900}.spin-actions{display:flex;gap:12px}.spin-actions .game-button{flex:1;min-width:0}.spin-actions .game-button .button-title{font-size:18px}.rules-copy{text-align:left}.rules-copy p{font-size:12px;margin:12px 0}.rules-copy b{color:#fff2a0;font-weight:1000}#snackbar-root{position:absolute;inset:0;z-index:30;pointer-events:none}.snackbar{position:absolute;bottom:calc(var(--safe-bottom) + 20px);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);background:#174b87f5;border:2px solid #75bbe0;padding:10px 16px;border-radius:15px;color:#fff0a3;font-size:12px;font-weight:900;box-shadow:0 4px #0c2a59;animation:fade-in .15s;text-align:center}#game-shell[data-short=true] .modal{padding:15px;border-radius:22px}#game-shell[data-short=true] .modal h2{font-size:23px;margin-bottom:9px}#game-shell[data-short=true] .setting-row{min-height:44px}#game-shell[data-short=true] .settings-content{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}#game-shell[data-short=true] .settings-content .setting-row{font-size:12px;gap:5px}#game-shell[data-short=true] .settings-content .setting-row:last-child:nth-child(3){grid-column:1 / -1}#game-shell[data-short=true] .utility-actions,#game-shell[data-short=true] .match-actions{margin-top:8px}#game-shell[data-short=true] .modal .game-button{margin-top:12px}#game-shell[data-short=true] .match-actions .game-button{margin-top:0}#game-shell[data-short=true] .spin-disc{width:112px;height:112px;margin:8px auto}@media(hover:hover){.game-button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-2px)}.round-button:hover,.small-pill:hover{filter:brightness(1.12)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,70%,to{opacity:.5;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@keyframes pot-mark{0%{opacity:1;transform:scale(1.3);filter:brightness(1.6)}to{opacity:.17;transform:scale(1);filter:saturate(.25)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}