:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--bg:#0b0620;--panel:#1c1450;--panel-rgb:28, 20, 80;--panel-top:#2a1f72;--panel-bottom:#160f45;--bg-rgb:11, 6, 32;--btn-top:#4f86ff;--btn-bottom:#2147d9;--btn-edge:#13287a;--btn-text:#fff;--accent:#2f6bff;--accent2:#7df9ff;--gold:#ffd23f;--pink:#ff4fa3;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{background:var(--bg);color:#fff;overscroll-behavior:none;touch-action:none;height:100%;margin:0;overflow:hidden}#stage{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#stage canvas{touch-action:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#stage .overlay-canvas{pointer-events:none}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0}#hud{top:calc(var(--sat) + 10px);pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;left:10px;right:10px}#hud>*{pointer-events:auto}.hud-center{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.hud-level{letter-spacing:1px;text-shadow:0 2px #00000080;font-size:15px;font-weight:900}.progress{background:#00000080;border:1.5px solid #ffffff40;border-radius:6px;width:min(62vw,260px);height:10px;position:relative}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:6px;width:0;height:100%}.progress-boss{background:radial-gradient(circle at 40% 35%,#ff9ee0,#b4238f);border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:-6px;right:-9px}.icon-btn{background:#00000073;border:1.5px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;font-size:22px;display:flex}#btn-pause span{background:#fff;border-radius:2px;width:5px;height:16px}.coins{background:#00000073;border-radius:20px;align-items:center;gap:6px;min-width:42px;padding:6px 10px;font-size:15px;font-weight:900;display:flex}.coins.big{font-size:18px}.coins.huge{background:0 0;justify-content:center;font-size:34px}.coin{background:radial-gradient(circle at 35% 30%, #fff6b0, var(--gold) 45%, #c48a00);border-radius:50%;width:1em;height:1em;display:inline-block;box-shadow:inset 0 0 0 2px #78460080}.banner{text-align:center;color:#fff;text-shadow:0 4px #b4238f,0 0 24px #ff4fa3cc;pointer-events:none;font-size:34px;font-weight:900;animation:1.8s ease-out forwards banner;position:fixed;top:32%;left:0;right:0}@keyframes banner{0%{opacity:0;transform:scale(2.2)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.95)}}.hint{left:0;right:0;bottom:calc(var(--sab) + 6%);pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed}.hint-text{text-shadow:0 3px #0009;font-size:22px;font-weight:900}.hint-tip{text-align:center;max-width:300px;color:var(--accent2);background:#0000008c;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:700}.hint-tip:empty{display:none}.hint-hand{background:#ffffffe6;border-radius:50%;width:44px;height:44px;animation:1.4s ease-in-out infinite hand;box-shadow:0 0 0 8px #ffffff40}@keyframes hand{0%,to{transform:translate(-70px)}50%{transform:translate(70px)}}.screen{padding:calc(var(--sat) + 12px) 16px calc(var(--sab) + 16px);flex-direction:column;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen.overlay{background:#05030fb8;justify-content:center;animation:.25s ease-out fade}@keyframes fade{0%{opacity:0}}#screen-menu{background:linear-gradient(180deg, rgba(var(--bg-rgb), .85) 0%, rgba(var(--bg-rgb), .1) 45%, rgba(var(--bg-rgb), .2) 60%, rgba(var(--bg-rgb), .92) 85%)}.menu-top{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{text-align:center;margin-top:4vh;font-style:italic;font-weight:900;line-height:.9;transform:rotate(-4deg)}.logo-star{color:var(--accent2);text-shadow:0 5px #1d4bd8,0 0 30px #7df9ff99;font-size:54px}.logo-squad{color:#fff;text-shadow:0 6px 0 var(--pink), 0 0 30px #ff4fa399;font-size:64px}.logo-sub{letter-spacing:6px;color:#7dff6a;text-shadow:0 2px #1f7a2a;margin-top:10px;font-size:18px}.menu-spacer{flex:1}.menu-level{text-shadow:0 2px #00000080;margin-bottom:8px;font-size:18px;font-weight:900}.btn{letter-spacing:.5px;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:min(80vw,320px);min-height:54px;font-size:20px;font-weight:900;transition:transform 80ms;display:flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45}.btn-primary{background:linear-gradient(180deg, var(--btn-top), var(--btn-bottom));box-shadow:0 5px 0 var(--btn-edge), 0 8px 20px #2f6bff66;color:var(--btn-text)}.btn-big{min-height:66px;font-size:26px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.04)}}.btn-ad{background:linear-gradient(#55e06a,#1f9a3a);box-shadow:0 5px #0f5a20,0 8px 20px #55e06a59}.ad-badge{background:#00000059;border-radius:6px;padding:3px 6px;font-size:12px}.btn-link{opacity:.75;background:0 0;min-height:40px;font-size:16px;font-weight:700}.upgrades{grid-template-columns:repeat(3,1fr);gap:8px;width:min(94vw,420px);margin-top:16px;display:grid}.upgrade{background:rgba(var(--panel-rgb), .92);text-align:center;border:1.5px solid #7df9ff40;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;display:flex}.upgrade-icon{font-size:26px;line-height:1}.upgrade-name{font-size:14px;font-weight:900}.upgrade-desc{opacity:.8;min-height:2.4em;font-size:11px}.upgrade-lvl{color:var(--accent2);font-size:11px;font-weight:800}.upgrade-buy{color:#3a2400;background:linear-gradient(#ffd23f,#e09a00);border-radius:10px;justify-content:center;align-items:center;gap:5px;width:100%;min-height:36px;font-size:15px;font-weight:900;display:flex;box-shadow:0 3px #8a5a00}.upgrade-buy:disabled{color:#ffffff80;box-shadow:none;background:#3b3566}.upgrade-buy:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #8a5a00}.panel{background:linear-gradient(180deg, var(--panel-top), var(--panel-bottom));border:2px solid #7df9ff4d;border-radius:22px;flex-direction:column;align-items:center;gap:12px;width:min(90vw,360px);padding:24px 18px 14px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:flex;box-shadow:0 20px 60px #0009}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.result-title{text-align:center;text-shadow:0 4px #0006;font-size:30px;font-style:italic;font-weight:900}.result-title.win{color:var(--gold)}.result-title.lose{color:#ff6b6b}.result-sub{opacity:.85;text-align:center;font-weight:700}.result-sub:empty{display:none}.result-reward{flex-direction:column;align-items:center;display:flex}.result-reward-label{opacity:.8;font-weight:700}.settings-list{flex-direction:column;gap:8px;width:100%;display:flex}.setting{background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:800;display:flex}.toggle{background:#3b3566;border-radius:10px;min-width:64px;padding:6px 10px;font-weight:900}.toggle.on{background:#1f9a3a}.toast{left:50%;bottom:calc(var(--sab) + 30px);text-align:center;opacity:0;pointer-events:none;background:#000000d9;border-radius:12px;max-width:86vw;padding:10px 16px;font-weight:700;transition:all .25s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.mock-ad{z-index:100;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mock-ad-box{background:repeating-linear-gradient(45deg,#222 0 20px,#2a2a2a 20px 40px);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:relative}.mock-ad-tag{background:var(--gold);color:#000;border-radius:6px;padding:4px 8px;font-weight:900}.mock-ad-title{font-size:24px;font-weight:800}.mock-ad-count{font-size:48px;font-weight:900}.mock-ad-close{top:calc(var(--sat) + 14px);background:#fff3;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;right:14px}.mock-ad-close:disabled{opacity:.3}@media (max-height:640px){.logo{margin-top:1vh}.logo-star{font-size:40px}.logo-squad{font-size:48px}.upgrade-desc{display:none}}.menu-top-left{gap:8px;display:flex}.planet{border-radius:50%;flex:none;display:inline-block;position:relative;box-shadow:0 0 14px #a08cff59}.planet-ring{border:2px solid;border-radius:50%;position:absolute;top:38%;bottom:38%;left:-28%;right:-28%;transform:rotate(-18deg);border-top-color:#0000!important}.planet.locked{filter:grayscale(.85)brightness(.55)}.planet.current{box-shadow:0 0 0 3px #fff,0 0 18px #7df9ffcc}.league-chip{background:rgba(var(--panel-rgb), .92);text-align:left;border:1.5px solid #7df9ff59;border-radius:16px;align-items:center;gap:10px;width:min(80vw,320px);margin-bottom:10px;padding:8px 12px;display:flex}.league-chip-text{flex-direction:column;flex:1;line-height:1.2;display:flex}.league-chip-text b{font-size:15px}.league-chip-text small{opacity:.75;font-size:12px}.league-chip-text small:empty{display:none}.league-chip-arrow{opacity:.6;font-size:26px}.panel{position:relative}.panel-tall{max-height:calc(100vh - var(--sat) - var(--sab) - 40px);overflow:hidden}.panel-close{width:36px;height:36px;font-size:16px;position:absolute;top:10px;right:10px}.league-ladder{align-items:center;gap:6px;margin-top:4px;display:flex}.league-sub{opacity:.8;text-align:center;font-size:13px;font-weight:700}.league-empty,.league-loading{text-align:center;color:var(--accent2);padding:24px 8px;font-weight:800}.standings{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;gap:4px;width:100%;padding:2px;display:flex;overflow-y:auto}.standing{background:#00000040;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:700;display:flex}.standing.promo{background:#1f9a3a40}.standing.demo{background:#ff46602e}.standing.me{outline:2px solid var(--accent2);background:#2f6bff73}.st-rank{text-align:right;opacity:.8;width:22px}.st-avatar{background:#3b3566;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:flex}.st-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.st-points{color:var(--gold);font-weight:900}.zone-line{text-align:center;letter-spacing:1px;padding:2px 0;font-size:11px;font-weight:900}.zone-line.promote{color:#55e06a}.zone-line.demote{color:#ff6b6b}.league-legend{opacity:.6;font-size:12px}.result-league{color:var(--accent2);text-align:center;font-size:14px;font-weight:800}.result-league:empty{display:none}.season-result{flex-direction:column;align-items:center;gap:10px;display:flex}.season-outcome{text-align:center;font-size:18px;font-weight:900}.season-outcome.promoted{color:#55e06a}.season-outcome.demoted{color:#ff6b6b}.nick-row{align-items:center;gap:8px;width:100%;display:flex}.nick-label{opacity:.8;font-size:13px;font-weight:800}.nick-input{color:#fff;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:#00000059;border:1.5px solid #7df9ff59;border-radius:10px;flex:1;padding:10px 12px;font-weight:800}.btn-small{background:linear-gradient(#4f86ff,#2147d9);width:auto;min-height:40px;padding:0 14px;font-size:15px}.account-status{text-align:center;opacity:.85;font-size:14px;font-weight:700}.account-status.ok{color:#55e06a}.signin{gap:12px;font-size:17px}.signin-google{color:#1f1f1f;background:#fff}.signin-apple{color:#fff;background:#000;border:1px solid #444}.signin-dev{background:#3b3566}.btn-danger{background:linear-gradient(#ff5d6c,#c4243a)}.btn-link.danger{color:#ff8a95}.conflict{flex-direction:column;align-items:center;gap:12px;display:flex}.conflict-cards{gap:10px;display:flex}.conflict-card{background:#0000004d;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 10px;font-size:13px;display:flex}.conflict-level{color:var(--gold);font-weight:900}#screen-dialog{z-index:50}.menu-actions{gap:10px;margin-bottom:10px;display:flex}.action-btn{background:rgba(var(--panel-rgb), .92);border:1.5px solid #7df9ff59;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:72px;height:64px;display:flex;position:relative}.action-ico{font-size:24px;line-height:1}.action-label{font-size:11px;font-weight:800}.badge{color:#fff;background:#ff3d6e;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-style:normal;font-weight:900;animation:1.4s ease-in-out infinite pulse;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #0b0620}.daily-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.daily-day{background:#0000004d;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:11px;font-weight:800;display:flex}.daily-day b{color:var(--gold);font-size:14px}.daily-day.done{opacity:.45}.daily-day.today{outline:2px solid var(--gold);background:#ffd23f2e}.daily-day.big{grid-column:span 2}.mission{background:#0000004d;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.mission-main{flex-direction:column;flex:1;gap:6px;font-size:14px;font-weight:800;display:flex}.mission-bar{background:#ffffff1f;border-radius:5px;height:8px;overflow:hidden}.mission-bar>i{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%;display:block}.mission-meta{opacity:.75;font-size:11px}.mission .btn{width:auto;min-height:40px;padding:0 12px;font-size:14px}.mission.claimed{opacity:.5}.skins-grid{touch-action:pan-y;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid;overflow-y:auto}.skin-card{background:#0000004d;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:800;display:flex}.skin-card.equipped{outline:2px solid var(--accent2)}.skin-card canvas{width:60px;height:72px}.skin-card .btn{border-radius:10px;width:100%;min-height:32px;font-size:12px}.btn-gold{color:#3a2400;background:linear-gradient(#ffd23f,#e09a00)}.world-disc{width:110px;height:110px;animation:.6s cubic-bezier(.2,1.6,.4,1) pop}.boost{left:50%;top:calc(var(--sat) + 96px);white-space:nowrap;width:auto;min-height:48px;padding:0 18px;font-size:17px;animation:1.6s ease-in-out infinite pulse-centered;position:fixed;transform:translate(-50%)}@keyframes pulse-centered{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.mine-art{background:radial-gradient(circle at 50% 120%,#5b4a9e,#261c5a 70%);border-radius:50% 50% 18px 18px;width:140px;height:90px;position:relative;box-shadow:inset 0 -10px 30px #00000080}.mine-drill{transform-origin:70% 70%;font-size:44px;animation:.9s ease-in-out infinite drill;position:absolute;top:14px;left:50%}@keyframes drill{0%,to{transform:translate(-50%)rotate(-12deg)}50%{transform:translate(-50%)rotate(18deg)}}.mine-gem{font-size:18px;animation:2.4s ease-in-out infinite gem;position:absolute}.mine-gem.g1{bottom:10px;left:14px}.mine-gem.g2{animation-delay:.8s;bottom:16px;right:16px}.mine-gem.g3{animation-delay:1.6s;bottom:4px;left:50%}@keyframes gem{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.mine-bar{width:100%;height:12px}.flash{pointer-events:none;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0}.flash.good{box-shadow:inset 0 0 80px 20px #4fa0ff8c}.flash.bad{box-shadow:inset 0 0 80px 20px #ff3d5a99}.flash.on{animation:.45s ease-out edge-flash}@keyframes edge-flash{0%{opacity:1}to{opacity:0}}.tabs{gap:6px;width:100%;display:flex}.tab{background:#0000004d;border-radius:10px;flex:1;padding:8px 6px;font-size:14px;font-weight:800;position:relative}.tab.active{background:linear-gradient(#4f86ff,#2147d9)}.tab-badge{top:-6px;right:-4px}.ach-list{touch-action:pan-y;flex-direction:column;gap:8px;width:100%;display:flex;overflow-y:auto}.strike{right:16px;bottom:calc(var(--sab) + 18px);background:conic-gradient(#7df9ff calc(var(--charge,0) * 1turn), #0a0628bf 0);touch-action:none;border:3px solid #7df9ff80;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:fixed}.strike span{opacity:.55;background:#120a33;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:26px;display:flex}.strike.ready{border-color:#fff;animation:.8s ease-in-out infinite pulse;box-shadow:0 0 24px #7df9ffe6}.strike.ready span{opacity:1}.menu-actions .action-btn{width:min(62px,20vw - 14.4px)}.wheel-box{width:250px;height:250px;margin:6px auto 4px;position:relative}.wheel{border:6px solid #fff;border-radius:50%;transition:transform 3.6s cubic-bezier(.12,.7,.12,1);position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 4px #2f6bff,0 10px 30px #00000080}.wheel-label{text-align:center;text-shadow:0 2px #00000080;white-space:nowrap;width:60px;margin:-12px 0 0 -30px;font-size:13px;font-weight:900;position:absolute;top:50%;left:50%}.wheel-pointer{filter:drop-shadow(0 2px 2px #00000080);border-top:26px solid #ffd23f;border-left:14px solid #0000;border-right:14px solid #0000;margin-left:-14px;position:absolute;top:-12px;left:50%}.wheel-hub{color:#3a2400;background:radial-gradient(circle at 35% 30%,#fff6b0,#ffd23f 55%,#c48a00);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;font-size:22px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #00000080}.rush-chip{background:linear-gradient(100deg,#5a105af2,#281264f2);border-color:#ff5fd2bf;box-shadow:0 0 16px #ff5fd259}.rush-chip.fresh{animation:1.6s ease-in-out infinite rush-glow}@keyframes rush-glow{0%,to{box-shadow:0 0 10px #ff5fd24d}50%{box-shadow:0 0 22px #ff5fd2cc}}.rush-ico{font-size:28px;line-height:1}.brand-offline #btn-league,.brand-offline #btn-account{display:none!important}.campaign-code{border:2px dashed var(--gold);letter-spacing:3px;color:var(--gold);-webkit-user-select:text;user-select:text;border-radius:12px;margin:12px auto 4px;padding:10px 18px;font-size:26px;font-weight:900}