@font-face{font-family:Orbitron;src:url(./orbitron-var.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:block}@font-face{font-family:Rajdhani;src:url(./rajdhani-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(./rajdhani-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#05070e;--cyan:#5eead4;--cyan-hot:#a5f3fc;--ice:#dff6ff;--amber:#fbbf24;--gold:#fde68a;--green:#4ade80;--red:#f87171;--violet:#a78bfa;--ink:#f2f7ff;--muted:#8ea3c0;--line:rgba(165,243,252,.22);--line-soft:rgba(255,255,255,.09);--glass:rgba(10,20,34,.42);--glass-2:rgba(8,16,28,.72);--inset-top:env(safe-area-inset-top,0px);--inset-right:env(safe-area-inset-right,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--inset-left:env(safe-area-inset-left,0px);--top-budget:calc(var(--inset-top) + 8px);--f-display:"Orbitron",ui-sans-serif,system-ui,sans-serif;--f-ui:"Rajdhani",ui-sans-serif,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-weight:700;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{position:fixed;inset:0}#app{position:fixed;inset:0;overflow:hidden}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}img{-webkit-user-drag:none;user-select:none}body.sim-inset{--top-budget:calc(var(--inset-top) + 84px)}.hud{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease;z-index:20}.hud.on{opacity:1}.hud-absolute{position:absolute;inset:0;padding:var(--top-budget) var(--inset-right) var(--inset-bottom) var(--inset-left)}.hud button{pointer-events:auto}.ico-btn{position:absolute;top:calc(var(--top-budget) + 4px);left:calc(var(--inset-left) + 12px);width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:var(--ice);background:var(--glass);border:1px solid var(--line-soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.ico-btn:active{transform:scale(.9);background:#5eead42e}.ballpool{position:absolute;top:calc(var(--top-budget) + 2px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.ballpool-count{font-family:var(--f-display);font-weight:900;font-size:clamp(34px,10.5vw,52px);line-height:1;letter-spacing:.01em;color:var(--ice);text-shadow:0 0 18px rgba(165,243,252,.55),0 0 46px rgba(94,234,212,.28);transition:color .2s ease,text-shadow .2s ease}.ballpool-count.pop{animation:numPop .32s cubic-bezier(.2,1.6,.4,1)}@keyframes numPop{0%{transform:scale(1)}38%{transform:scale(1.24)}to{transform:scale(1)}}.ballpool.low .ballpool-count{color:var(--red);text-shadow:0 0 18px rgba(248,113,113,.6)}.ballpool.full .ballpool-count{color:var(--amber);text-shadow:0 0 22px rgba(251,191,36,.7),0 0 54px rgba(251,191,36,.35)}.ballpool-bar{position:relative;width:118px;height:5px;border-radius:3px;background:#a5f3fc29;overflow:visible}.ballpool-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--cyan-hot));box-shadow:0 0 9px #5eead4cc;transition:width .22s cubic-bezier(.2,.9,.3,1),background .3s ease}.ballpool.full .ballpool-bar i{background:linear-gradient(90deg,var(--amber),var(--gold));box-shadow:0 0 12px #fbbf24e6}.ballpool.low .ballpool-bar i{background:linear-gradient(90deg,#7f1d1d,var(--red));box-shadow:0 0 10px #f87171d9}.ballpool-bar b{position:absolute;right:-1px;top:-4px;bottom:-4px;width:1.5px;background:#fbbf248c}.ballpool-label{font-size:9px;letter-spacing:.34em;color:var(--muted);text-indent:.34em}.ballpool-ratio{margin-top:3px;font-size:10px;letter-spacing:.18em;color:var(--amber);opacity:0;transition:opacity .25s ease}.ballpool-ratio.on{opacity:1;animation:ratioPulse 1.5s ease-in-out infinite}@keyframes ratioPulse{0%,to{opacity:.65}50%{opacity:1}}.scorebox{position:absolute;top:calc(var(--top-budget) + 88px);left:50%;transform:translate(-50%);text-align:center}.scorebox-num{font-family:var(--f-display);font-weight:700;font-size:clamp(15px,4.2vw,20px);color:var(--ink);letter-spacing:.04em;text-shadow:0 0 12px rgba(167,139,250,.5)}.scorebox-label{font-size:8.5px;letter-spacing:.3em;color:var(--muted);text-indent:.3em;margin-top:1px}.meters{position:absolute;left:calc(var(--inset-left) + 14px);bottom:calc(var(--inset-bottom) + 16px);display:flex;flex-direction:column;gap:7px}.meter{display:flex;flex-direction:column;line-height:1.05}.meter-k{font-size:8.5px;letter-spacing:.24em;color:var(--muted)}.meter-v{font-family:var(--f-display);font-weight:700;font-size:15px;color:var(--ice)}.combo{position:absolute;left:50%;transform:translate(-50%) translateY(10px);bottom:calc(var(--inset-bottom) + 74px);opacity:0;font-family:var(--f-display);font-size:15px;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 16px rgba(251,191,36,.6);transition:opacity .2s ease,transform .2s ease}.combo.on{opacity:1;transform:translate(-50%) translateY(0)}.combo em{font-family:var(--f-ui);font-style:normal;font-size:11px;letter-spacing:.22em;color:var(--muted)}.banner{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%) scale(.86);font-family:var(--f-display);font-weight:900;font-size:clamp(21px,7vw,34px);letter-spacing:.06em;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;color:var(--cyan-hot);text-shadow:0 0 26px rgba(94,234,212,.75),0 0 70px rgba(94,234,212,.4)}.banner.on{animation:bannerIn 1.5s cubic-bezier(.2,.9,.3,1) forwards}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}16%{opacity:1;transform:translate(-50%,-50%) scale(1)}26%{transform:translate(-50%,-50%) scale(1.06)}34%{transform:translate(-50%,-50%) scale(1)}76%{opacity:1}to{opacity:0;transform:translate(-50%,-56%) scale(1)}}.banner.warn{color:var(--red);text-shadow:0 0 26px rgba(248,113,113,.8)}.banner.gold{color:var(--amber);text-shadow:0 0 26px rgba(251,191,36,.8)}.toast{position:absolute;left:50%;transform:translate(-50%) translateY(-6px);bottom:calc(var(--inset-bottom) + 26px);padding:7px 15px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;white-space:nowrap;opacity:0;background:var(--glass-2);border:1px solid var(--line);color:var(--ice);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .3s ease,transform .3s ease}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}.overdrive{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--top-budget) + 132px);display:flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-family:var(--f-display);font-size:9.5px;letter-spacing:.2em;color:#241703;background:linear-gradient(120deg,var(--amber),var(--gold));box-shadow:0 0 24px #fbbf248c;opacity:0;transition:opacity .3s ease;white-space:nowrap}.overdrive.on{opacity:1}.overdrive i{width:6px;height:6px;border-radius:50%;background:#241703;animation:ratioPulse 1s ease-in-out infinite}.reticle{position:absolute;width:64px;height:64px;margin:-32px 0 0 -32px;opacity:0;transition:opacity .12s ease}.reticle.on{opacity:1}.reticle:before,.reticle:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(165,243,252,.55)}.reticle:after{inset:12px;border-color:#a5f3fc47}.reticle span{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--cyan-hot);box-shadow:0 0 12px var(--cyan)}.reticle.lock:before{border-color:var(--amber);box-shadow:0 0 20px #fbbf2480}.reticle.lock span{background:var(--amber);box-shadow:0 0 16px var(--amber)}.reticle.fire:before{animation:retFire .22s ease-out}@keyframes retFire{0%{transform:scale(1.35);opacity:.2}to{transform:scale(1);opacity:1}}.hitflash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(165,243,252,.5),transparent 62%);opacity:0;mix-blend-mode:screen}.dmgvig{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 50%,transparent 42%,rgba(220,38,38,.62) 100%);transition:opacity .3s ease}.dmgvig.on{opacity:1}.screen{position:fixed;inset:0;z-index:30;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:stretch;background:radial-gradient(ellipse at 50% 12%,rgba(23,55,92,.55),transparent 62%),#03050ab3;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.screen.on{opacity:1;pointer-events:auto}.screen-abs{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:calc(var(--top-budget) + 16px) calc(var(--inset-right) + 22px) calc(var(--inset-bottom) + 20px) calc(var(--inset-left) + 22px);overflow-y:auto;overscroll-behavior:contain}.screen .screen-abs>*{animation:rise .5s cubic-bezier(.2,.9,.3,1) backwards}.screen .screen-abs>*:nth-child(1){animation-delay:.02s}.screen .screen-abs>*:nth-child(2){animation-delay:.07s}.screen .screen-abs>*:nth-child(3){animation-delay:.12s}.screen .screen-abs>*:nth-child(4){animation-delay:.17s}.screen .screen-abs>*:nth-child(5){animation-delay:.22s}.screen .screen-abs>*:nth-child(6){animation-delay:.27s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}.brand-title{display:flex;flex-direction:column;font-family:var(--f-display);font-weight:900;font-size:clamp(34px,12.5vw,58px);line-height:.94;letter-spacing:.06em;margin:0}.brand-title span:first-child{color:var(--ice);text-shadow:0 0 26px rgba(165,243,252,.42)}.brand-title .accent{background:linear-gradient(100deg,var(--cyan),var(--cyan-hot) 45%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(94,234,212,.5))}.brand-sub{font-size:9.5px;letter-spacing:.46em;color:var(--muted);text-indent:.46em}.h2{font-family:var(--f-display);font-weight:900;font-size:clamp(24px,8.5vw,38px);letter-spacing:.07em;color:var(--ice)}.ovr-tag{font-size:10px;letter-spacing:.4em;color:var(--muted);text-indent:.4em}.bigscore{font-family:var(--f-display);font-weight:900;font-size:clamp(46px,17vw,86px);line-height:1;color:var(--ice);text-shadow:0 0 30px rgba(94,234,212,.5),0 0 80px rgba(94,234,212,.25)}.newbest{font-family:var(--f-display);font-size:11px;letter-spacing:.28em;color:var(--amber);text-shadow:0 0 18px rgba(251,191,36,.7);opacity:0;text-indent:.28em;margin-top:-6px}.newbest.on{opacity:1;animation:ratioPulse 1.4s ease-in-out infinite}.statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;max-width:330px}.stat{display:flex;flex-direction:column;gap:1px;padding:10px 6px;border-radius:14px;background:var(--glass);border:1px solid var(--line-soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stat span{font-family:var(--f-display);font-weight:700;font-size:19px;color:var(--ice)}.stat em{font-style:normal;font-size:8.5px;letter-spacing:.24em;color:var(--muted)}.cta{position:relative;width:100%;max-width:330px;padding:17px 26px;border-radius:18px;font-family:var(--f-display);font-weight:900;font-size:clamp(15px,4.6vw,19px);letter-spacing:.2em;color:#03181a;background:linear-gradient(118deg,var(--cyan) 0%,var(--cyan-hot) 55%,#ffffff 100%);box-shadow:0 12px 40px #5eead457,inset 0 1px #fff9;transition:transform .16s ease,box-shadow .16s ease;overflow:hidden}.cta:after{content:"";position:absolute;top:-60%;left:-70%;width:45%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(18deg);animation:sheen 3.6s ease-in-out infinite}@keyframes sheen{0%{left:-70%}55%{left:130%}to{left:130%}}.cta:active{transform:scale(.965);box-shadow:0 6px 22px #5eead44d}.cta span{position:relative;z-index:1}.title-actions{display:flex;gap:9px;width:100%;max-width:330px}.ghost{flex:1;padding:12px 10px;border-radius:14px;font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--ice);background:#ffffff0b;border:1px solid var(--line-soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .16s ease,background .16s ease,border-color .16s ease}.ghost:active{transform:scale(.96);background:#5eead424;border-color:var(--line)}.ghost.off{color:var(--muted);opacity:.75}.ghost[hidden]{display:none}.howto{max-width:340px;font-size:12.5px;font-weight:500;line-height:1.62;color:var(--muted);letter-spacing:.005em}.avatar-card{display:flex;align-items:center;gap:11px;width:100%;max-width:330px;padding:10px 14px;border-radius:18px;background:var(--glass);border:1px solid var(--line-soft);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;transition:opacity .3s ease}.avatar-card.compact{max-width:330px;margin-top:4px}.avatar-card[hidden]{display:none}.avatar-ring{position:relative;width:52px;height:52px;flex:0 0 52px;border-radius:50%;overflow:hidden;background:linear-gradient(140deg,#132a3f,#0a1220);border:1.5px solid var(--line);box-shadow:0 0 22px #5eead43d}.avatar-ring img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;opacity:0;transition:opacity .35s ease}.avatar-ring img.on{opacity:1}.avatar-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.avatar-name{font-size:13px;letter-spacing:.14em;color:var(--ice);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-best{font-size:9.5px;letter-spacing:.24em;color:var(--muted)}.avatar-best b{color:var(--amber);font-family:var(--f-display);font-size:11px;letter-spacing:.04em}.boot{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--bg);transition:opacity .45s ease}.boot.off{opacity:0;pointer-events:none}.boot-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.boot-inner i{width:26px;height:26px;border-radius:50%;border:2px solid rgba(94,234,212,.22);border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-inner span{font-family:var(--f-display);font-size:11px;letter-spacing:.4em;color:var(--muted);text-indent:.4em}@media (max-height:640px){.screen-abs{gap:10px;justify-content:flex-start;padding-top:calc(var(--top-budget) + 10px)}.howto{display:none}.brand-title{font-size:clamp(26px,9vw,40px)}.cta{padding:14px 22px}.statgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.06s!important}}