@font-face{font-family:Britti;src:url(/britti-sans-variable.woff2) format("woff2");font-display:swap}:root{font-family:Britti,ui-sans-serif,sans-serif;color:#f1ede3;background:#08090a;font-synthesis:none;--paper:#f1ede3;--ink:#111214;--amber:#e9984b;--rust:#be552f;--line:rgba(241,237,227,.18)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;background:#08090a}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.boot-screen,.host-lock{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#25201a,#090a0b 60%)}.boot-screen{color:#cfc8b8;font-size:1.1rem}.host-lock form{width:min(420px,calc(100% - 32px));display:grid;gap:14px;padding:32px;background:#161719;border:1px solid var(--line);box-shadow:0 24px 90px #000}.host-lock h1{margin:0;font-size:2.2rem;font-weight:520}.host-lock input,.name-field input{width:100%;min-height:52px;border:1px solid rgba(241,237,227,.24);background:#0d0e10;color:var(--paper);padding:0 16px;border-radius:4px;outline:none}.host-lock input:focus,.name-field input:focus{border-color:var(--amber)}.primary-button{min-height:54px;border:0;border-radius:4px;color:#15110e;background:#e99a50;font-weight:650;padding:0 20px;box-shadow:inset 0 -2px #00000038;transition:transform .16s ease,filter .16s ease}.primary-button:active{transform:scale(.975);filter:brightness(.95)}.text-button{min-height:44px;border:0;color:#bbb5a9;background:transparent;text-decoration:underline}.inline-error{display:block;color:#ffb39a;background:#691c0c52;padding:11px 13px;border-left:3px solid #d85e38;font-size:.88rem}.court-canvas{position:absolute;inset:0;overflow:hidden;background:#080b0e url(/concepts/first-bucket-depot-empty.webp) center center/cover no-repeat}.court-canvas canvas{display:block;width:100%!important;height:100%!important}.scene-fallback{position:absolute;inset:0;z-index:20;display:grid;place-content:center;gap:12px;text-align:center;background:#111}.scene-fallback button{min-height:48px;padding:0 20px}.host-shell{position:relative;width:100vw;min-height:100dvh;overflow:hidden;background:#080a0d}.cinema-vignette{pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,5,6,.62),transparent 24%,transparent 72%,rgba(4,5,6,.86)),radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.54) 100%)}.projector-header{position:absolute;z-index:4;top:0;left:0;right:0;height:104px;display:flex;align-items:center;justify-content:space-between;padding:22px 34px;border-bottom:1px solid var(--line);background:linear-gradient(#090a0bd9,#090a0b30)}.projector-header h1{margin:0;font-size:2.25rem;font-weight:590;letter-spacing:-.055em}.projector-header>div>span{display:flex;align-items:center;gap:8px;color:#aaa599;font-size:.86rem}.projector-header i,.throw-status i{width:8px;height:8px;border-radius:50%;background:#745146;display:inline-block}.projector-header i.online,.throw-status i.online{background:#93c75e;box-shadow:0 0 12px #93c75ea6}.match-meta{text-align:right}.match-meta strong{display:block;font-size:1.55rem;font-weight:530;margin-top:4px}.player-rail{position:absolute;z-index:4;top:126px;right:28px;width:260px;max-height:calc(100dvh - 240px);overflow:hidden;padding:18px;background:#0c0d0ebd;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-rail>span{color:#aaa599}.player-rail ol{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:5px}.player-rail li{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;min-height:31px;color:#a8a397;font-size:.76rem}.player-rail li i{width:8px;height:8px;border-radius:50%}.player-rail li strong{color:#eee9df;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-rail li.ball-live span{color:#f5b16b}.player-rail li.queued span{color:#a9cce4}.player-rail li.winner span{color:#f5b16b;font-weight:650}.projector-lobby{position:absolute;z-index:3;inset:104px 0 72px;display:grid;grid-template-columns:minmax(500px,1fr) 310px;align-items:end;gap:48px;padding:50px 330px 42px 54px}.lobby-copy{max-width:720px;text-shadow:0 3px 18px #000}.lobby-copy>span{color:#e9a25d;font-size:1.05rem}.lobby-copy h2{margin:10px 0 12px;font-weight:530;font-size:clamp(4.3rem,7vw,8rem);line-height:.79;letter-spacing:-.075em}.lobby-copy p{max-width:640px;font-size:1.15rem;line-height:1.45;color:#c7c1b4}.pool-line{display:flex;gap:26px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.pool-line span{color:#a49f94}.pool-line strong{display:block;margin-top:5px;font-size:1.2rem;color:#f0ece4;font-weight:560}.join-ticket{background:#eee9df;color:#111;padding:20px;text-align:center;box-shadow:14px 16px #b55231,0 25px 100px #000}.join-ticket>span{display:block;text-align:left;margin-bottom:14px;color:#3a3834}.join-ticket>div{display:grid;place-items:center;padding:10px;background:#fff}.join-ticket>strong{display:block;margin:12px 0;font-size:2.5rem;letter-spacing:.12em}.join-ticket button{width:100%}.projector-cue,.projector-countdown{position:absolute;z-index:5;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(circle,#0f101273,#050607db);text-shadow:0 8px 32px #000}.projector-cue img{width:54px;height:54px;object-fit:contain;margin-bottom:18px}.projector-cue span,.projector-countdown span{color:#c7c1b5;font-size:1.25rem}.projector-cue strong{font-size:4.4rem;font-weight:540;letter-spacing:-.06em}.projector-countdown strong{font-size:10rem;font-weight:520;line-height:1}.projector-countdown small{color:#aaa497}.live-strip{position:absolute;z-index:4;left:28px;right:310px;bottom:86px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.live-strip>div{padding:13px 16px;background:#0b0c0dd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-strip span{display:block;color:#9e998f;font-size:.75rem}.live-strip strong{display:block;margin-top:4px;font-weight:520}.winner-screen{position:absolute;z-index:6;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,#55321b2e,#060708c7 72%)}.phase-settled .court-canvas{filter:brightness(.46) blur(2px);transform:scale(1.006)}.winner-screen>span{color:#eaa25d;font-size:1.25rem}.winner-screen h2{margin:4px 0;font-size:clamp(5rem,10vw,10rem);line-height:.9;font-weight:550;letter-spacing:-.075em}.winner-screen p{color:#bfb8aa}.winner-screen>strong{font-size:2.5rem;color:#e9a05b}.winner-screen a{color:#ded8cd;margin-top:16px}.finality-rail{display:flex;gap:8px;margin-top:22px}.finality-rail span{padding:7px 12px;border:1px solid #57534b;color:#6d6962}.finality-rail span.done{color:#d9d3c7;border-color:#8eb964}.projector-footer{position:absolute;z-index:7;bottom:0;left:0;right:0;height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#090a0be8;border-top:1px solid var(--line);color:#a29d92;font-size:.8rem}.projector-footer div{display:flex;align-items:center;gap:7px}.projector-footer img{width:21px;height:21px;object-fit:contain}.projector-footer strong{color:#e6e1d7;font-weight:540}.projector-footer i{width:1px;height:22px;background:var(--line);margin:0 8px}.host-error{position:absolute;z-index:20;left:20px;bottom:90px;max-width:500px;padding:14px;background:#6b251e}.host-error button{margin-left:12px;min-height:40px}.new-match{position:absolute;z-index:20;right:28px;bottom:88px;min-height:48px;padding:0 22px}.phone-shell{position:relative;min-height:100dvh;overflow:hidden;background:#090a0b;color:var(--paper)}.join-screen>.court-canvas,.entry-pending>.court-canvas{position:fixed;inset:0;opacity:.62}.join-screen:after,.entry-pending:after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0000001a,#000000ed 68%);pointer-events:none}.phone-brand{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;height:68px;padding:max(14px,env(safe-area-inset-top)) 18px 0}.phone-brand strong{font-size:1.2rem;letter-spacing:-.04em}.phone-brand span{color:#b1ab9f;font-size:.82rem}.join-sheet,.pending-card{position:relative;z-index:3;width:min(520px,100%);margin:clamp(17vh,28vh,34vh) auto 0;padding:24px max(18px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom));background:#0f1011eb;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0;color:#e6a05c}.join-sheet h1{margin:6px 0 17px;font-size:clamp(2.25rem,10vw,3.7rem);line-height:.91;letter-spacing:-.065em;font-weight:540}.entry-terms{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;background:var(--line);border:1px solid var(--line)}.entry-terms span{padding:12px;background:#111214;color:#9e998f;font-size:.78rem}.entry-terms strong{display:block;color:#eee9df;margin-top:5px;font-size:1rem}.join-sheet>label{display:block;color:#c4beb2;margin-bottom:7px}.name-field{display:grid;grid-template-columns:1fr auto}.name-field input{border-radius:4px 0 0 4px}.name-field button{min-width:82px;border:1px solid rgba(241,237,227,.24);border-left:0;background:#272728;color:#eee9df;border-radius:0 4px 4px 0}.join-sheet>.primary-button{width:100%;margin-top:12px}.join-note{color:#979187;font-size:.78rem;line-height:1.45}.join-sheet small{color:#77736b}.join-sheet .text-button{display:block;margin:5px auto 0}.entry-pending{display:grid;place-items:center}.pending-card{margin:0;border:1px solid var(--line);max-width:390px}.pending-card h1{margin:5px 0}.pending-card .primary-button{width:100%}.play-screen{height:100dvh;min-height:100dvh;display:block;overflow:hidden;overscroll-behavior:none}.play-screen .phone-court{position:absolute;inset:0;min-height:0;border:0}.phone-court{position:relative;min-height:340px;overflow:hidden;border-bottom:1px solid var(--line)}.play-screen .phone-court:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,5,6,.84) 0,rgba(4,5,6,.08) 19%,transparent 52%,rgba(4,5,6,.08) 78%,rgba(4,5,6,.52) 100%)}.player-hud{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;text-shadow:0 2px 12px #000}.player-hud>div:last-child{text-align:right}.player-hud strong,.player-hud span{display:block}.player-hud strong{font-weight:570}.player-hud span{color:#a9a398;font-size:.7rem;margin-top:2px}.center-cue,.final-result{position:absolute;z-index:7;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;background:radial-gradient(circle,#0a0b0c2e,#050607a8);text-shadow:0 3px 18px #000;pointer-events:none}.center-cue strong{font-size:2rem;font-weight:550}.center-cue span{color:#bbb4a8}.final-result span{color:#e7a05e}.final-result h1{margin:6px 0;font-size:2.5rem;line-height:.95;font-weight:550;letter-spacing:-.055em}.final-result>strong{margin-top:9px;font-size:1.35rem;color:#e9a25d}.throw-zone{position:absolute;z-index:4;left:0;right:0;bottom:0;height:min(49dvh,430px);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.throw-zone.locked{pointer-events:none}.throw-zone.ready:active{cursor:grabbing}.throw-zone.ready:before{content:"";position:absolute;left:12%;right:12%;bottom:0;height:46%;pointer-events:none;opacity:.24;background:radial-gradient(ellipse at 50% 100%,rgba(229,128,55,.2),transparent 68%)}.throw-status{position:absolute;z-index:6;left:max(16px,env(safe-area-inset-left));right:70px;bottom:calc(13px + env(safe-area-inset-bottom));min-height:44px;max-width:330px;display:flex;align-items:center;gap:9px;padding:0;color:#d8d1c6;font-size:.78rem;text-shadow:0 2px 9px #000,0 1px 2px #000;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.throw-status.can-throw{color:#fff8ed}.throw-status i{flex:0 0 auto}.cue-ball{position:relative;flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#f4a25f,#ca5928 61%,#682819);box-shadow:inset -4px -5px 7px #00000057,0 3px 10px #0006}.cue-ball:before,.cue-ball:after{content:"";position:absolute;inset:3px 0;border:1px solid rgba(54,23,12,.72);border-radius:50%}.cue-ball:after{transform:rotate(90deg)}.finger-aim{position:fixed;z-index:100;width:68px;height:68px;display:grid;place-content:center;justify-items:center;transform:translate(-50%,-50%);padding:5px;border-radius:50%;pointer-events:none;color:#fff8ee;background:conic-gradient(#ee9a4b var(--power),rgba(241,237,227,.18) 0);box-shadow:0 8px 28px #000000b3;text-shadow:0 1px 5px #000}.finger-aim:before{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#f3a15d,#ba4d24 62%,#572116);box-shadow:inset -7px -8px 12px #0000005c}.finger-aim:after{content:"↗";position:absolute;right:-11px;top:-15px;color:#fff4e5;font-size:1.25rem;font-weight:700;text-shadow:0 2px 7px #000}.finger-aim b,.finger-aim span{position:relative;z-index:1;line-height:1}.finger-aim b{font-size:.94rem}.finger-aim span{margin-top:3px;font-size:.61rem;color:#f6d6b7}.accessible-throw{position:absolute;z-index:9;right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:48px;height:48px;color:#d8d1c5}.accessible-throw summary{position:relative;z-index:2;width:48px;height:48px;display:grid;place-items:center;list-style:none;cursor:pointer;border:0;border-radius:14px;background:transparent;filter:drop-shadow(0 2px 5px #000);-webkit-tap-highlight-color:transparent}.accessible-throw summary::-webkit-details-marker{display:none}.accessible-throw summary:before{content:"";width:20px;height:14px;background:linear-gradient(#d7d0c4 0 0) 0 1px/20px 2px no-repeat,linear-gradient(#d7d0c4 0 0) 0 6px/20px 2px no-repeat,linear-gradient(#d7d0c4 0 0) 0 11px/20px 2px no-repeat}.accessible-throw summary:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#e39a55;box-shadow:8px 5px #e39a55,-6px 10px #e39a55;transform:translate(-4px,-5px)}.accessible-throw summary:focus-visible{outline:2px solid #f1b06e;outline-offset:3px}.throw-sheet{position:absolute;right:0;bottom:58px;width:min(330px,calc(100vw - 24px));display:grid;gap:8px;padding:15px;border:1px solid rgba(241,237,227,.18);border-radius:14px;background:#0d0e0ff2;box-shadow:0 18px 60px #000000a3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.throw-sheet:after{content:"Button controls";grid-row:1;color:#f0e9dd;font-size:.88rem;font-weight:600}.throw-sheet label{display:grid;grid-template-columns:52px 1fr;align-items:center;min-height:44px;color:#bcb5a9}.throw-sheet input{width:100%;min-height:44px;accent-color:#e89a50}.throw-sheet button{width:100%;min-height:48px;border:0;border-radius:8px;color:#17110d;background:#e69a51;font-weight:650}.play-error{position:absolute;z-index:10;top:calc(72px + env(safe-area-inset-top));left:14px;right:14px;box-shadow:0 10px 34px #00000080}.is-aiming .throw-status,.is-aiming .accessible-throw{opacity:0;transform:translateY(12px);pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.host-shell{min-width:900px}.projector-lobby{padding-right:300px}}@media(orientation:landscape)and (pointer:coarse){.play-screen .phone-court{min-height:100dvh}.throw-zone{left:0;right:auto;width:62vw;height:76dvh}.throw-status{max-width:300px}.join-sheet{margin-top:2vh;margin-right:2vw;max-height:92dvh;overflow:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}