@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#19171d;background:#f3f1ed;font-synthesis:none;--ink:#19171d;--paper:#f7f6f2;--purple:#6d4aff;--acid:#d8ff4f;--orange:#ff693f;--line:rgba(25,23,29,.15)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.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}.boot-screen{min-height:100dvh;display:grid;place-content:center;gap:10px;text-align:center;padding:32px;background:var(--paper)}.boot-screen h1,.boot-screen p{margin:0}.primary-button,.start-button{border:0;border-radius:9px;background:var(--ink);color:#fff;font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;min-height:52px;padding:0 22px;box-shadow:0 6px #6d4aff;transition:transform .12s ease,box-shadow .12s ease}.primary-button:active,.start-button:active{transform:translateY(4px);box-shadow:0 2px #6d4aff}.inline-error,.game-error{display:block;color:#a72424;background:#fff0ec;border:1px solid #edb1a4;border-radius:7px;padding:9px 11px;font-size:12px;font-weight:700}.bucket-logo{position:relative;width:64px;height:64px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--acid);transform:rotate(-8deg)}.bucket-logo i{position:absolute;left:50%;top:-14px;width:32px;height:20px;border:3px solid var(--ink);border-bottom:0;transform:translate(-50%)}.bucket-logo b{font:800 36px/1 Barlow Condensed,sans-serif}.bucket-logo--hero{width:92px;height:92px}.bucket-logo--hero b{font-size:54px}.mini-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acid);color:var(--ink);font:800 18px/1 Barlow Condensed,sans-serif;border:2px solid currentColor}.host-entry{min-height:100dvh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);padding:7vh 8vw;gap:8vw;align-items:center;background:radial-gradient(circle at 75% 25%,rgba(109,74,255,.18),transparent 30%),linear-gradient(135deg,#faf9f5 0 58%,#ebe6fb 58%)}.host-entry>section{max-width:700px}.host-entry small,.join-card>small{font-size:12px;font-weight:800;letter-spacing:.16em}.host-entry h1{font:800 clamp(72px,10vw,154px)/.72 "Barlow Condensed",sans-serif;letter-spacing:-.05em;margin:28px 0}.host-entry h1 em{color:var(--purple);font-style:normal}.host-entry p{max-width:540px;font-size:20px;line-height:1.45;margin:0 0 28px}.host-entry label,.join-card label{display:grid;gap:8px;max-width:430px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.host-entry input,.join-card input{width:100%;height:54px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 16px;font-size:18px;outline:none}.host-entry input:focus,.join-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d4aff1f}.host-entry .primary-button{margin-top:16px;min-width:240px}.host-entry .inline-error{margin-top:18px;max-width:430px}.host-entry aside{display:grid;gap:14px}.rule-card{min-height:138px;padding:24px;border:1px solid var(--line);border-radius:13px;background:#ffffffd1;box-shadow:0 12px 40px #2e225912;display:grid;grid-template-columns:60px 1fr;align-content:center}.rule-card b{grid-row:1/3;font:800 42px/1 Barlow Condensed,sans-serif;color:var(--purple)}.rule-card strong{font:800 25px/1 Barlow Condensed,sans-serif}.rule-card span{font-size:13px;color:#625e68;margin-top:6px}.join-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(109,74,255,.2),transparent 38%),var(--paper)}.join-card{width:min(100%,440px);border:1px solid var(--line);border-radius:16px;background:#fff;padding:28px;box-shadow:0 28px 80px #2a204121}.join-card h1{font:800 68px/.78 Barlow Condensed,sans-serif;letter-spacing:-.04em;margin:25px 0;color:var(--ink)}.join-card h2{font:800 38px/1 Barlow Condensed,sans-serif;margin:24px 0 10px}.join-card p{font-size:14px;line-height:1.5;color:#5c5862}.join-card label{margin-top:24px}.join-card .primary-button{width:100%;margin-top:18px}.join-card em{display:block;text-align:center;font-size:11px;color:#706a76;margin-top:16px}.join-card .inline-error{margin-top:16px}.bucket-canvas{position:absolute;inset:0;overflow:hidden;background:#93c9ee}.bucket-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.scene-loading,.scene-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#252229;color:#fff}.scene-loading{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.scene-fallback span{font-size:12px}.scene-fallback strong{font:700 24px Barlow Condensed,sans-serif}.bucket-player-name{min-width:88px;transform:translateZ(0);padding:4px 8px;border-radius:4px;background:#110f14d1;color:#fff;text-align:center;white-space:nowrap;box-shadow:0 3px 12px #00000040}.bucket-player-name span{display:block;font:700 13px/1.1 Barlow Condensed,sans-serif}.bucket-player-name small{display:block;margin-top:2px;font-size:7px;letter-spacing:.14em;color:#c8c0d1}.bucket-player-name--own{background:#6d4aff}.bucket-player-name--winner{background:#d8ff4f;color:#151319}.bucket-player-name--winner small{color:#151319}.phone-game{min-height:100dvh;background:#19171d;color:#fff;display:grid;grid-template-rows:auto clamp(280px,52dvh,490px) auto auto;padding-bottom:env(safe-area-inset-bottom)}.phone-topbar{height:48px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:0 max(12px,env(safe-area-inset-left));border-bottom:1px solid rgba(255,255,255,.12);background:#211e25}.phone-topbar>div{display:flex;align-items:center;gap:8px}.phone-topbar strong{font:800 17px Barlow Condensed,sans-serif;letter-spacing:.04em}.phone-topbar>span{font-size:9px;font-weight:800;letter-spacing:.1em;color:#bbb3c2}.phone-topbar button{height:30px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:transparent;color:#fff;font-size:9px;font-weight:800}.phone-court{position:relative;min-height:280px;overflow:hidden}.phone-court:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -70px 70px -65px #19171d}.match-chip,.pool-chip{position:absolute;z-index:3;top:10px;min-width:90px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#131116d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-chip{left:10px}.pool-chip{right:10px;text-align:right}.match-chip small,.pool-chip small{display:block;color:#aaa2b2;font-size:7px;font-weight:800;letter-spacing:.12em}.match-chip strong,.pool-chip strong{font:700 18px/1.1 Barlow Condensed,sans-serif;text-transform:uppercase}.practice-banner{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:#d8ff4feb;color:#17151b}.practice-banner strong{font:800 13px Barlow Condensed,sans-serif}.practice-banner span{font-size:8px}.action-toast{position:absolute;z-index:5;top:60px;left:50%;max-width:calc(100% - 24px);transform:translate(-50%);padding:8px 12px;border-radius:999px;background:#6d4affeb;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.game-error{position:absolute;z-index:99999998;left:10px;right:10px;bottom:44px}.result-card{position:absolute;z-index:99999999;left:50%;top:50%;width:min(88%,360px);transform:translate(-50%,-50%);padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#19171df7;text-align:center;box-shadow:0 20px 80px #000000a6}.result-card small{font-size:8px;letter-spacing:.13em;color:var(--acid)}.result-card h2{font:800 38px/.9 Barlow Condensed,sans-serif;margin:10px 0}.result-card p{font-size:11px;color:#c9c2cf}.result-card .primary-button{width:100%;margin-top:8px}.shot-controls{position:relative;height:196px;display:grid;grid-template-columns:minmax(0,1fr) 78px 118px;border-top:1px solid rgba(255,255,255,.1);background:#211e25;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.aim-gesture-zone{position:relative;display:grid;align-content:center;gap:13px;padding:16px 14px;background:radial-gradient(circle at 40% 50%,rgba(109,74,255,.17),transparent 54%);touch-action:none}.aim-gesture-zone>span{font:800 12px Barlow Condensed,sans-serif;letter-spacing:.07em;color:#b8b1c0}.aim-readout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.aim-readout b{font:700 18px Barlow Condensed,sans-serif;white-space:nowrap}.aim-readout i{height:2px;background:linear-gradient(90deg,var(--purple),var(--acid));position:relative}.aim-readout i:after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--acid)}.arc-control{display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;gap:5px;padding:10px 8px;border-left:1px solid rgba(255,255,255,.1);touch-action:none;background:#6d4aff14}.arc-control>strong{font:800 8px Barlow Condensed,sans-serif;letter-spacing:.08em;color:#aaa1b3}.arc-control>b{font:800 17px Barlow Condensed,sans-serif;color:var(--acid)}.arc-track{position:relative;width:14px;height:100%;min-height:88px;border-radius:999px;background:linear-gradient(0deg,#4a4154,#7760ff 55%,#d8ff4f);box-shadow:inset 0 0 0 2px #ffffff1f}.arc-track i{position:absolute;left:50%;width:30px;height:24px;border:2px solid #17151b;border-radius:8px;background:#fff;transform:translate(-50%);box-shadow:0 3px #6d4aff}.charge-dock{position:relative;border-left:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;padding-top:12px}.power-meter{position:absolute;left:8px;top:12px;bottom:12px;width:7px;border-radius:9px;background:#37323d;overflow:hidden}.power-meter i{position:absolute;inset:0;background:linear-gradient(0deg,var(--purple),#ff613f,var(--acid));transform-origin:bottom}.charge-handle{width:88px;height:66px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#f6f3f8;color:#19171d;touch-action:none;transform-origin:center top;box-shadow:0 7px #7b55ff}.charge-handle strong{display:block;font:800 23px/1 Barlow Condensed,sans-serif}.charge-handle span{display:block;margin-top:4px;font-size:7px;font-weight:800}.phone-drawer{background:#19171d;border-top:1px solid rgba(255,255,255,.1)}.phone-drawer details{border-bottom:1px solid rgba(255,255,255,.09)}.phone-drawer summary{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;list-style:none;font:700 12px Barlow Condensed,sans-serif;letter-spacing:.06em}.phone-drawer summary span{color:#a99dff}.phone-drawer ol{list-style:none;margin:0;padding:0 12px 12px;display:grid;gap:4px}.phone-drawer li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;min-height:30px;padding:0 8px;border-radius:5px;background:#252129}.phone-drawer li>span{color:#9b91a3;font:700 12px Barlow Condensed,sans-serif}.phone-drawer li>strong{font-size:11px}.phone-drawer li>small{font-size:7px;font-weight:800;color:#aaa1b3}.phone-drawer li[data-status=winner],.phone-drawer li[data-status=bucket]{background:#d8ff4f;color:#17151b}.phone-drawer li[data-status=clashed]{background:#502b32}.phone-drawer .ledger{border:0;border-radius:0}.projector{height:100dvh;overflow:hidden;display:grid;grid-template-rows:74px minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(320px,25vw,420px);background:#19171d;color:#fff}.projector-header{grid-column:1/3;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding:0 28px;background:#f7f6f2;color:#19171d;border-bottom:1px solid var(--line)}.projector-header>div:first-child{display:flex;align-items:center;gap:10px}.projector-header strong{font:800 25px Barlow Condensed,sans-serif}.projector-header small{font-size:9px;font-weight:800;color:#6d4aff;letter-spacing:.12em}.room-code{display:flex;align-items:baseline;gap:10px}.room-code span{font-size:9px;font-weight:800}.room-code b{font:800 35px Barlow Condensed,sans-serif;letter-spacing:.1em}.projector-header button{height:34px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:9px;font-weight:800}.projector-stage{position:relative;min-width:0}.projector-round,.projector-pool{position:absolute;z-index:3;top:18px;padding:10px 14px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:#151318cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.projector-round{left:18px}.projector-pool{right:18px;text-align:right}.projector-round small,.projector-pool small{display:block;font-size:8px;color:#b4adba;letter-spacing:.1em}.projector-round strong,.projector-pool strong{display:block;font:800 25px Barlow Condensed,sans-serif;text-transform:uppercase}.winner-overlay{position:absolute;z-index:99999999;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,80%);padding:32px;border:1px solid rgba(255,255,255,.2);border-radius:14px;text-align:center;background:#141217f7;box-shadow:0 30px 120px #000}.winner-overlay small{font-size:10px;color:var(--acid);letter-spacing:.15em}.winner-overlay h2{font:800 64px/.85 Barlow Condensed,sans-serif;margin:18px 0}.winner-overlay p{font-size:16px}.projector-sidebar{min-height:0;overflow:auto;background:#f7f6f2;color:#19171d;border-left:1px solid var(--line);padding:15px;display:flex;flex-direction:column;gap:12px}.join-panel{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:15px;padding:14px;border-radius:10px;background:#ebe6ff}.qr{display:grid;place-items:center;padding:8px;background:#fff;border-radius:6px}.qr svg{width:112px;height:112px}.join-panel small{display:block;font-size:8px;font-weight:800;letter-spacing:.12em}.join-panel strong{display:block;font:800 43px/.95 Barlow Condensed,sans-serif;letter-spacing:.08em}.join-panel span{font-size:10px;color:#5e5767}.roster{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.roster header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);font:700 12px Barlow Condensed,sans-serif}.roster header span{font-size:9px;color:#6d4aff}.roster ol{list-style:none;padding:6px;margin:0;display:grid;gap:3px}.roster li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;min-height:30px;padding:0 7px;border-radius:5px;background:#f5f3f0}.roster li b{font:700 14px Barlow Condensed,sans-serif}.roster li span{font-size:11px;font-weight:700}.roster li small{font-size:7px;font-weight:800;color:#827988}.roster li[data-entered=false]{opacity:.55}.start-button{width:100%;flex:0 0 50px}.ledger{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;color:#19171d}.ledger>header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid var(--line)}.ledger>header span{font:700 12px Barlow Condensed,sans-serif}.ledger>header strong{font-size:8px;color:#6d4aff}.ledger-list{display:grid;max-height:300px;overflow:auto}.ledger-list article{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:45px;padding:6px 9px;border-bottom:1px solid #eeeae5}.ledger-list article>i{width:7px;height:7px;border-radius:50%;background:#6d4aff}.ledger-list article[data-kind=score]>i,.ledger-list article[data-kind=credit]>i{background:#4bc27a}.ledger-list article[data-kind=clash]>i{background:#ff613f}.ledger-list article strong{display:block;font-size:9px}.ledger-list article small{display:block;margin-top:3px;font-size:7px;color:#827b86}.ledger-list article>span{font-size:7px;font-weight:800;color:#6d4aff}.ledger-list>p{font-size:9px;color:#777078;padding:14px}@media(max-width:760px){.host-entry{grid-template-columns:1fr;padding:38px 24px;background:var(--paper)}.host-entry aside{display:none}.host-entry h1{font-size:82px}.host-entry p{font-size:15px}.projector{grid-template-columns:1fr;height:auto;min-height:100dvh}.projector-header{grid-column:1;height:64px}.projector-stage{height:62dvh}.projector-sidebar{border-left:0}.projector-header>button{display:none}}@media(max-width:360px){.phone-game{grid-template-rows:auto 258px auto auto}.phone-topbar{gap:5px;padding:0 8px}.phone-topbar strong{font-size:14px}.phone-topbar>span{display:none}.phone-court{min-height:0}.shot-controls{height:174px;grid-template-columns:minmax(0,1fr) 66px 92px}.charge-handle{width:70px}.aim-readout b{font-size:14px}.aim-gesture-zone{padding:12px 9px}.aim-gesture-zone>span{font-size:10px}.arc-control{padding-inline:5px}.practice-banner span{display:none}.match-chip,.pool-chip{min-width:78px}.match-chip strong,.pool-chip strong{font-size:15px}.phone-drawer summary{height:35px}.join-card{padding:22px}.join-card h1{font-size:58px}}@media(orientation:landscape)and (max-height:560px){.phone-game{height:100dvh;min-height:0;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:42px minmax(0,1fr);overflow:hidden}.phone-topbar{grid-column:1/3;height:42px}.phone-court{grid-column:1;grid-row:2;min-height:0}.shot-controls{grid-column:2;grid-row:2;height:100%;grid-template-columns:minmax(0,1fr) 68px 98px}.charge-dock{border-left:1px solid rgba(255,255,255,.1)}.phone-drawer{display:none}.practice-banner{bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}