@import"https://fonts.googleapis.com/css2?family=Lilita+One&family=Hanken+Grotesk:wght@400;600;700;800&display=swap";:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{background:#0c0d24;color:#f2f4ff;overflow-x:hidden;overflow-y:auto;touch-action:manipulation}body:has(.be-play){overflow:hidden;touch-action:none}#app{min-height:100dvh;width:100%}#bg-grain{display:none}.be-root{min-height:100dvh;background:radial-gradient(1200px 600px at 50% -10%,#232560 0%,transparent 60%),#0c0d24;color:#f2f4ff;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;position:relative}.be-root:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.05;background-image:repeating-radial-gradient(circle at 17% 31%,rgba(255,255,255,.7) 0 .6px,transparent .6px 3px);background-size:7px 7px}.be-root button{font:inherit;cursor:pointer}.be-btn{border:1px solid rgba(140,160,255,.35);background:#1e2254d9;color:#f2f4ff;border-radius:12px;padding:10px 18px;font-weight:700;transition:transform .18s ease,background .2s ease,box-shadow .2s ease}.be-btn:hover{background:#2c3270f2;box-shadow:0 4px 18px #5a6eff40}.be-btn:active{transform:scale(.96)}.be-btn:focus-visible{outline:2px solid #ffd447;outline-offset:2px}.be-btn:disabled{opacity:.45;cursor:default}.be-btn-primary{font-family:Lilita One,Hanken Grotesk,sans-serif;letter-spacing:.03em;background:linear-gradient(135deg,#ffd447,#ff9457);border:none;color:#241a02;box-shadow:0 6px 24px #ffbe3c59}.be-btn-primary:hover{box-shadow:0 8px 34px #ffbe3c8c;background:linear-gradient(135deg,#fd6,#ffa268)}.be-card{background:#0e102cb8;border:1px solid rgba(140,160,255,.3);border-radius:18px;padding:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff14,0 18px 50px #0204128c}.be-label{font-size:14px;color:#9aa3d0;font-weight:700}.be-dim{color:#9aa3d0}.be-error{color:#ff5d6c;min-height:1.2em;margin:6px 0 0}.be-input{width:100%;box-sizing:border-box;background:#080a1ecc;border:1px solid rgba(120,140,255,.3);color:#f2f4ff;border-radius:12px;padding:12px 14px;font-size:16px;margin:6px 0 14px;transition:border-color .2s ease,box-shadow .2s ease}.be-input:focus-visible{outline:none;border-color:#ffd447;box-shadow:0 0 0 3px #ffd44740}.be-exit{border:1px solid rgba(255,120,130,.4);background:#3c121eb3;color:#ffb3bb;border-radius:10px;padding:6px 12px;font-weight:700;transition:transform .15s ease,background .2s ease}.be-exit:hover{background:#5a1828d9}.be-exit:active{transform:scale(.95)}.be-exit:focus-visible{outline:2px solid #ff5d6c;outline-offset:2px}.be-exit-armed{background:#ff5d6c;color:#fff}.be-reconnect{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#ffd447;color:#241a02;font-weight:800;padding:6px 16px;border-radius:999px;z-index:60}.be-resuming{margin:auto;font-size:18px;color:#9aa3d0}.be-score-val,.be-result-score,.be-victory-score,.be-rankings-row,.be-total-row,.be-hud-timer,.be-hud-balls{font-variant-numeric:tabular-nums}.be-home{margin:auto;width:min(460px,94vw);display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 0 44px;position:relative;z-index:1}.be-root:has(.be-home){background:linear-gradient(180deg,#08091c73,#08091c8c 45%,#08091ceb),url(/ballem/title-art.jpg) center / cover no-repeat,#0c0d24}.be-logo{width:min(360px,80vw);filter:drop-shadow(0 12px 44px rgba(80,120,255,.55));animation:be-float 4.5s ease-in-out infinite}@keyframes be-float{50%{transform:translateY(-9px)}}.be-tag{font-family:Lilita One,sans-serif;letter-spacing:.04em;color:#ffe9b0;text-shadow:0 2px 18px rgba(255,190,60,.45);margin:0 0 8px;text-align:center;text-wrap:balance}.be-home .be-card{width:100%;box-sizing:border-box}.be-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;box-sizing:border-box;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(98,224,157,.35);border-radius:13px;background:#21684c33}.be-identity-label{color:#a8b2da;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.be-identity-name{color:#d8ffea;font-family:Lilita One,Hanken Grotesk,sans-serif;font-size:21px;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-identity-missing{flex-wrap:wrap;border-color:#ffb85c73;background:#6638123d}.be-identity-help{color:#ffe1b3;font-size:14px;font-weight:700}.be-identity a,.be-error a{color:#ffd447;font-weight:800;text-underline-offset:3px}.be-home .be-input[readonly]{cursor:default;color:#d8ffea;border-color:#62e09d52;background:#0c2626c7}.be-home .be-btn-primary{width:100%;padding:14px;font-size:19px;margin-bottom:12px}.be-join-row{display:flex;gap:10px}.be-join-row .be-code{flex:1;text-transform:uppercase;letter-spacing:.35em;font-weight:800;margin:0}.be-lobby{width:min(560px,94vw);margin:0 auto;padding:16px 0 32px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.be-root:has(.be-lobby){background:linear-gradient(180deg,#08091cc7,#08091ce6),url(/ballem/title-art.jpg) center / cover no-repeat,#0c0d24}.be-topbar{display:flex;align-items:center;gap:12px}.be-roomcode{flex:1;text-align:center;font-family:Lilita One,sans-serif;font-size:26px;letter-spacing:.3em;color:#ffe9b0;text-shadow:0 0 22px rgba(255,212,71,.5)}.be-roster{display:flex;flex-direction:column;gap:8px}.be-player{display:flex;align-items:center;gap:12px;background:#101230b8;border:1px solid rgba(120,140,255,.25);border-radius:14px;padding:10px 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s ease,border-color .2s ease}.be-player:hover{transform:translateY(-2px);border-color:#ffd44773}.be-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:2px solid transparent;flex:none}.be-player-name{font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-player-badges{color:#9aa3d0;font-size:13px}.be-lobby-controls{display:flex;flex-direction:column;gap:14px;align-items:center}.be-stepper{display:flex;align-items:center;gap:16px}.be-stepper .be-btn{border-radius:50%;width:44px;height:44px;padding:0;font-size:22px;line-height:1}.be-stepper .be-label{font-family:Lilita One,sans-serif;font-size:18px;letter-spacing:.02em;color:#f2f4ff;min-width:120px;text-align:center}.be-start{width:min(320px,80vw);padding:14px;font-size:20px}.be-play{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;min-width:0;min-height:0;box-sizing:border-box;padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}.be-stage{position:relative;flex:none;overflow:hidden;isolation:isolate;border-radius:18px;background:#090b22;box-shadow:0 26px 80px #0204129e,0 0 0 1px #829bff1f}.be-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit}.be-hud{position:absolute;top:10px;left:12px;right:12px;display:flex;align-items:center;gap:14px;pointer-events:none}.be-hud .be-exit{pointer-events:auto}.be-hud-round{font-family:Lilita One,sans-serif;letter-spacing:.03em;color:#cdd4ff;background:#0a0c22b3;border:1px solid rgba(120,140,255,.3);border-radius:10px;padding:4px 12px}.be-hud-timer{font-family:Lilita One,sans-serif;font-size:27px;color:#fff;background:#0a0c22b8;border:1px solid rgba(90,200,255,.4);box-shadow:0 0 18px #5ac8ff40;border-radius:12px;padding:2px 14px}.be-timer-hot{color:#ff5d6c;border-color:#ff5d6c99;box-shadow:0 0 22px #ff5d6c73;animation:be-pulse .8s infinite}@keyframes be-pulse{50%{transform:scale(1.12)}}.be-hud-balls{font-size:20px;font-weight:800;background:#0a0c22b3;border:1px solid rgba(255,212,71,.35);border-radius:10px;padding:4px 12px}.be-scoreboard{position:absolute;top:56px;right:12px;left:auto;display:flex;flex-direction:column;gap:4px;background:#0a0c22b8;border:1px solid rgba(255,212,71,.4);box-shadow:0 0 18px #ffd44726;border-radius:12px;padding:8px 10px;min-width:150px;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.be-score-row{display:flex;align-items:center;gap:8px;font-size:14px}.be-score-you{font-weight:800}.be-score-dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.be-score-name{flex:1;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-score-done{color:#59e08b}.be-action-guide{position:absolute;top:88px;left:50%;z-index:5;width:min(86%,520px);transform:translate(-50%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(106,225,255,.38);border-radius:15px;color:#f8fdff;background:linear-gradient(180deg,#081132e0,#04081cd1);box-shadow:0 8px 24px #00000057,inset 0 1px #ffffff14;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.be-action-guide[data-phase=target]{border-color:#57e7ffd9;box-shadow:0 0 22px #34d5ff3d}.be-action-guide[data-phase=power]{border-color:#ffd752e6;box-shadow:0 0 22px #ffbe2d38}.be-action-guide[data-phase=armed]{border-color:#64ffa6d1}.be-action-guide-hidden{visibility:hidden}.be-action-step,.be-action-value{font-family:Lilita One,sans-serif;letter-spacing:.05em;white-space:nowrap}.be-action-step{color:#70e9ff;font-size:clamp(11px,1.7vw,16px)}.be-action-copy{min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,1.45vw,14px);font-weight:900}.be-action-value{color:#ffe174;font-size:clamp(12px,1.8vw,17px)}.be-controls{position:absolute;left:50%;top:50%;z-index:9;transform:translate(-50%,-50%);pointer-events:none}.be-fire{position:absolute;right:22px;bottom:26px;width:86px;height:86px;border-radius:50%;border:3px solid rgba(255,220,120,.75);background:radial-gradient(circle at 35% 30%,#ff9457,#d92d20);font-size:34px;box-shadow:0 8px 30px #ff5a2880,0 0 34px #ff783c73;z-index:5;animation:be-fire-breathe 1.6s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#fff;text-shadow:0 2px 5px rgba(40,0,0,.65);pointer-events:auto}.be-fire strong{font-family:Lilita One,sans-serif;font-size:13px;line-height:1;letter-spacing:.08em}@keyframes be-fire-breathe{50%{box-shadow:0 8px 30px #ff5a28a6,0 0 48px #ff8c4699}}.be-fire:active{transform:scale(.92)}.be-fire:focus-visible{outline:3px solid #ffd447;outline-offset:3px}.be-fire:disabled{cursor:default;animation:none;opacity:.82;filter:saturate(.72);box-shadow:0 6px 22px #141e3c73}.be-fire:disabled:active{transform:none}.be-move-controls{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));z-index:7;display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:300px;height:78px;pointer-events:auto;touch-action:none;overscroll-behavior:contain}.be-move{position:relative;min-width:0;min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:22px;border:2px solid rgba(100,225,255,.62);color:#f8fcff;background:linear-gradient(180deg,#233c7de6,#0c1237f0);box-shadow:inset 0 1px #ffffff2e,0 7px 24px #0000006b,0 0 22px #46d2ff2e;font-family:Lilita One,sans-serif;font-size:27px;line-height:1;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform 80ms ease,border-color .1s ease,background .1s ease}.be-run-zone strong{font-size:13px;line-height:1.05;letter-spacing:.045em;white-space:nowrap}.be-move:disabled{opacity:.28;filter:grayscale(.75)}.be-move-active,.be-move:active{transform:translateY(2px) scale(.94);border-color:#ffd447;background:linear-gradient(180deg,#397ca4,#17285d)}.be-move:focus-visible{outline:3px solid #ffd447;outline-offset:3px}.be-control-hint{position:absolute;left:50%;bottom:18px;z-index:6;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid rgba(110,210,255,.3);border-radius:999px;color:#eef6ffdb;background:#06091eb8;box-shadow:0 6px 22px #02041259;font-size:12px;font-weight:800;pointer-events:none;white-space:nowrap;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.be-control-hint kbd{padding:2px 6px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:#ffffff1a;color:#fff;font:inherit}.be-control-hint-dot{opacity:.55}.be-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.be-controls-inactive .be-move-controls,.be-controls-inactive .be-control-hint{display:none}.be-banner{position:absolute;top:22%;left:0;right:0;text-align:center;font-family:Lilita One,sans-serif;font-size:clamp(28px,5.4vw,58px);letter-spacing:.05em;text-shadow:0 4px 24px rgba(0,0,0,.65),0 0 38px currentColor;opacity:0;transform:scale(.8);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:6}.be-banner-show{opacity:1;transform:scale(1)}.be-combo-banner{position:absolute;top:9%;left:18%;right:18%;z-index:7;padding:7px 14px;border:1px solid rgba(255,224,95,.62);border-radius:999px;color:#fff2a5;background:linear-gradient(90deg,#060a2000,#0a1130e0 20% 80%,#060a2000);font-family:Lilita One,sans-serif;font-size:clamp(22px,3.3vw,42px);letter-spacing:.045em;text-align:center;text-shadow:0 3px 12px rgba(0,0,0,.92),0 0 22px rgba(255,210,77,.62);opacity:0;transform:translateY(-9px) scale(.94);transition:opacity .16s ease,transform .22s cubic-bezier(.2,.9,.3,1.2);pointer-events:none}.be-combo-banner-show{opacity:1;transform:translateY(0) scale(1)}.be-last-chance{flex:1 1 auto;z-index:1;min-width:0;max-width:330px;padding:7px 18px 8px;border:2px solid rgba(255,222,83,.88);border-radius:999px;background:linear-gradient(180deg,#511613f5,#1c0819f0);box-shadow:0 7px 24px #00000085,0 0 24px #ff664459;color:#fff2a1;font-family:Lilita One,sans-serif;font-size:clamp(19px,3.1vw,34px);letter-spacing:.075em;line-height:1;text-align:center;text-shadow:0 3px 8px rgba(0,0,0,.85);opacity:0;transform:translateY(-8px) scale(.94);pointer-events:none}.be-last-chance-show{animation:be-last-chance-in .26s cubic-bezier(.2,.9,.3,1.2) forwards}@keyframes be-last-chance-in{to{opacity:1;transform:translateY(0) scale(1)}}.be-tier-impact{position:absolute;inset:0;z-index:8;display:grid;place-items:center;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;isolation:isolate;contain:layout paint style}.be-tier-impact-show{visibility:visible;opacity:1}.be-tier-impact-show:before,.be-tier-impact-show:after{content:"";position:absolute;inset:-35%;pointer-events:none}.be-tier-impact-show:before{z-index:-2;background:radial-gradient(circle at 50% 45%,rgba(255,255,240,.92) 0%,rgba(255,212,71,.48) 16%,rgba(255,148,87,.18) 35%,transparent 62%);animation:be-tier-flash 2.4s ease-out both}.be-tier-impact-show:after{z-index:-1;background:repeating-conic-gradient(from 8deg at 50% 45%,rgba(255,236,151,.25) 0deg 5deg,transparent 5deg 18deg);animation:be-tier-rays 2.4s cubic-bezier(.17,.67,.24,1) both}.be-tier-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:0}.be-tier-copy{position:relative;display:flex;width:min(760px,88vw);flex-direction:column;align-items:center;justify-content:center;color:#fff8d4;text-align:center;text-shadow:0 5px 0 rgba(78,35,0,.7),0 12px 34px rgba(0,0,0,.8),0 0 42px currentColor;will-change:transform,opacity;animation:be-tier-copy-pop 2.4s cubic-bezier(.17,.89,.26,1.18) both}.be-tier-title{font-family:Lilita One,sans-serif;font-size:clamp(42px,9vmin,96px);line-height:.95;letter-spacing:.045em;-webkit-text-stroke:1.5px rgba(68,28,0,.7)}.be-tier-bonus{display:block;margin-top:-.02em;font-family:Lilita One,sans-serif;font-size:clamp(88px,19vmin,200px);line-height:.88;letter-spacing:-.025em;color:#ffd447;background:linear-gradient(180deg,#fff9b8,#ffd447 45%,#ff9b32);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 0 #7c3600) drop-shadow(0 0 24px rgba(255,212,71,.95))}.be-tier-final{display:flex;align-items:baseline;gap:10px;margin-top:20px;border:1px solid rgba(255,255,255,.62);border-radius:999px;padding:8px 20px 9px;background:#08091cdb;box-shadow:0 10px 32px #0000008c,inset 0 1px #ffffff40;color:#fff;text-shadow:none;font-variant-numeric:tabular-nums}.be-tier-final span{color:#dfe4ff;font-size:clamp(12px,2vmin,17px);font-weight:900;letter-spacing:.13em}.be-tier-final strong{font-family:Lilita One,sans-serif;font-size:clamp(25px,4.4vmin,46px);color:#fff3a3}.be-tier-impact-stadium:before{background:radial-gradient(ellipse at 50% 53%,rgba(255,255,255,.96) 0%,rgba(255,126,88,.58) 18%,rgba(211,61,170,.27) 38%,transparent 68%),linear-gradient(180deg,#31217914,#ff576d38);animation-duration:3s}.be-tier-impact-stadium:after{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,245,196,.34) 0deg 4deg,transparent 4deg 13deg);animation-duration:3s}.be-tier-impact-stadium .be-tier-atmosphere{opacity:1;animation:be-stadium-rise 3s ease-out both}.be-tier-impact-stadium .be-tier-atmosphere:before{content:"";position:absolute;top:-21%;left:-18%;width:136%;height:67%;box-sizing:border-box;border:clamp(18px,5vmin,58px) solid rgba(255,235,175,.44);border-bottom-color:#ff7667ad;border-radius:0 0 50% 50%;box-shadow:inset 0 -18px 42px #ff4f9152,0 18px 70px #ffb45c52}.be-tier-impact-stadium .be-tier-atmosphere:after{content:"";position:absolute;inset:-10% 2% 24%;background:linear-gradient(112deg,transparent 30%,rgba(255,244,199,.25) 50%,transparent 70%),linear-gradient(248deg,transparent 30%,rgba(255,244,199,.2) 50%,transparent 70%);transform-origin:50% 0;animation:be-stadium-lights 1.1s ease-in-out 2 alternate}.be-tier-crowd{display:none}.be-tier-impact-stadium .be-tier-crowd{position:absolute;right:-8%;bottom:-5%;left:-8%;display:block;height:39%;transform-origin:50% 100%;background:radial-gradient(circle,#ffe481 0 29%,transparent 32%) 8px 8px / 38px 34px,radial-gradient(circle,#ff758e 0 30%,transparent 33%) 0 18px / 51px 42px,radial-gradient(circle,#8fa8ff 0 29%,transparent 32%) 16px 4px / 63px 48px,linear-gradient(180deg,#21155b1f,#08091ce0);clip-path:polygon(0 42%,8% 27%,16% 42%,25% 22%,34% 40%,43% 19%,52% 38%,61% 18%,70% 41%,79% 23%,89% 42%,100% 25%,100% 100%,0 100%);opacity:.94;animation:be-crowd-erupt .52s ease-in-out 4 alternate}.be-tier-impact-stadium .be-tier-copy{width:min(860px,94vw);animation-duration:3s}.be-tier-impact-stadium .be-tier-title{font-size:clamp(48px,11vmin,118px);color:#fff4df}.be-tier-impact-stadium .be-tier-bonus{font-size:clamp(108px,23vmin,240px);background:linear-gradient(180deg,#fff5ce,#ff9457 43%,#ff4e93);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 7px 0 #68153d) drop-shadow(0 0 34px rgba(255,91,147,.95))}.be-tier-earned{display:flex;align-items:center;gap:10px;margin-bottom:14px;border:2px solid rgba(255,224,116,.88);border-radius:999px;padding:7px 17px 6px;background:linear-gradient(135deg,#4d2a00eb,#833012e0);box-shadow:0 0 28px #ffd447a6;color:#ffe36f;font-family:Lilita One,sans-serif;font-size:clamp(17px,3vmin,29px);letter-spacing:.055em;text-shadow:0 2px 0 #4d2200;animation:be-tier-earned-in 3s cubic-bezier(.17,.89,.26,1.18) both}.be-tier-earned strong{color:#fff5b8;font-size:1.3em}@keyframes be-tier-flash{0%{opacity:0;transform:scale(.32)}10%{opacity:1}35%{opacity:.68}to{opacity:0;transform:scale(1.35)}}@keyframes be-tier-rays{0%{opacity:0;transform:rotate(-8deg) scale(.5)}14%{opacity:.85}to{opacity:0;transform:rotate(18deg) scale(1.18)}}@keyframes be-tier-copy-pop{0%{opacity:0;transform:translateY(26px) scale(.46)}11%{opacity:1;transform:translateY(-8px) scale(1.13)}19%{transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1.04)}}@keyframes be-stadium-rise{0%{opacity:0;transform:scale(1.15)}14%,82%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes be-stadium-lights{0%{opacity:.35;transform:rotate(-4deg) scaleX(.88)}to{opacity:.92;transform:rotate(4deg) scaleX(1.05)}}@keyframes be-crowd-erupt{0%{transform:translateY(13%) scaleY(.86)}to{transform:translateY(0) scaleY(1.05)}}@keyframes be-tier-earned-in{0%,12%{opacity:0;transform:translateY(-22px) scale(.75)}22%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(1)}}.be-material-legend{position:absolute;top:146px;left:10px;z-index:5;width:min(174px,27%);display:grid;gap:4px;padding:7px;border:1px solid rgba(142,224,255,.3);border-radius:12px;background:#050a1fc7;box-shadow:0 8px 25px #02041157;pointer-events:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:width .18s ease,transform .18s ease,background .18s ease}.be-material-legend[hidden]{display:none}.be-material-legend-item{min-width:0;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;color:#f6f8ff}.be-material-legend-item>span:last-child{min-width:0;display:flex;flex-direction:column}.be-material-legend-item strong{overflow:hidden;font-family:Lilita One,sans-serif;font-size:12px;line-height:1.05;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.be-material-legend-item small{overflow:hidden;color:#b8c5df;font-size:8px;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.be-material-swatch{position:relative;width:23px;height:19px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.56);border-radius:5px;box-shadow:inset 0 1px #ffffff59,0 2px 7px #0000004d;font:900 11px/1 Lilita One,sans-serif}.be-material-legend-item[data-material=gold] .be-material-swatch{clip-path:polygon(13% 0,87% 0,100% 18%,100% 82%,87% 100%,13% 100%,0 82%,0 18%);background:linear-gradient(135deg,#fff1a5 0 22%,#f4ad28 38% 66%,#9c5b0e)}.be-material-legend-item[data-material=gold] .be-material-swatch:after{content:"◆";color:#75420b}.be-material-legend-item[data-material=dynamite] .be-material-swatch{background:linear-gradient(180deg,#842820,#3f1517)}.be-material-legend-item[data-material=dynamite] .be-material-swatch:after{content:"▮▮▮";color:#ff5948;letter-spacing:-1px;text-shadow:0 -5px #ffd96b}.be-material-legend-item[data-material=rainbow] .be-material-swatch{background:conic-gradient(from 35deg,#ff5d86,#ffcf4a,#62f7a1,#60dfff,#9f78ff,#ff5d86)}.be-material-legend-item[data-material=rainbow] .be-material-swatch:after{content:"✦";color:#fff;text-shadow:0 0 5px #fff}.be-material-legend-item[data-material=cashBag] .be-material-swatch{border-radius:45% 45% 34% 34%;background:linear-gradient(145deg,#d9a540,#6c3f10)}.be-material-legend-item[data-material=cashBag] .be-material-swatch:after{content:"$";color:#fff0a7}.be-material-legend-item[data-material=ballLocker] .be-material-swatch{background:linear-gradient(145deg,#55d7ff,#153d94 65%,#101d4d)}.be-material-legend-item[data-material=ballLocker] .be-material-swatch:after{content:"⚽";font-size:12px}.be-material-legend-item[data-material=sticky] .be-material-swatch{border-radius:6px 6px 9px 9px;background:linear-gradient(180deg,#8eff79,#1d963e 68%,#0f5e2b)}.be-material-legend-item[data-material=sticky] .be-material-swatch:after{content:"S";color:#eaffdd;text-shadow:0 2px 3px #06451b}.be-material-legend-item[data-material=red] .be-material-swatch{background:linear-gradient(90deg,transparent 47%,rgba(255,224,198,.5) 48% 52%,transparent 53%),linear-gradient(180deg,#db4a3e 0 45%,#f6b49d 46% 52%,#a92327 53%)}.be-material-legend-intro{top:auto;bottom:20%;left:50%;width:min(82%,600px);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));transform:translate(-50%);padding:12px;background:#04081be6}.be-material-legend-intro .be-material-legend-item{grid-template-columns:32px minmax(0,1fr)}.be-material-legend-intro .be-material-swatch{width:30px;height:25px}.be-material-legend-intro .be-material-legend-item strong{font-size:14px}.be-material-legend-intro .be-material-legend-item small{font-size:9px}.be-material-tutorial{position:absolute;top:29%;left:50%;z-index:9;width:min(76%,520px);padding:12px 15px;border:1px solid rgba(255,218,92,.65);border-radius:14px;color:#f7fbff;background:linear-gradient(180deg,#0f1941f0,#04081cf0);box-shadow:0 12px 34px #00000080,0 0 24px #ffca4b2e;opacity:0;pointer-events:none;transform:translate(-50%,-10px) scale(.97);transition:opacity .18s ease,transform .18s ease}.be-material-tutorial-show{opacity:1;transform:translate(-50%) scale(1)}.be-material-tutorial>strong{display:block;margin-bottom:5px;color:#ffe174;font-family:Lilita One,sans-serif;font-size:14px;letter-spacing:.08em}.be-material-tutorial>div{display:grid;gap:3px;font-size:11px;font-weight:800;line-height:1.25}.be-subtitle{position:absolute;left:50%;bottom:15%;z-index:36;width:min(78%,620px);padding:9px 14px;border-radius:11px;color:#fff;background:#040714db;box-shadow:0 7px 24px #00000080;font-size:clamp(12px,2vw,18px);font-weight:900;line-height:1.25;text-align:center;text-shadow:0 2px 5px #000;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .13s ease,transform .13s ease}.be-subtitle-show{opacity:1;transform:translate(-50%)}.be-fight-overlay{position:absolute;inset:0;z-index:30;display:none;overflow:hidden;align-items:stretch;justify-content:stretch;background:#050713;pointer-events:auto;user-select:none;-webkit-user-select:none}.be-fight-overlay-show{display:flex}.be-fight-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;background:transparent;object-fit:cover;pointer-events:none}.be-fight-fallback-only .be-fight-video{display:none}.be-fight-fallback{position:absolute;inset:0;z-index:0;display:grid;place-items:center;overflow:hidden;color:#fff0a9;background:radial-gradient(circle at 26% 45%,rgba(71,221,255,.5),transparent 21%),radial-gradient(circle at 72% 48%,rgba(255,88,62,.58),transparent 23%),repeating-conic-gradient(from 12deg at 50% 50%,#151d4a 0 8deg,#090d25 8deg 16deg);font-family:Lilita One,sans-serif;font-size:clamp(25px,5.2vw,54px);letter-spacing:.05em;text-align:center;text-shadow:0 4px 0 #6b1725,0 0 24px rgba(255,226,98,.72)}.be-fight-fallback:before,.be-fight-fallback:after{content:"";position:absolute;top:20%;width:35%;height:62%;border:6px solid rgba(255,255,255,.7);border-radius:50%;filter:blur(1px)}.be-fight-fallback:before{left:4%;transform:rotate(20deg)}.be-fight-fallback:after{right:4%;transform:rotate(-20deg)}.be-fight-speed{position:absolute;left:5%;right:5%;height:7px;background:linear-gradient(90deg,transparent,#fff7ad,transparent);box-shadow:0 0 17px #ffb63b;transform-origin:center}.be-fight-speed-a{top:38%;transform:rotate(-18deg)}.be-fight-speed-b{top:61%;transform:rotate(15deg)}.be-fight-sign{position:absolute;left:50%;top:20%;z-index:2;width:180px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border:0;color:#121723;background:transparent;font-family:Lilita One,sans-serif;font-size:18px;line-height:.95;text-align:center;text-wrap:balance;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none}.be-fight-fallback-only .be-fight-sign{left:50%!important;top:28%!important;bottom:auto!important;width:min(46%,270px)!important;height:auto!important;padding:12px 14px!important;border:4px solid #1e2839;border-radius:4px;background:#f8f4df;box-shadow:0 8px 18px #00000073;font-size:clamp(12px,2.2vw,21px)!important;line-height:1.05;transform:translate(-50%,-50%) rotate(-4deg)!important}.be-play[data-cutscene=active] .be-controls{visibility:hidden;pointer-events:none}.be-stage[data-cutscene=active] .be-material-legend,.be-stage[data-cutscene=active] .be-material-tutorial{opacity:0}.be-overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:transparent;pointer-events:none;z-index:10}.be-play:has(.be-overlay-show) .be-action-guide{display:none}.be-overlay-show{display:flex}.be-overlay-title{position:absolute;top:clamp(68px,10vh,108px);z-index:2;font-family:Lilita One,sans-serif;font-size:clamp(15px,2.2vw,20px);letter-spacing:.03em;color:#ffd447;text-align:center;text-wrap:balance;text-shadow:0 2px 4px rgba(4,6,20,.98),0 0 15px rgba(4,6,20,.92),0 0 24px rgba(255,212,71,.38)}.be-waiting-countdown{display:block;width:max-content;margin:8px auto 0;padding:5px 13px;border:1px solid rgba(255,224,92,.74);border-radius:999px;background:#090d23db;color:#fff4ad;font-size:1.18em;letter-spacing:.06em}.be-waiting-stage{position:relative;width:min(820px,146vw);aspect-ratio:16 / 9;flex:none}.be-waiting-video{display:block;width:100%;height:100%;background:transparent;object-fit:contain;border:0;filter:drop-shadow(0 18px 17px rgba(2,4,18,.52)) drop-shadow(0 0 15px rgba(120,140,255,.2))}.be-waiting-seat{--be-waiting-seat-x: 29%;--be-waiting-seat-y: 29%;--be-waiting-seat-rotate: -5deg;--be-seat-color: #59e08b;position:absolute;left:var(--be-waiting-seat-x);top:var(--be-waiting-seat-y);width:clamp(25px,4.4vw,40px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:2px solid var(--be-seat-color);background:#050a18d6;color:var(--be-seat-color);font-family:Lilita One,sans-serif;font-size:clamp(17px,3vw,28px);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.9);box-shadow:0 4px 12px #00000085,0 0 12px color-mix(in srgb,var(--be-seat-color) 68%,transparent);transform:translate(-50%,-50%) rotate(var(--be-waiting-seat-rotate));transition:left 90ms linear,top 90ms linear,transform 90ms linear}.be-link-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:44px;padding:0 14px;border:0;background:none;color:#e2e8ff9e;font:inherit;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer}.be-link-btn:hover{color:#f2f4ff;background:#ffffff12}.be-link-btn:focus-visible{outline:2px solid #ffd447;outline-offset:2px}.be-home-exit{position:fixed;top:12px;left:12px;z-index:20;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid rgba(255,120,130,.4);background:#3c121eb3;color:#ffb3bb;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s ease,background .2s ease}.be-home-exit:hover{background:#5a1828d9}.be-home-exit:active{transform:scale(.95)}.be-home-exit:focus-visible{outline:2px solid #ff5d6c;outline-offset:2px}.be-results{width:min(640px,94vw);margin:0 auto;padding:20px 0 44px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}.be-results-title{font-family:Lilita One,sans-serif;letter-spacing:.04em;text-align:center;margin:6px 0;font-size:34px;text-wrap:balance}.be-victory{position:relative;text-align:center;padding:26px 12px 30px;background:linear-gradient(180deg,#08091c0a,#08091ccc 94%),url(/ballem/victory-art.jpg) center / cover no-repeat;border:1px solid rgba(255,212,71,.35);border-radius:24px;overflow:hidden;min-height:clamp(210px,52vw,356px);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 22px 70px #02041299}.be-victory-slot{--be-seat-color: #59e08b;position:absolute;left:35.2%;top:34%;z-index:1;color:var(--be-seat-color);font-family:Lilita One,sans-serif;font-size:clamp(25px,6vw,52px);line-height:1;-webkit-text-stroke:1px rgba(24,54,21,.85);text-shadow:0 2px 2px rgba(0,0,0,.75),0 0 10px color-mix(in srgb,var(--be-seat-color) 58%,transparent);transform:translate(-50%,-50%) rotate(-7deg);pointer-events:none}.be-victory-crown,.be-victory-name,.be-victory-score{position:relative;z-index:2}.be-victory-crown{font-size:64px;animation:be-bounce 1.4s ease infinite;filter:drop-shadow(0 6px 22px rgba(255,212,71,.6))}@keyframes be-bounce{50%{transform:translateY(-10px)}}.be-victory-name{font-family:Lilita One,sans-serif;font-size:38px;letter-spacing:.03em;color:#ffd447;text-shadow:0 0 34px rgba(255,212,71,.65)}.be-victory-score{color:#e6ebff;font-weight:700}.be-confetti{position:absolute;top:-12px;width:10px;height:16px;border-radius:3px;animation:be-fall 3s linear infinite}@keyframes be-fall{25%{transform:translateY(80px) translate(14px) rotate(140deg)}50%{transform:translateY(160px) translate(-10px) rotate(280deg)}to{transform:translateY(320px) translate(10px) rotate(540deg);opacity:0}}.be-result-list{display:flex;flex-direction:column;gap:12px}.be-result-card{background:#101230b8;border:1px solid rgba(120,140,255,.22);border-left:4px solid rgba(120,140,255,.35);border-radius:16px;padding:14px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.be-result-card:nth-child(1){border-left-color:#ffd447}.be-result-card:nth-child(2){border-left-color:#c9d1e8}.be-result-card:nth-child(3){border-left-color:#d9985f}.be-result-you{border-color:#ffd447;box-shadow:0 0 0 1px #ffd44766}.be-result-head{display:flex;align-items:center;gap:10px}.be-result-rank{font-family:Lilita One,sans-serif;color:#9aa3d0;width:38px}.be-result-name{flex:1;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-result-score{font-family:Lilita One,sans-serif;font-size:24px;color:#ffd447}.be-result-body{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.be-stat-line{display:flex;justify-content:space-between;font-size:14px;gap:8px}.be-total-row{display:flex;gap:12px;align-items:center;background:#101230b8;border:1px solid rgba(120,140,255,.22);border-radius:14px;padding:12px 16px;font-size:18px;font-weight:800;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.be-total-row span:last-child{margin-left:auto;color:#ffd447;font-family:Lilita One,sans-serif}.be-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:6px}.be-score-save{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-color:#ffd4474d}.be-score-save-status{flex:1 1 260px;font-weight:800;line-height:1.35}.be-score-save-retry{flex:0 0 auto}.be-personal-progress-slot{min-width:0;margin-top:14px;border-top:1px solid rgba(255,212,71,.22)}.be-personal-progress{width:100%;min-width:0;padding-top:14px}.be-personal-progress h3,.be-personal-progress h4{font-family:Lilita One,sans-serif;letter-spacing:.025em}.be-personal-progress h3{margin:0 0 12px;color:#ffd447;font-size:21px}.be-personal-progress h4{margin:0 0 6px;font-size:17px}.be-personal-progress-body{min-width:0}.be-progress-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.be-progress-metrics>div{min-width:0;padding:9px 8px;text-align:center;border:1px solid rgba(120,140,255,.2);border-radius:11px;background:#070a1f7a}.be-progress-metrics span,.be-progress-metrics strong{display:block}.be-progress-metrics span{color:#9aa3d0;font-size:11px;line-height:1.2}.be-progress-metrics strong{margin-top:3px;overflow:hidden;color:#fff;font-family:Lilita One,sans-serif;font-size:19px;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.be-progress-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;min-width:0}.be-progress-detail>section{min-width:0}.be-progress-delta,.be-progress-message{margin:0;color:#b8c0e8;font-size:12px;line-height:1.4}.be-progress-chart{display:block;width:100%;height:104px;margin:5px 0 7px;overflow:visible;border-radius:10px;background:linear-gradient(180deg,#59e08b14,#5ab8ff06)}.be-progress-zero{stroke:#fff3;stroke-width:1;stroke-dasharray:5 5}.be-progress-line{fill:none;stroke:#59e08b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.be-progress-point{fill:#ffd447;stroke:#101230;stroke-width:2;vector-effect:non-scaling-stroke}.be-progress-list{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;list-style:none}.be-progress-attempt{display:grid;grid-template-columns:minmax(42px,auto) minmax(56px,auto) minmax(0,1fr);align-items:baseline;gap:7px;min-width:0;padding:5px 7px;border-radius:8px;background:#788cff0f;font-size:12px;font-variant-numeric:tabular-nums}.be-progress-attempt-rank{color:#9aa3d0;font-size:11px;font-weight:800}.be-progress-attempt strong{color:#fff;text-align:right}.be-progress-attempt time{min-width:0;overflow:hidden;color:#9aa3d0;text-align:right;text-overflow:ellipsis;white-space:nowrap}.be-rankings h3{font-family:Lilita One,sans-serif;letter-spacing:.03em;margin:0 0 10px}.be-rankings-body{display:flex;flex-direction:column;gap:6px}.be-rankings-you{font-weight:800;color:#ffd447;margin-bottom:4px}.be-rankings-row{display:flex;gap:10px;font-size:15px;padding:3px 6px;border-radius:8px}.be-rankings-row:nth-child(2n){background:#788cff12}.be-rankings-row-you{font-weight:900;color:#ffd447;background:#ffd4471a!important}.be-rankings-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-rankings-link{color:#8db0ff;display:inline-block;margin-top:10px}.be-rankings-link:focus-visible{outline:2px solid #ffd447;outline-offset:2px}@media (max-width: 640px){.be-play{padding-bottom:calc(156px + env(safe-area-inset-bottom))}.be-stage{border-radius:0;box-shadow:none}.be-hud{left:6px;right:6px;gap:6px}.be-hud-round{padding:3px 7px;font-size:14px}.be-hud-balls{padding:3px 7px;font-size:16px}.be-last-chance{padding:5px 7px 6px;font-size:clamp(14px,4vw,18px);letter-spacing:.035em;white-space:nowrap}.be-scoreboard{top:52px;right:8px;min-width:120px;padding:6px 8px}.be-score-row{font-size:12px}.be-fire{right:max(14px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));width:94px;height:94px;font-size:32px}.be-controls{inset:auto 0 0;width:100%!important;height:calc(156px + env(safe-area-inset-bottom))!important;transform:none}.be-control-hint{display:none}.be-move-controls{left:max(12px,env(safe-area-inset-left));right:calc(max(14px,env(safe-area-inset-right)) + 110px);bottom:max(30px,env(safe-area-inset-bottom));display:grid;width:auto;height:88px}.be-action-guide{top:86px;width:min(92%,440px);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"step value" "copy copy";gap:6px;padding:7px 9px}.be-material-legend:not(.be-material-legend-intro){top:142px;left:7px;width:116px;gap:3px;padding:5px}.be-material-legend:not(.be-material-legend-intro) .be-material-legend-item{grid-template-columns:20px minmax(0,1fr);gap:4px}.be-material-legend:not(.be-material-legend-intro) .be-material-swatch{width:19px;height:16px;font-size:9px}.be-material-legend:not(.be-material-legend-intro) .be-material-legend-item strong{font-size:10px}.be-material-legend:not(.be-material-legend-intro) .be-material-legend-item small{display:none}.be-material-legend-intro{bottom:16%;width:90%;grid-template-columns:repeat(2,minmax(0,1fr))}.be-material-tutorial{top:32%;width:86%}.be-subtitle{bottom:7%;width:86%}.be-fight-sign{width:42%}.be-action-step{grid-area:step}.be-action-copy{grid-area:copy;overflow:visible;text-align:left;text-overflow:clip}.be-action-value{grid-area:value;text-align:right}.be-hud-timer{font-size:21px}.be-tier-copy,.be-tier-impact-stadium .be-tier-copy{width:94vw}.be-tier-final{gap:7px;margin-top:14px;padding:7px 15px 8px}.be-tier-earned{margin-bottom:10px;padding:5px 13px}.be-result-body,.be-progress-detail,.be-progress-metrics{grid-template-columns:1fr}.be-progress-metrics>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-align:left}.be-progress-metrics strong{flex:0 0 auto;overflow:visible;text-overflow:clip}.be-progress-attempt{grid-template-columns:minmax(42px,auto) minmax(60px,auto) minmax(0,1fr)}.be-victory{min-height:180px}}@media (pointer: coarse){.be-control-hint{display:none}.be-move-controls{display:grid}}@media (pointer: coarse) and (orientation: landscape){.be-controls{inset:auto 0 0;width:100%!important;height:calc(102px + env(safe-area-inset-bottom))!important;transform:none}.be-move-controls{left:max(12px,env(safe-area-inset-left));right:auto;bottom:max(10px,env(safe-area-inset-bottom));width:min(62vw,520px);height:78px}.be-fire{right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:82px;height:82px}}@media (prefers-reduced-motion: reduce){.be-logo,.be-fire,.be-victory-crown,.be-confetti,.be-timer-hot,.be-tier-impact-show:before,.be-tier-impact-show:after,.be-tier-copy,.be-tier-atmosphere,.be-tier-atmosphere:after,.be-tier-crowd,.be-tier-earned{animation:none}.be-tier-copy,.be-tier-atmosphere,.be-tier-crowd,.be-tier-earned{opacity:1;transform:none}.be-material-legend,.be-material-tutorial,.be-combo-banner,.be-last-chance,.be-subtitle{transition:none}.be-last-chance-show{animation:none;opacity:1;transform:translateY(0) scale(1)}.be-fight-speed{display:none}.be-btn,.be-player,.be-exit{transition:none}}