@font-face{font-family:Lilita One;src:url(../assets/fonts/lilita-one-latin-400-normal.woff2) format("woff2");font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/fonts/baloo-2-latin-600-normal.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:"Baloo 2";src:url(../assets/fonts/baloo-2-latin-800-normal.woff2) format("woff2");font-weight:700 900;font-display:swap}:root{--ink: #1B1030;--ink2: #2a1850;--pink: #ff4fa3;--hot: #ff2e93;--purple: #7a3cff;--violet: #9b5cff;--cyan: #3bd5ff;--gold: #ffcc1a;--orange: #ff8a1c;--green: #2ee86b;--red: #ff3b5b;--white: #fff;--panel: linear-gradient(180deg, rgba(58,26,120,.92), rgba(30,14,70,.94));--panel-b: #b27dff;--r: clamp(10px, 1.2vw, 22px);--fs: clamp(12px, 1.05vw + 4px, 28px);--h: "Lilita One", "Baloo 2", "Arial Black", system-ui, sans-serif;--b: "Baloo 2", system-ui, "Segoe UI", sans-serif;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--pad: clamp(8px, 1.4vw, 36px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1a0a3a;color:#fff;font-family:var(--b);font-size:var(--fs);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:0;background:none}input,select{font-family:var(--b);font-size:.95em;border-radius:10px;border:3px solid var(--ink);padding:.35em .6em;background:#fff;color:var(--ink);user-select:text;-webkit-user-select:text;touch-action:auto}code{background:#00000059;padding:0 .3em;border-radius:4px;font-size:.85em}.hidden{display:none!important}.muted{opacity:.75;font-size:.85em}#game-layer{position:fixed;inset:0;z-index:1}#game-canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#game-layer.behind{filter:none}#game-layer.dim:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#1e0a3c33,#140528bf);pointer-events:none}#ui{position:fixed;inset:0;z-index:5;pointer-events:none}#screen{position:absolute;inset:0;pointer-events:auto;overflow:hidden}body[data-screen=game] #screen{pointer-events:none}body:not([data-screen=game]):not([data-screen=results]) #ui:before{content:"";position:absolute;inset:0;background:url(../assets/img/arena-bg.webp) center/cover no-repeat;filter:saturate(1.15) blur(2px) brightness(.72);transform:scale(1.03)}body:not([data-screen=game]):not([data-screen=results]) #ui:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#ff50b41a,#1405328c)}#screen>*{z-index:2}#screen>.topbar{z-index:6}#modal-layer{position:fixed;inset:0;z-index:40;pointer-events:none}#modal-layer.open{pointer-events:auto}#toasts{position:fixed;left:50%;top:calc(12px + var(--sat));transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--ink);border:3px solid var(--violet);border-radius:999px;padding:.4em 1.2em;font-weight:800;box-shadow:0 6px #00000059;animation:toastIn .3s cubic-bezier(.2,1.6,.4,1)}.toast.ok{border-color:var(--green)}.toast.err{border-color:var(--red)}@keyframes toastIn{0%{transform:translateY(-20px) scale(.8);opacity:0}}.logo-big,.logo-sm,.hud-logo{font-family:var(--h);color:#ffb13b;letter-spacing:.01em;line-height:.9;-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink),0 .12em .2em rgba(0,0,0,.4)}.logo-big span,.logo-sm span,.hud-logo span{color:var(--pink)}.logo-big{font-size:clamp(48px,9vw,220px);background:linear-gradient(180deg,#ffe066,#ff9d2e);-webkit-background-clip:text;background-clip:text}.logo-sm{font-size:clamp(22px,2.6vw,64px)}h1,h2,h3{font-family:var(--h);font-weight:400;margin:.2em 0 .35em;letter-spacing:.02em}h2{font-size:1.7em;color:var(--gold);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink)}h3{font-size:1.05em;color:#fff;text-shadow:0 .08em 0 var(--ink);display:flex;align-items:center;gap:.4em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35em;font-family:var(--h);font-size:1em;padding:.45em 1.1em;border-radius:14px;background:linear-gradient(180deg,#7ab8ff,#3b6bff);border:3px solid var(--ink);box-shadow:0 .22em 0 var(--ink),inset 0 .15em #ffffff73;text-shadow:0 .08em 0 rgba(0,0,0,.4);transition:transform .08s,filter .15s;margin:.2em;white-space:nowrap}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(.15em);box-shadow:0 .07em 0 var(--ink)}.btn.big{font-size:1.35em;padding:.5em 1.6em}.btn.tiny{font-size:.78em;padding:.25em .7em;border-width:2px;border-radius:10px;box-shadow:0 .18em 0 var(--ink)}.btn.green{background:linear-gradient(180deg,#8dff7a,#22c24a)}.btn.gold{background:linear-gradient(180deg,#ffe680,#ffb300);color:var(--ink);text-shadow:none}.btn.danger{background:linear-gradient(180deg,#ff8a9a,#ff2e55)}.btn.ghost{background:linear-gradient(180deg,#ffffff40,#ffffff14)}.btn[disabled]{filter:grayscale(.4) brightness(.9);cursor:default}.icon-btn{width:2.2em;height:2.2em;border-radius:50%;background:linear-gradient(180deg,#4a3a8a,#22164a);border:3px solid var(--ink);box-shadow:0 .15em 0 var(--ink),inset 0 2px #ffffff4d;font-size:1em;display:inline-grid;place-items:center}.link{color:var(--cyan);text-decoration:underline;font-size:.8em}.topbar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:clamp(6px,1vw,24px);padding:calc(var(--pad) * .6 + var(--sat)) calc(var(--pad) + var(--sar)) 0 calc(var(--pad) + var(--sal));z-index:5}.scr-title{font-size:2em;color:#fff;-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink);margin:0 auto 0 0}.topbar .logo-sm{margin-right:auto}.profile-chip{display:flex;align-items:center;gap:.5em;background:#140a32d9;border:3px solid var(--panel-b);border-radius:999px;padding:.15em .9em .15em .15em;text-align:left}.profile-chip img{width:2.4em;height:2.4em;border-radius:50%;background:radial-gradient(#ffd6ec,#ff79c0);border:2px solid var(--ink)}.profile-chip b{font-size:.9em;display:block;line-height:1.1}.xp{position:relative;width:clamp(80px,9vw,240px);height:1em;background:#120830;border-radius:99px;overflow:hidden;border:2px solid var(--ink)}.xp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3bd5ff,#7affd5)}.xp span{position:relative;font-size:.6em;display:block;text-align:center;line-height:1.5;font-weight:800}.cur{display:flex;align-items:center;background:#140a32d9;border:3px solid var(--ink);border-radius:999px;padding:.1em .15em .1em .2em;font-family:var(--h);font-size:1.05em}.cur i{font-style:normal;font-size:1.2em;margin-right:.2em}.cur span{min-width:3.2em;text-align:right;padding-right:.3em}.plus{width:1.4em;height:1.4em;border-radius:50%;background:linear-gradient(180deg,#8dff7a,#22c24a);border:2px solid var(--ink);font-family:var(--h);line-height:1}.srv{font-size:.7em;font-weight:800;padding:.2em .6em;border-radius:99px;border:2px solid var(--ink)}.srv.on{background:#1f9e55}.srv.off{background:#b8742a}.panel{background:var(--panel);border:3px solid var(--panel-b);border-radius:var(--r);padding:.6em .8em;box-shadow:0 .3em #0a041e99,inset 0 2px #ffffff2e;position:relative}.panel.warn{border-color:var(--gold)}.badge-new{position:absolute;right:-.4em;top:-.6em;background:linear-gradient(180deg,#ff8ad0,#ff2e93);border:3px solid var(--ink);border-radius:12px;font-family:var(--h);padding:.05em .5em;font-size:.85em;transform:rotate(6deg);animation:wob 1.6s infinite}.badge-new.red{background:linear-gradient(180deg,#ff8a8a,#e8122e)}@keyframes wob{50%{transform:rotate(-4deg) scale(1.06)}}.home{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:1fr auto auto;gap:clamp(6px,1vw,24px);padding:calc(var(--pad) * 4 + var(--sat)) calc(var(--pad) + var(--sar)) calc(var(--pad) * .5 + var(--sab)) calc(var(--pad) + var(--sal))}.home .col{display:flex;flex-direction:column;gap:clamp(6px,.8vw,20px);min-height:0;overflow:hidden}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25em}.day{background:#2a1a60;border:2px solid var(--ink);border-radius:10px;text-align:center;padding:.15em 0;line-height:1.1}.day small{display:block;font-size:.55em;font-weight:800;opacity:.85}.day i{font-style:normal;display:block;font-size:1.1em}.day b{font-size:.7em}.day.got{background:#1c7a44;opacity:.75}.day.next{background:linear-gradient(180deg,#ffe680,#ffb300);color:var(--ink);animation:pulse 1s infinite}.day.big{background:linear-gradient(180deg,#ff9ad5,#b43cff)}@keyframes pulse{50%{transform:scale(1.07)}}.mission{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.1em .5em;align-items:center;background:#0003;border-radius:10px;padding:.25em .45em;margin:.25em 0;font-size:.85em}.mission span{font-weight:700}.mission .mbar{grid-column:1}.mission .rw{grid-row:1 / span 2;grid-column:2;background:#3a2a70;border:2px solid var(--ink);border-radius:10px;padding:.2em .45em;font-weight:800}.mission .rw.ready{background:linear-gradient(180deg,#8dff7a,#22c24a);animation:pulse 1s infinite}.mission.claimed{opacity:.5}.mbar{position:relative;height:1em;background:#120830;border-radius:99px;border:2px solid var(--ink);overflow:hidden}.mbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3bd5ff,#5b7bff);border-radius:99px}.mbar em{position:relative;display:block;text-align:center;font-size:.65em;font-style:normal;font-weight:800;line-height:1.5}.home .center{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:0}.banner-sweet{font-family:var(--h);text-align:center;font-size:1.5em;color:#ff9ad5;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 0 .5em #ff2bd6,0 .06em 0 var(--ink);line-height:1;transform:rotate(-3deg)}.banner-sweet span{color:#fff;font-size:.8em}.hero-stage{position:relative;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;width:100%}.hero-img{height:min(100%,36vh);max-height:44vh;min-height:90px;object-fit:contain;filter:drop-shadow(0 .6em .4em rgba(0,0,0,.45));position:relative;z-index:2}.bounce{animation:bounce 1.4s ease-in-out infinite;transform-origin:50% 100%}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-6%) scale(.97,1.04)}55%{transform:translateY(-6%) scale(.97,1.04)}90%{transform:translateY(0) scale(1.06,.93)}}.podium-disc{position:absolute;bottom:-.4em;width:min(70%,30vh);aspect-ratio:3 / 1;border-radius:50%;background:radial-gradient(ellipse,#ff9ad5 0 40%,#ff4fa3 41% 55%,#7a3cff 56% 70%,transparent 71%);box-shadow:0 0 2em #ff4fa3}.hero-name{font-family:var(--h);font-size:1.2em;margin-top:.5em;text-shadow:0 .08em 0 var(--ink);text-align:center}.hero-name small{font-family:var(--b);font-size:.6em;opacity:.85}.panel.event .ev-art{background:linear-gradient(135deg,#ff5fd2,#7a3cff);border:2px solid var(--ink);border-radius:12px;padding:.4em .6em}.ev-art b{font-family:var(--h);font-size:1.3em;display:block;color:#ffe066;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill}.ev-art small{display:block;font-size:.7em}.ev-art .timer{display:inline-block;margin-top:.3em;background:var(--ink);border-radius:99px;padding:0 .6em;font-weight:800;font-size:.8em}.panel.friends p{margin:.2em 0;font-size:.85em}.podium-mini{display:flex;gap:.3em;align-items:flex-end;justify-content:center;height:2.4em}.podium-mini i{font-style:normal;width:2em;height:60%;background:#5b7bff;border:2px solid var(--ink);border-radius:6px 6px 0 0;text-align:center;font-family:var(--h)}.podium-mini i.g{height:100%;background:var(--gold);color:var(--ink)}.panel[data-act]{cursor:pointer;transition:transform .1s}.panel[data-act]:hover{transform:scale(1.02)}.modes{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;gap:clamp(6px,1vw,22px)}.mode{border:3px solid var(--ink);border-radius:var(--r);min-height:clamp(56px,13vh,240px);padding:.4em .6em;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;position:relative;overflow:hidden;box-shadow:0 .3em 0 var(--ink),inset 0 .2em #ffffff59;transition:transform .12s}.mode:hover{transform:translateY(-3px) scale(1.02)}.mode:active{transform:translateY(2px)}.mode b{font-family:var(--h);font-size:1.25em;line-height:1;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink)}.mode small{font-size:.7em;font-weight:700;background:#00000059;border-radius:99px;padding:0 .5em;margin-top:.3em;align-self:flex-start}.mode.online{background:linear-gradient(135deg,#4f7bff,#7a3cff)}.mode.catch{background:linear-gradient(135deg,#ffb13b,#ff5a1f)}.mode.play{background:linear-gradient(180deg,#ffe680,#ffb300 60%,#ff9500);justify-content:center;align-items:center}.mode.play b{font-size:clamp(34px,4.6vw,120px);color:#fff;-webkit-text-stroke:.06em var(--ink);animation:pulse 1.6s infinite}.mode.campaign{background:linear-gradient(135deg,#2ee86b,#1a9e8a)}.mode.store{background:linear-gradient(135deg,#b43cff,#ff4fa3)}.mode:before{content:"";position:absolute;left:-10%;top:-40%;width:60%;height:80%;background:radial-gradient(rgba(255,255,255,.35),transparent 70%);pointer-events:none}.home-mini{grid-column:1 / -1;display:flex;justify-content:center;flex-wrap:wrap;gap:.3em}main.setup,main.loadout,main.store,main.profile,main.friends-scr,main.online-scr,main.ranking-scr,main.campaign{position:absolute;inset:0;overflow-y:auto;touch-action:pan-y;padding:calc(var(--pad) * 4.2 + var(--sat)) calc(var(--pad) + var(--sar)) calc(var(--pad) + var(--sab)) calc(var(--pad) + var(--sal))}.setup{display:grid;grid-template-columns:2fr 1fr;gap:var(--pad);align-items:start}.chips{display:flex;flex-wrap:wrap;gap:.35em;margin-bottom:.4em}.chip{background:#2a1a60;border:3px solid var(--ink);border-radius:12px;padding:.3em .8em;font-weight:800;box-shadow:0 .15em 0 var(--ink)}.chip.on{background:linear-gradient(180deg,#ff8ad0,#ff2e93)}.chip.locked{opacity:.55}.panel.side{display:flex;flex-direction:column;gap:.4em}.loadout-row{display:flex;gap:.4em;flex-wrap:wrap;margin:.3em 0}.pw-chip{flex:1;min-width:5.5em;display:flex;flex-direction:column;align-items:center;background:#1e1048;border:3px solid var(--c);border-radius:12px;padding:.3em;text-align:center}.pw-chip span{font-size:1.6em}.pw-chip b{font-size:.7em}.pw-chip em{font-size:.6em;font-style:normal;opacity:.8}.note{background:#00000059;border-radius:12px;padding:.4em .8em;font-size:.85em}.power-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,15vw,360px),1fr));gap:.6em}.power-card{background:var(--panel);border:3px solid var(--ink);border-radius:var(--r);padding:.5em;text-align:center;box-shadow:0 .25em 0 var(--ink);position:relative}.power-card.sel{border-color:var(--c);box-shadow:0 0 0 3px var(--c),0 .25em 0 var(--ink)}.pc-ico{font-size:2.2em;width:1.8em;height:1.8em;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff8,var(--c));border:3px solid var(--ink)}.power-card h4{font-family:var(--h);font-weight:400;margin:.2em 0;font-size:1em}.power-card p{font-size:.72em;margin:.2em 0;line-height:1.2}.power-card .counter{opacity:.7}.lvbar{display:flex;gap:3px;justify-content:center}.lvbar i{width:1.2em;height:.45em;border-radius:4px;background:#120830;border:1px solid var(--ink)}.lvbar i.on{background:var(--cyan)}.pc-meta{display:flex;justify-content:center;gap:.6em;font-size:.75em;font-weight:800}.max{font-family:var(--h);color:var(--gold);display:block}main.campaign{display:flex;flex-direction:column;gap:.5em;overflow:hidden}.worldmap{flex:1;min-height:0;container-type:size;display:flex;justify-content:center;align-items:center}.map-inner{position:relative;width:min(100cqw,263.31cqh);aspect-ratio:1672 / 635;border-radius:var(--r);overflow:hidden;border:3px solid var(--ink);box-shadow:0 .3em 0 var(--ink);background:#ffd6ec}.map-inner img{width:100%;height:100%;display:block}.map-pill{position:absolute;transform:translate(-50%,-50%);background:#1d1745;color:#fff;font-family:var(--h);font-size:1.7cqw;line-height:1.5;padding:0 .3em;border-radius:99px;width:4.6em;text-align:center;pointer-events:none}.map-inner{container-type:inline-size}.map-spot{position:absolute;transform:translate(-50%,-50%);width:13%;aspect-ratio:1;border-radius:50%;font-size:2em}.map-spot:hover,.map-spot.sel{box-shadow:0 0 0 4px #fff,0 0 2em #fff;background:#ffffff1f}.map-spot.locked{background:#140a2873}.world-panel{background:var(--panel);border:3px solid var(--wc);border-radius:var(--r);padding:.4em .7em}.wp-head{display:flex;align-items:center;gap:.6em}.wp-head img{width:3.2em;height:3.2em}.wp-head small{font-weight:800;opacity:.8}.wp-head h2{margin:0;font-size:1.4em}.wp-head p{margin:0;font-size:.75em}.wstars{margin-left:auto;font-family:var(--h);font-size:1.3em;color:var(--gold)}.levels{display:flex;gap:.35em;overflow-x:auto;padding:.35em 0;touch-action:pan-x}.lvl{flex:0 0 auto;width:clamp(46px,6vw,130px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--wc));border:3px solid var(--ink);box-shadow:0 .18em 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.lvl b{font-family:var(--h);font-size:1.3em;color:var(--ink);line-height:1}.lvl .stars{font-size:.6em;color:#ffb300;-webkit-text-stroke:1px var(--ink)}.lvl.boss{background:radial-gradient(circle at 35% 30%,#fff,#ff2e55);width:clamp(56px,7.5vw,160px)}.lvl.locked{filter:grayscale(1) brightness(.6)}.lvl.done{box-shadow:0 0 0 3px var(--gold),0 .18em 0 var(--ink)}.locked-msg{font-weight:800}.level-modal{text-align:center}.level-modal small{font-weight:800;opacity:.8}.stars.big{font-size:2.2em;color:var(--gold);-webkit-text-stroke:2px var(--ink);letter-spacing:.1em}.objs{list-style:none;padding:0;margin:.4em 0;text-align:left}.objs li{background:#0000004d;border-radius:10px;padding:.25em .6em;margin:.2em 0;display:flex;gap:.6em}.objs li i{color:var(--gold);font-style:normal;min-width:2.6em}.lv-meta{display:flex;gap:.8em;justify-content:center;flex-wrap:wrap;font-size:.8em;font-weight:800}.boss-tip{background:#ff325040;border-radius:10px;padding:.3em .6em;font-size:.85em}.row{display:flex;gap:.4em;align-items:center;flex-wrap:wrap;justify-content:center;margin:.3em 0}main.store{display:flex;flex-direction:column;gap:.5em}.tabs{display:flex;gap:.3em;flex-wrap:wrap}.tab{background:#2a1a60;border:3px solid var(--ink);border-radius:12px;padding:.3em .7em;font-family:var(--h);font-size:.85em;box-shadow:0 .15em 0 var(--ink)}.tab.on{background:linear-gradient(180deg,#ff8ad0,#ff2e93)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(110px,11vw,280px),1fr));gap:.5em}.card-item{background:var(--panel);border:3px solid var(--ink);border-radius:var(--r);padding:.4em;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.15em;box-shadow:0 .2em 0 var(--ink)}.card-item.eq{border-color:var(--green);box-shadow:0 0 0 3px var(--green)}.card-item .art{width:72%;aspect-ratio:1;object-fit:contain}.card-item .art.icon{display:grid;place-items:center;font-size:2.4em;border-radius:22%;border:3px solid var(--ink);background:linear-gradient(135deg,#3a2a80,#6a3cff);font-family:var(--h)}.card-item h4{font-family:var(--h);font-weight:400;margin:0;font-size:.95em}.card-item small{font-size:.65em;opacity:.8;line-height:1.15}.bundle ul{list-style:none;padding:0;margin:.2em 0;font-size:.8em;text-align:left}.grid.bundles{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,16vw,380px),1fr))}.ad-offer{margin-top:.6em;text-align:center}main.profile{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);align-items:start}.prof-head{display:flex;gap:.8em;align-items:center}.prof-head img{width:5em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.3em;margin:.5em 0}.stats div{background:#0000004d;border-radius:10px;text-align:center;padding:.2em}.stats b{font-family:var(--h);font-size:1.2em;display:block}.stats small{font-size:.7em}.achs{display:grid;grid-template-columns:1fr 1fr;gap:.25em;font-size:.8em}.ach{background:#00000040;border-radius:8px;padding:.2em .4em;opacity:.55}.ach.got{opacity:1;background:#2ee86b40}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(3em,1fr));gap:.25em}.col-item{aspect-ratio:1;border-radius:10px;background:#0000004d;display:grid;place-items:center;filter:grayscale(1) brightness(.5);overflow:hidden}.col-item.got{filter:none}.col-item img{width:90%}.col-item .art.icon{width:100%;height:100%;font-size:1.2em;border-radius:10px;border:0;display:grid;place-items:center}.masteries{display:grid;gap:.25em}.mast{display:grid;grid-template-columns:2em 1fr auto;grid-template-rows:auto auto;gap:0 .4em;align-items:center;font-size:.8em}.mast img{grid-row:span 2;width:2em}.mast .mbar{grid-column:2 / span 2;height:.7em}.equipped{display:grid;grid-template-columns:repeat(4,1fr);gap:.25em;font-size:.75em}.equipped div{background:#0000004d;border-radius:8px;padding:.2em .4em}.equipped small{display:block;opacity:.7}.friends-scr,.online-scr{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);align-items:start}.online-scr{grid-template-columns:minmax(0,900px);justify-content:center}.code-big{font-family:var(--h);font-size:2.4em;letter-spacing:.15em;text-align:center;background:#120830;border:3px dashed var(--gold);border-radius:14px;margin:.2em 0 .4em;color:var(--gold)}.friend{display:flex;align-items:center;gap:.5em;background:#00000040;border-radius:10px;padding:.2em .5em;margin:.2em 0}.friend img{width:2em}.friend small{opacity:.7;margin-left:auto}.mp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;margin:.5em 0}.mp-grid .mode{min-height:5em}.st.online{color:var(--green)}.st.reconnecting,.st.connecting{color:var(--gold)}.st.offline,.st.error,.st.idle{color:#ff9a9a}.panel.mm{text-align:center}.spinner{width:3em;height:3em;margin:.5em auto;border-radius:50%;border:.45em solid rgba(255,255,255,.2);border-top-color:var(--pink);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ranking-scr{display:grid;justify-content:center;grid-template-columns:minmax(0,900px)}.rank-row{display:flex;gap:.6em;align-items:center;background:#00000040;border-radius:10px;padding:.2em .6em;margin:.2em 0}.rank-row span{font-family:var(--h);width:2em;text-align:center}.rank-row img{width:1.8em}.rank-row small{opacity:.7}.rank-row em{margin-left:auto;font-style:normal;font-family:var(--h);color:var(--gold)}.rank-row.me{background:#ff4fa359;border:2px solid var(--pink)}.modal{position:absolute;inset:0;display:grid;place-items:center;background:#0f052399;backdrop-filter:blur(3px);padding:calc(10px + var(--sat)) calc(10px + var(--sar)) calc(10px + var(--sab)) calc(10px + var(--sal));z-index:30;pointer-events:auto}.modal .card{background:var(--panel);border:4px solid var(--panel-b);border-radius:calc(var(--r) * 1.3);padding:1em 1.4em;max-width:min(92vw,720px);max-height:92vh;overflow:auto;text-align:center;position:relative;box-shadow:0 .4em 0 var(--ink);touch-action:pan-y}.modal.wide .card{max-width:min(95vw,1200px);width:95vw;text-align:left}.modal .card .close{position:absolute;right:.4em;top:.4em;width:1.8em;height:1.8em}.pop{animation:popIn .35s cubic-bezier(.2,1.6,.4,1)}@keyframes popIn{0%{transform:scale(.6);opacity:0}}.big-reward{font-family:var(--h);font-size:3em;color:var(--gold);-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6em}.settings section{background:#00000040;border-radius:14px;padding:.4em .8em}.settings label{display:flex;align-items:center;gap:.5em;margin:.3em 0;font-weight:700;font-size:.9em}.slider span{min-width:7em}.slider input{flex:1;accent-color:var(--pink)}.testlab{border:2px dashed var(--gold)}.log{background:#0b0520;border-radius:8px;padding:.4em;font-size:.7em;max-height:8em;overflow:auto;white-space:pre-wrap}.season-track{display:grid;grid-template-columns:repeat(10,1fr);gap:.3em}.tier{background:#2a1a60;border:2px solid var(--ink);border-radius:10px;text-align:center;padding:.2em}.tier.got{background:linear-gradient(180deg,#ffe680,#ffb300);color:var(--ink)}.tier i{display:block;font-style:normal}.mock-ad{position:fixed;inset:0;z-index:100;background:#000000d9;display:grid;place-items:center}.mock-ad-box{background:#fff;color:var(--ink);border-radius:20px;padding:1.2em 2em;text-align:center;border:5px solid var(--gold);max-width:90vw}.mock-ad-box h2{color:var(--pink)}.mock-tag{font-weight:900;background:var(--gold);border-radius:8px;padding:0 .5em;display:inline-block}.mock-count{font-family:var(--h);font-size:3em}.vs-screen{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;overflow:hidden;background:#2a0f5e;pointer-events:auto}.vs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(.55)}.vs-side{position:relative;text-align:center;animation:slideL .5s cubic-bezier(.2,1.4,.4,1)}.vs-side.r{animation-name:slideR}.vs-side img{width:min(34vw,55vh)}.vs-side b{display:block;font-family:var(--h);font-size:2em;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.vs-mid{position:relative;font-family:var(--h);font-size:clamp(60px,13vw,300px);color:#ffcf33;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;text-shadow:0 0 .3em #ff2e93;animation:vsPop .6s cubic-bezier(.2,1.8,.4,1)}.vs-foot{position:absolute;bottom:calc(1.2em + var(--sab));left:50%;transform:translate(-50%);background:var(--ink);border:3px solid var(--pink);border-radius:99px;padding:.2em 1.2em;font-weight:800}@keyframes slideL{0%{transform:translate(-60vw)}}@keyframes slideR{0%{transform:translate(60vw)}}@keyframes vsPop{0%{transform:scale(4) rotate(-20deg);opacity:0}}.results{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;padding:calc(var(--pad) + var(--sat)) var(--pad) calc(var(--pad) + var(--sab));pointer-events:auto;overflow:auto}.res-title{font-size:clamp(36px,6vw,160px);margin:0;color:#ffcf33;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink),0 0 .4em #ff2e93;animation:vsPop .6s cubic-bezier(.2,1.8,.4,1)}.results.lose .res-title{color:#9fb4ff;text-shadow:0 .06em 0 var(--ink)}.stars.huge{font-size:clamp(40px,5vw,130px);letter-spacing:.1em}.stars.huge span{color:#3a2a60;-webkit-text-stroke:.04em var(--ink);display:inline-block}.stars.huge span.on{color:var(--gold);animation:starIn .5s cubic-bezier(.2,1.8,.4,1) both}@keyframes starIn{0%{transform:scale(3) rotate(90deg);opacity:0}}.podium{display:flex;align-items:flex-end;gap:.6em}.pod{display:flex;flex-direction:column;align-items:center;width:clamp(90px,13vw,320px)}.pod img{width:80%}.pod b{font-family:var(--h);font-size:.95em}.pod em{font-style:normal;font-weight:800;color:var(--gold);font-size:.85em}.pod .step{width:100%;background:linear-gradient(180deg,#ff9ad5,#ff4fa3);border:3px solid var(--ink);border-radius:12px 12px 0 0;text-align:center;font-family:var(--h);font-size:1.8em}.pod.p1 .step{height:3.2em;background:linear-gradient(180deg,#ffe680,#ffb300)}.pod.p2 .step{height:2.2em}.pod.p3 .step{height:1.5em;background:linear-gradient(180deg,#9fdcff,#3b8bff)}.podium.pd_gold .step{background:linear-gradient(180deg,#fff2a8,#e6a800)!important}.podium.pd_neon .step{background:linear-gradient(180deg,#7affea,#8f4fff)!important;box-shadow:0 0 1em #00ffd5}.pod.me img{filter:drop-shadow(0 0 .5em #fff)}.res-stats{display:flex;gap:.4em;flex-wrap:wrap;justify-content:center}.res-stats div{background:#140a32d9;border:2px solid var(--panel-b);border-radius:12px;padding:.15em .7em;text-align:center}.res-stats b{font-family:var(--h);display:block;font-size:1.2em}.res-stats small{font-size:.7em}.rewards{display:flex;gap:.6em;align-items:center;font-family:var(--h);font-size:1.3em;flex-wrap:wrap;justify-content:center}.rewards span{background:var(--ink);border-radius:99px;padding:.1em .8em;border:3px solid var(--gold);animation:popIn .5s .6s both cubic-bezier(.2,1.6,.4,1)}.res-actions{display:flex;flex-wrap:wrap;justify-content:center}#loading{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#2a0f5e;transition:opacity .5s}#loading.done{opacity:0;pointer-events:none}.load-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(1.1)}.load-box{position:relative;text-align:center;width:min(90vw,1100px)}.load-track{height:clamp(14px,2vh,40px);background:var(--ink);border:3px solid #fff;border-radius:99px;overflow:hidden;margin:.8em auto .3em;width:70%}.load-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff4fa3,#ffcf33,#2ee86b);transition:width .3s}#load-msg{font-weight:800;text-shadow:0 2px 0 var(--ink)}.tip{background:#140a32cc;border-radius:12px;padding:.3em .8em;display:inline-block;font-size:.85em}#rotate{position:fixed;inset:0;z-index:200;display:none;place-items:center;align-content:center;text-align:center;background:radial-gradient(#7a3cff,#2a0f5e)}#rotate.show{display:grid}#rotate .phone{font-size:5em;animation:rot 1.8s ease-in-out infinite}#rotate h2{font-size:2em}#rotate p{font-weight:700}#rotate .small{font-size:.8em;opacity:.8;font-weight:600}@keyframes rot{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}}#install-btn{position:fixed;right:calc(10px + var(--sar));bottom:calc(10px + var(--sab));z-index:70}.fx-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.name-tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;font-weight:800;will-change:transform}.name-tag b{background:#140a28b8;border-radius:99px;padding:0 .5em;font-size:clamp(8px,.55vw + 4px,17px);border:1.5px solid rgba(255,255,255,.25);white-space:nowrap;font-weight:800}.name-tag i{font-style:normal;font-family:var(--h);font-size:clamp(17px,1.35vw + 7px,46px);line-height:1.05;color:#fff;padding:.02em .42em .06em;margin-bottom:.12em;border-radius:.6em;background:linear-gradient(180deg,color-mix(in srgb,var(--vc, #ff4fa3) 70%,#fff),var(--vc, #ff4fa3));border:.12em solid var(--ink);box-shadow:0 .12em 0 var(--ink),inset 0 .12em #ffffff8c;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink)}.name-tag:after{content:"\25bc";font-size:.6em;opacity:.8;line-height:.8}.name-tag.me b{background:var(--pink);border-color:#fff}.name-tag.big b{border-color:#ff4a6a}.name-tag.big i{color:#ff8a9a}.name-tag.leader b:before{content:"\1f451  "}.comic-burst{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot));font-family:var(--h);font-size:clamp(22px,2.6vw,72px);animation:burst 1.1s cubic-bezier(.2,1.6,.4,1) forwards;white-space:nowrap}.comic-burst.big{font-size:clamp(34px,4.4vw,130px);animation-duration:1.5s}.comic-burst span{position:relative;display:inline-block;padding:.35em .7em;color:#fff;-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink)}.comic-burst span:before{content:"";position:absolute;inset:-.1em -.25em;z-index:-1;background:var(--bc, #ffcf33);border:.07em solid var(--ink);clip-path:polygon(50% 0,60% 18%,78% 5%,76% 26%,98% 20%,86% 40%,100% 55%,82% 62%,92% 84%,70% 76%,62% 100%,50% 80%,36% 100%,30% 78%,8% 88%,16% 64%,0 52%,16% 40%,4% 20%,26% 24%,24% 4%,40% 18%)}.comic-burst.gold span{color:#ffe14a}.comic-burst.gold{--bc: #ff2e93}.comic-burst.pink{--bc: #ff5fd2}.comic-burst.red{--bc: #ffcf33}.comic-burst.red span{color:#ff2e3e}.comic-burst.cyan{--bc: #3bd5ff}.comic-burst.green{--bc: #ff2bd6}.comic-burst.green span{color:#ffe14a}.comic-burst.purple{--bc: #b04dff}@keyframes burst{0%{transform:translate(-50%,-50%) rotate(var(--rot)) scale(.2);opacity:0}15%{transform:translate(-50%,-50%) rotate(var(--rot)) scale(1.15);opacity:1}30%{transform:translate(-50%,-50%) rotate(var(--rot)) scale(1)}80%{opacity:1}to{transform:translate(-50%,-80%) rotate(var(--rot)) scale(.9);opacity:0}}.float-num{position:absolute;transform:translate(-50%,-50%);font-family:var(--h);font-size:clamp(14px,1.4vw,40px);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;animation:floatUp .9s ease-out forwards}@keyframes floatUp{to{transform:translate(-50%,-180%);opacity:0}}#speed-lines{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;z-index:2;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff0 0deg 4deg,#ffffff38 4.3deg 4.8deg,#fff0 5deg 9deg);-webkit-mask:radial-gradient(circle,transparent 38%,#000 75%);mask:radial-gradient(circle,transparent 38%,#000 75%);animation:speed .25s linear infinite}@keyframes speed{50%{transform:scale(1.04) rotate(1deg)}}.screen-flash{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:4}.screen-flash.green{background:radial-gradient(circle,#50ff7800,#2ee86b8c)}.screen-flash.ice{background:radial-gradient(circle,#b4f0ff1a,#a0e6ff99)}.screen-flash.gold{background:radial-gradient(circle,#fffad280,#ffcc1aa6)}.screen-flash.on{animation:flash .6s ease-out}@keyframes flash{0%{opacity:1}to{opacity:0}}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-size:clamp(11px,.9vw + 4px,30px)}.hud button,.hud .modal,.hud .joystick,.hud .touch-zone,.hud .intro-ui{pointer-events:auto}.safe-tl{position:absolute;left:calc(var(--pad) + var(--sal));top:calc(var(--pad) * .6 + var(--sat))}.safe-tr{position:absolute;right:calc(var(--pad) + var(--sar));top:calc(var(--pad) * .6 + var(--sat));display:flex;flex-direction:column;align-items:flex-end;gap:.3em}.safe-bl{position:absolute;left:calc(var(--pad) + var(--sal));bottom:calc(var(--pad) * .7 + var(--sab))}.safe-br{position:absolute;right:calc(var(--pad) + var(--sar));bottom:calc(var(--pad) * .7 + var(--sab))}.hud-logo{font-size:1.9em}.hud-score{background:#140a28cc;border:3px solid var(--ink);border-radius:16px;padding:.1em .7em .2em;margin-top:.15em;display:inline-block;min-width:7em}.hud-score .lbl{font-size:.7em;font-weight:800}.hud-score .val{font-family:var(--h);font-size:2.1em;line-height:1;color:#ffe14a;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill}.hud-score .delta{font-family:var(--h);color:#ffe14a;font-size:1.1em;transition:opacity .3s;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.hud-obj{margin-top:.35em;display:flex;flex-direction:column;gap:.2em;max-width:19em}.hud-obj .obj{display:flex;gap:.4em;align-items:center;background:#140a28bf;border-radius:10px;padding:.1em .5em;font-size:.8em;font-weight:700}.hud-obj .obj i{font-style:normal;color:var(--gold);min-width:2.4em}.hud-obj .obj em{margin-left:auto;font-style:normal;font-family:var(--h);color:var(--cyan)}.hud-obj .obj.main{border:2px solid var(--gold)}.hud-obj.done .obj.main{background:#2ee86b99}.hud-top{position:absolute;left:50%;top:calc(var(--pad) * .5 + var(--sat));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.3em}.hud-timer{font-family:var(--h);font-size:2.2em;background:linear-gradient(180deg,#3a2a80,#1b1040);border:3px solid var(--ink);border-radius:999px;padding:0 .7em;box-shadow:0 .12em 0 var(--ink),inset 0 2px #ffffff4d;display:flex;gap:.3em;align-items:center}.hud-timer .clock{font-size:.7em}.hud-timer.urgent{background:linear-gradient(180deg,#ff5a6a,#b0102a);animation:pulse .5s infinite}.caster-bubble{display:flex;gap:.4em;align-items:center;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:18px;padding:.2em .8em .2em .2em;max-width:min(60vw,900px);box-shadow:0 .2em #00000059}.caster-bubble img{width:2.8em;height:2.8em}.caster-bubble b{font-size:.7em;color:#fff;background:var(--hot);border-radius:8px;padding:0 .4em}.caster-bubble p{margin:0;font-family:var(--h);font-size:1.05em;line-height:1.15}.caster-bubble.pop{animation:popIn .3s cubic-bezier(.2,1.6,.4,1)}.hud-mm-wrap{position:relative}#h-mm{width:clamp(120px,13vw,380px);height:auto;aspect-ratio:220 / 140;border-radius:40%;border:3px solid var(--ink);background:#140a288c;display:block}.pw-row{display:flex;gap:.5em;align-items:flex-end}.pw-menu{--c: #7a5cff;opacity:1;color:#fff;cursor:pointer}.pw-menu .pw-ico{font-size:2em;font-weight:900}body[data-screen=game] #install-btn{display:none!important}.hud-lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;width:clamp(150px,15vw,420px)}.hud-lb li{display:flex;align-items:center;gap:.35em;background:#140a32d1;border-radius:8px;padding:.05em .4em;font-size:.78em;font-weight:800}.hud-lb li.first{background:linear-gradient(90deg,#ffe14a,#ffb300);color:var(--ink)}.hud-lb li.me{outline:2px solid var(--pink)}.hud-lb .rk{width:1.3em;text-align:center;font-family:var(--h)}.hud-lb img{width:1.4em;height:1.4em}.hud-lb .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-lb .sc{font-family:var(--h)}.net-status{font-size:.75em;background:#140a28cc;border-radius:99px;padding:0 .6em;font-weight:800}.net-status.bad{background:#b0102a;animation:pulse .6s infinite}.bar{display:flex;align-items:center;gap:.3em;margin-top:.25em}.bar-ico{width:2em;height:2em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ff79c0);border:3px solid var(--ink);display:grid;place-items:center;font-size:1em}.bar.turbo .bar-ico{background:radial-gradient(circle at 35% 30%,#fff,#3bd5ff)}.bar-lbl{font-family:var(--h);font-size:.75em;text-shadow:0 .08em 0 var(--ink)}.bar-track{width:clamp(120px,15vw,440px);height:1em;background:#140a28d9;border:3px solid var(--ink);border-radius:99px;overflow:hidden}.bar-fill{height:100%;width:0;background:linear-gradient(180deg,#ffb3dc,#ff4fa3);border-radius:99px;transition:width .15s}.bar-num{font-family:var(--h);font-size:1em;background:#140a28d9;border-radius:8px;padding:0 .35em}.bar-track.seg{display:flex;gap:3px;padding:2px;background:#140a28d9}.bar-track.seg i{flex:1;border-radius:3px;background:#2a1a50;transition:background .1s}.bar-track.seg i.on{background:linear-gradient(180deg,#9ff4ff,#3bd5ff)}.bar-track.seg i.lock{background:#6a5a8a}.hud-br{display:flex;gap:.5em;align-items:flex-end}.pw-btn{position:relative;width:clamp(56px,6.3vw,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--c) 45%,#1b1040 100%);border:4px solid var(--ink);box-shadow:0 .2em 0 var(--ink),inset 0 0 0 3px #fff6;opacity:.78;transition:transform .1s,opacity .2s}.pw-btn.ready{opacity:1;box-shadow:0 .2em 0 var(--ink),0 0 0 3px #fff,0 0 1em var(--c)}.pw-btn.nosugar .pw-cost{background:#b0102a}.pw-btn:active,.pw-btn.pressed{transform:scale(.9)}.pw-ico{font-size:2.2em;display:block;line-height:1;filter:drop-shadow(0 2px 0 var(--ink))}.pw-lv{position:absolute;right:-.2em;top:-.2em;width:1.5em;height:1.5em;border-radius:50%;background:var(--hot);border:2px solid var(--ink);font-family:var(--h);font-size:.8em;display:grid;place-items:center}.pw-name{position:absolute;left:50%;bottom:-.7em;transform:translate(-50%);background:var(--ink);border-radius:8px;padding:0 .4em;font-family:var(--h);font-size:.75em;white-space:nowrap}.pw-cost{position:absolute;left:-.3em;top:-.2em;background:#140a28e6;border-radius:8px;font-size:.6em;padding:0 .3em;font-weight:800}.pw-cd{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pw-btn kbd{position:absolute;left:50%;top:-.9em;transform:translate(-50%);font-size:.6em;background:#fff;color:var(--ink);border-radius:5px;padding:0 .35em;font-weight:900;border:2px solid var(--ink)}.hud.touch .pw-btn kbd{display:none}.touch-zone{position:absolute;left:0;top:18%;bottom:0;width:55%;display:none;touch-action:none}.hud.touch .touch-zone{display:block}.joystick{position:absolute;left:calc(18% + var(--sal));bottom:22%;width:clamp(100px,16vh,220px);aspect-ratio:1;margin:calc(clamp(100px,16vh,220px)/-2);border-radius:50%;background:radial-gradient(#ffffff1f,#ffffff38);border:3px solid rgba(255,255,255,.45);display:none;pointer-events:none!important;opacity:.55}.hud.touch .joystick{display:block}.hud.touch.steer .joystick{display:none}.joystick.active{opacity:.9}.joystick .knob{position:absolute;left:50%;top:50%;width:44%;aspect-ratio:1;margin:-22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ff4fa3 60%,#b0106a);border:3px solid var(--ink)}.touch-turbo{position:absolute;right:calc(var(--pad) + var(--sar) + clamp(56px,6.3vw,170px) * 3.6);bottom:calc(var(--pad) * .7 + var(--sab));width:clamp(60px,7vw,180px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 6%,#3bd5ff 50%,#1b1040);border:4px solid var(--ink);opacity:.7;font-size:1.8em;display:none;flex-direction:column;align-items:center;justify-content:center}.touch-turbo small{font-size:.35em;font-family:var(--h)}.hud.touch .touch-turbo{display:flex}.touch-turbo.pressed{transform:scale(.9);opacity:1}.hud.touch .hud-bl{bottom:auto;top:calc(var(--pad) * .6 + var(--sat) + 7.5em);font-size:.8em}.combo-big{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%) scale(var(--s, 1));font-family:var(--h);font-size:3em;color:#ffe14a;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink),0 0 .4em #ff2bd6;white-space:nowrap}.combo-big.bump{animation:bump .35s cubic-bezier(.2,1.8,.4,1)}@keyframes bump{0%{transform:translate(-50%,-50%) scale(calc(var(--s, 1) * 1.6))}}.countdown{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-family:var(--h);font-size:clamp(80px,14vw,400px);color:#fff;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;text-shadow:0 .05em 0 var(--ink),0 0 .3em #ff2e93;opacity:0}.countdown.go{animation:cd .65s ease-out}@keyframes cd{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.danger-arrow{position:absolute;left:50%;top:50%;width:2em;height:2em;margin:-1em;background:#ff2e3e;clip-path:polygon(100% 50%,0 0,25% 50%,0 100%);font-size:1.6em;color:transparent;animation:pulse .5s infinite;filter:drop-shadow(0 0 6px #ff2e3e)}.hud.intro .hud-tl,.hud.intro .hud-tr,.hud.intro .hud-bl,.hud.intro .hud-br,.hud.intro .hud-timer,.hud.intro .touch-turbo{opacity:0}.intro-ui{position:absolute;right:calc(var(--pad) + var(--sar));top:calc(var(--pad) + var(--sat))}.btn.skip{background:#140a28d9;border-color:#fff;font-size:1em}.tutorial{position:absolute;left:50%;top:58%;transform:translate(-50%);pointer-events:none}.tut-card{display:flex;gap:.5em;align-items:center;background:#fff;color:var(--ink);border:4px solid var(--pink);border-radius:20px;padding:.4em 1em;font-size:1.2em;box-shadow:0 .25em 0 var(--ink);animation:popIn .4s cubic-bezier(.2,1.6,.4,1)}.tut-card p{margin:0}.tut-hand{font-size:1.6em;animation:tap 1s infinite}@keyframes tap{50%{transform:translateY(-.25em) rotate(-10deg)}}.tut-pointer{display:none}.tut-highlight{outline:4px solid #ffe14a!important;outline-offset:4px;border-radius:16px;animation:pulse .8s infinite}.cont-timer{font-family:var(--h);font-size:3em;color:var(--gold)}.hud .modal .card{display:flex;flex-direction:column;align-items:stretch;min-width:min(80vw,360px)}@media(max-height:520px){:root{--pad: 8px}.home{grid-template-columns:1fr 1.1fr 1fr;padding-top:calc(52px + var(--sat))}.home .panel.missions .mission:nth-child(n+3),.home .panel.season,.home .panel.friends p{display:none}.mode small{display:none}.mode{min-height:48px}.home-mini{position:absolute;top:calc(50px + var(--sat));left:50%;transform:translate(-50%);font-size:.68em;flex-wrap:wrap;justify-content:center;max-width:34vw;z-index:3}.home-mini .btn{padding:.15em .5em}.banner-sweet{visibility:hidden}.hero-img{max-height:30vh}.banner-sweet{font-size:1.1em}main.setup,main.loadout,main.store,main.profile,main.friends-scr,main.online-scr,main.ranking-scr,main.campaign{padding-top:calc(56px + var(--sat))}.hud-logo{display:none}.hud-lb li:nth-child(n+5):not(.me){display:none}.caster-bubble{font-size:.8em}}@media(max-width:760px){.home{grid-template-columns:1fr 1fr}.home .col.right{display:none}.modes{grid-template-columns:repeat(5,1fr)}.mode b{font-size:1em}main.setup,main.profile,main.friends-scr{grid-template-columns:1fr}}@media(min-width:2560px){:root{--fs: clamp(18px, .9vw + 6px, 44px)}}@media(min-width:5000px){:root{--fs: clamp(28px, .8vw + 8px, 72px)}}@media(prefers-reduced-motion:reduce){.bounce,.mode.play b,.badge-new,.day.next{animation:none}}body.reduced-motion .bounce,body.reduced-motion .mode.play b{animation:none}body.portrait-block #hud,body.portrait-block #ui{visibility:hidden}.charge-ring{position:absolute;left:0;top:0;width:3.4em;height:3.4em;margin:-1.7em 0 0 -1.7em;border-radius:50%;pointer-events:none;display:grid;place-items:center;background:conic-gradient(#3bf5ff calc(var(--p) * 360deg),#140a2873 0);-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%);z-index:6}.charge-ring span{display:none}.charge-ring.full{background:conic-gradient(#ffe14a 360deg,transparent 0);animation:pulse .3s infinite}.name-tag s{display:none;text-decoration:none;font-family:var(--h);font-size:clamp(9px,.6vw + 4px,19px);line-height:1.1;color:#fff;padding:.05em .55em;margin:.12em 0 .08em;border-radius:99px;background:linear-gradient(180deg,#ff8ae0,#b43cff);border:2px solid var(--ink);box-shadow:0 .1em 0 var(--ink);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;white-space:nowrap}.name-tag s.pop{animation:comboPop .35s cubic-bezier(.2,1.8,.4,1)}@keyframes comboPop{0%{transform:scale(1.7)}}.name-tag:after{display:none}.hero-stage .hero-img{cursor:pointer}.hero-arrow{position:absolute;top:45%;z-index:3;width:2.3em;height:2.3em;font-family:var(--h);font-size:1.1em}.hero-arrow.l{left:6%}.hero-arrow.r{right:6%}.pick-char-btn{margin-top:.25em}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,12vw,300px),1fr));gap:.6em;margin-top:.5em}.char-grid.two{grid-template-columns:repeat(2,minmax(0,clamp(160px,22vw,420px)));justify-content:center}.char-card{display:flex;flex-direction:column;align-items:center;gap:.15em;padding:.5em;border-radius:var(--r);border:3px solid var(--ink);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 55%,#fff),#2a1a60 75%);box-shadow:0 .25em 0 var(--ink);transition:transform .12s}.char-card:hover{transform:translateY(-4px) scale(1.03)}.char-card.sel{box-shadow:0 0 0 4px #ffe14a,0 .25em 0 var(--ink)}.char-card img{width:80%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 .3em .2em rgba(0,0,0,.35))}.char-card b{font-family:var(--h);font-size:1.05em}.char-card small{font-size:.65em;opacity:.9;text-align:center;line-height:1.15}.char-card em{font-style:normal;font-weight:800;font-size:.75em;background:var(--ink);border-radius:99px;padding:0 .6em}.char-card.locked img{filter:grayscale(.7) brightness(.7)}.ic{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.22em;background:center / contain no-repeat;font-style:normal}.ic-coin{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%2238%25%22%20cy%3D%2232%25%22%20r%3D%2270%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff6b0%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23ffd23a%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e08a00%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2234%22%20r%3D%2227%22%20fill%3D%22%231B1030%22/%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2231%22%20r%3D%2227%22%20fill%3D%22%23b86a00%22%20stroke%3D%22%231B1030%22%20stroke-width%3D%224%22/%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%2223%22%20fill%3D%22url%28%23g%29%22/%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2229%22%20r%3D%2216.5%22%20fill%3D%22none%22%20stroke%3D%22%23e9a200%22%20stroke-width%3D%223%22/%3E%3Cpath%20d%3D%22M32%2017l3.8%207.8%208.6%201.2-6.2%206%201.5%208.5-7.7-4-7.7%204%201.5-8.5-6.2-6%208.6-1.2z%22%20fill%3D%22%23fff4a8%22%20stroke%3D%22%23c77a00%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22/%3E%3Cellipse%20cx%3D%2222%22%20cy%3D%2218%22%20rx%3D%226%22%20ry%3D%223%22%20fill%3D%22%23fff%22%20opacity%3D%22.8%22%20transform%3D%22rotate%28-30%2022%2018%29%22/%3E%3C/svg%3E)}.ic-gem{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M14%2022%2024%2010h16l10%2012-18%2030z%22%20fill%3D%22%231B1030%22%20transform%3D%22translate%280%203%29%22/%3E%3Cpath%20d%3D%22M14%2022%2024%2010h16l10%2012-18%2030z%22%20fill%3D%22%23ff4fd8%22%20stroke%3D%22%231B1030%22%20stroke-width%3D%224%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M14%2022h36L32%2052z%22%20fill%3D%22%23c21db0%22/%3E%3Cpath%20d%3D%22M24%2010l-4%2012h24l-4-12z%22%20fill%3D%22%23ff9af0%22/%3E%3Cpath%20d%3D%22M20%2022l12%2030%2012-30z%22%20fill%3D%22%23ff5fe0%22/%3E%3Cpath%20d%3D%22M26%2013l-2%207h8z%22%20fill%3D%22%23fff%22%20opacity%3D%22.85%22/%3E%3C/svg%3E)}.cur>i .ic,.cur>i.ic{width:1.3em;height:1.3em}.world-panel{background:linear-gradient(90deg,#1e0e46f0 0 38%,#1e0e468c 70%,#1e0e4640),var(--wbg) center / cover no-repeat}.cine{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;font-family:var(--h)}.cine-lb i{position:absolute;left:0;right:0;height:9vh;background:#0b0418;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.cine-lb i:first-child{top:0;transform:translateY(-100%)}.cine-lb i:last-child{bottom:0;transform:translateY(100%)}.cine-lb.on i{transform:none}.cine-card{position:absolute;left:calc(var(--pad) + var(--sal));bottom:calc(11vh + var(--sab));display:flex;align-items:center;gap:.6em;padding:.45em 1.2em .45em .5em;background:linear-gradient(180deg,#ff6fb6,#ff2e93);border:.2em solid var(--ink);border-radius:1.2em;box-shadow:0 .3em 0 var(--ink);color:#fff;font-size:clamp(16px,2vw,44px);transform:rotate(-3deg)}.cine-card img{width:2.6em;height:2.6em;object-fit:contain;filter:drop-shadow(0 .08em 0 var(--ink))}.cine-card small{display:block;font-size:.5em;letter-spacing:.1em;opacity:.9}.cine-card b{-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.cine-card.pop{animation:cinePop .4s cubic-bezier(.2,1.6,.4,1) both}@keyframes cinePop{0%{transform:translate(-120%) rotate(-12deg)}to{transform:rotate(-3deg)}}.cine-comic{position:absolute;inset:9vh 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.2vh;padding:1.2vh}.cine-comic .p{position:relative;background:radial-gradient(circle at 30% 30%,#fff8c8,#ffcf33 45%,#ff8a1c);border:.35em solid var(--ink);border-radius:.6em;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:0;animation:cinePanel .5s cubic-bezier(.2,1.5,.4,1) forwards;background-image:radial-gradient(rgba(27,16,48,.18) 18%,transparent 20%),radial-gradient(circle at 30% 30%,#fff8c8,#ffcf33 45%,#ff8a1c);background-size:14px 14px,100% 100%}.cine-comic .p1{animation-delay:.45s;background-color:#7ad8ff}.cine-comic .p2{animation-delay:.9s}.cine-comic .p3{animation-delay:1.35s}.cine-comic .p:nth-child(2n){background-image:radial-gradient(rgba(27,16,48,.18) 18%,transparent 20%),radial-gradient(circle at 30% 30%,#e8fbff,#6fd0ff 45%,#7a3cff)}.cine-comic .p img{height:70%;filter:drop-shadow(0 .3em 0 rgba(27,16,48,.5))}.cine-comic .p b{position:absolute;bottom:.3em;left:50%;transform:translate(-50%) rotate(-2deg);background:#fff;color:var(--ink);border:.15em solid var(--ink);padding:.05em .6em;border-radius:.4em;font-size:clamp(14px,1.8vw,40px);white-space:nowrap}.cine-comic .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);font-size:clamp(40px,8vw,200px);color:#fff;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink),0 0 .4em #ff2e93;animation:cineVs .6s 1.7s cubic-bezier(.2,1.8,.4,1) both}.cine-comic.out .p,.cine-comic.out .vs{animation:cineOut .4s ease-in forwards}@keyframes cinePanel{0%{opacity:0;transform:scale(.4) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes cineVs{0%{transform:translate(-50%,-50%) scale(4) rotate(-8deg);opacity:0}to{transform:translate(-50%,-50%) rotate(-8deg);opacity:1}}@keyframes cineOut{to{opacity:0;transform:scale(1.6)}}.cine-title{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) scale(var(--s));white-space:nowrap}.cine-title span{display:inline-block;font-size:clamp(34px,6vw,160px);color:var(--c);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink),0 .16em 0 rgba(27,16,48,.35);background:linear-gradient(180deg,#fff 0 18%,transparent 18%);-webkit-background-clip:text}.cine-fan{position:absolute;inset:2.5vh 2.5vw}.cine-fan i{position:absolute;width:6vh;height:6vh;border:.45vh solid #fff}.cine-fan i:nth-of-type(1){left:0;top:0;border-right:0;border-bottom:0}.cine-fan i:nth-of-type(2){right:0;top:0;border-left:0;border-bottom:0}.cine-fan i:nth-of-type(3){left:0;bottom:0;border-right:0;border-top:0}.cine-fan i:nth-of-type(4){right:0;bottom:0;border-left:0;border-top:0}.cine-fan .rec{position:absolute;left:2vh;top:11vh;color:#ff3b5b;font-size:clamp(14px,1.6vw,36px);animation:blink 1s steps(2) infinite;text-shadow:0 0 .3em #000}.cine-fan .lv{position:absolute;right:2vh;top:11vh;color:#fff;font-size:clamp(12px,1.2vw,30px);text-shadow:0 0 .3em #000}@keyframes blink{50%{opacity:0}}canvas.cine-freeze{filter:saturate(1.7) contrast(1.25) brightness(1.05)}.cine-frz .dots{position:absolute;inset:0;background:radial-gradient(rgba(27,16,48,.22) 22%,transparent 24%);background-size:10px 10px;mix-blend-mode:multiply;animation:fadeIn .2s both}.cine-frz .big{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%) rotate(-6deg);text-align:center;animation:cineVs .5s cubic-bezier(.2,1.8,.4,1) both}.cine-frz .big span{display:inline-block;font-size:clamp(44px,8vw,220px);color:var(--gold);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink),0 0 .5em #fff3a0}.cine-frz .big small{display:block;font-size:clamp(18px,2.6vw,70px);color:#fff;-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill}@keyframes fadeIn{0%{opacity:0}}.cine-rep{position:absolute;left:calc(var(--pad) + var(--sal));top:calc(11vh + var(--sat));background:#0b0418bf;border:.15em solid #fff;border-radius:.5em;padding:.3em .8em;color:#fff;font-size:clamp(16px,2vw,46px)}.cine-rep span{color:#ff3b5b;animation:blink 1s steps(2) infinite}.cine-rep small{display:block;font-family:var(--b);font-size:.5em;opacity:.85}.cine-selfie{position:absolute;inset:3vh 18vw;border:1.6vh solid #1B1030;border-radius:4vh;box-shadow:0 0 0 100vmax #0b04188c}.cine-selfie .notch{position:absolute;left:50%;top:-.5vh;width:18%;height:3vh;transform:translate(-50%);background:#1b1030;border-radius:0 0 2vh 2vh}.cine-selfie .shot{position:absolute;left:50%;bottom:2.5vh;width:7vh;height:7vh;transform:translate(-50%);border-radius:50%;border:.7vh solid #fff}.cine-selfie .fl{position:absolute;inset:-2vh;background:#fff;opacity:0;border-radius:3vh}.cine-selfie.flashed .fl{animation:selfieFlash .6s ease-out}@keyframes selfieFlash{0%{opacity:1}to{opacity:0}}.cine-pod{position:absolute;left:0;right:0;bottom:calc(12vh + var(--sab));display:flex;justify-content:center;gap:4vw}.cine-pod .pl{background:#fff;color:var(--ink);border:.15em solid var(--ink);border-radius:.6em;padding:.1em .7em;font-size:clamp(14px,1.7vw,40px);box-shadow:0 .2em 0 var(--ink);animation:cinePop .5s cubic-bezier(.2,1.6,.4,1) both}.cine-pod .pl b{color:var(--hot);margin-right:.3em}.cine-pod .pl1{order:2;transform:translateY(-1em) scale(1.15);background:#ffe680;animation-delay:.6s}.cine-pod .pl2{order:1;animation-delay:.3s}.cine-pod .pl3{order:3;animation-delay:.1s}.cine-skip{position:absolute;right:calc(var(--pad) + var(--sar));bottom:calc(2.5vh + var(--sab));color:#fff;font-family:var(--b);font-weight:800;font-size:clamp(12px,1.2vw,28px);text-shadow:0 .1em 0 var(--ink);animation:blink 1.4s steps(2) infinite}.guide-arrow{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:3;will-change:transform}.guide-arrow .ga-ic{position:absolute;left:-.95em;top:-.95em;width:1.9em;height:1.9em;display:grid;place-items:center;font-size:clamp(13px,1.25vw,30px);background:#fff;border:.17em solid var(--ink);border-radius:50%;box-shadow:0 0 0 .14em var(--c),0 .18em 0 var(--ink);animation:gaBob .9s ease-in-out infinite}.guide-arrow .ga-tip{position:absolute;left:0;top:0;width:0;height:0}.guide-arrow .ga-tip:after{content:"";position:absolute;left:clamp(16px,1.55vw,38px);top:calc(clamp(10px,1vw,24px)*-1);width:clamp(16px,1.5vw,36px);height:clamp(20px,2vw,48px);background:var(--c);clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);filter:drop-shadow(0 0 2px #1B1030) drop-shadow(0 0 5px var(--c));animation:gaPush .6s ease-in-out infinite}.guide-arrow .ga-d{position:absolute;left:50%;top:clamp(16px,1.5vw,36px);transform:translate(-50%);font:800 clamp(10px,.85vw,20px)/1 var(--b);color:#fff;text-decoration:none;-webkit-text-stroke:.25em var(--ink);paint-order:stroke fill;white-space:nowrap}@keyframes gaBob{50%{transform:scale(1.1)}}@keyframes gaPush{50%{transform:translate(5px)}}@media(orientation:portrait){.topbar{gap:5px;flex-wrap:nowrap}.topbar .srv{display:none}.topbar .profile-chip>div{display:none}.topbar .profile-chip{padding:2px;min-width:0}.topbar .profile-chip img{width:2em;height:2em}.topbar .scr-title{font-size:1.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.topbar .logo-sm{font-size:1.1em}.cur{font-size:.9em}.cur span{min-width:2.4em}.topbar .icon-btn{flex:0 0 auto}#screen>main{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.home{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto;align-content:start;overflow-y:auto;padding-top:calc(var(--pad) * 2 + 44px + var(--sat))}.home .center{grid-column:1 / -1;order:1}.home .banner-sweet{display:none}.hero-stage{min-height:26vh}.hero-img{height:26vh;max-height:26vh}.modes{order:2;grid-template-columns:1fr 1fr}.mode{min-height:9vh}.mode.play{grid-column:1 / -1;order:-1;min-height:10vh}.mode.play b{font-size:clamp(34px,11vw,90px)}.home-mini{order:3}.home .col{order:4;overflow:visible}.home .col.right{display:flex}.hud{font-size:clamp(10px,2.6vw,22px)}.hud-logo{display:none}.hud-score{min-width:5.5em}.hud-score .val{font-size:1.6em}.hud-timer{font-size:1.7em}.hud-mm-wrap canvas{width:30vw;height:auto}.hud-lb{width:36vw}.hud-lb li{font-size:.74em}.hud-lb li:nth-child(n+5):not(.me){display:none}.hud-top{left:0;right:0;transform:none}.hud-top .caster-bubble{position:fixed;width:max-content;left:50%;top:auto;bottom:calc(24vh + var(--sab));transform:translate(-50%);max-width:78vw;font-size:.85em}.bar-track{width:30vw}.pw-btn{width:clamp(52px,15vw,110px)}.touch-turbo{width:clamp(56px,16vw,120px);right:calc(var(--pad) + var(--sar));bottom:calc(var(--pad) + var(--sab) + clamp(52px,15vw,110px) + 14px)}.joystick{left:calc(26% + var(--sal));bottom:16%;width:clamp(110px,30vw,220px);margin:calc(clamp(110px,30vw,220px)/-2)}.modal .card{max-width:96vw;max-height:88vh;padding:.8em .9em}.cine-comic{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.cine-selfie{inset:8vh 6vw}}@media(orientation:portrait)and (min-width:700px){.modes{grid-template-columns:repeat(4,1fr)}.hero-img{height:32vh;max-height:32vh}.hud{font-size:clamp(12px,1.8vw,26px)}}@media(max-width:760px)and (max-height:520px)and (orientation:landscape){.home-mini{left:75%;max-width:46vw}}