@font-face{font-family:Lilita One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lilita-one-latin.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2")}:root{--primary:#ffcf3a;--secondary:#35c7f0;--panel:#0a1e46b8;--text:#fff;--muted:#ffffffb8;--line:#ffffff29;--good:#6dff9a;--bad:#ff5a6a;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);overscroll-behavior:none;background:#0b1020;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#update-screen{z-index:2147483000;pointer-events:auto;background:#0b1020eb;place-items:center;display:grid;position:fixed;inset:0}.modal p{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}html[data-backdrop] body{background:#0b1020 50%/cover no-repeat}html[data-backdrop=sky] body{background-image:url(/backdrops/sky.webp)}html[data-backdrop=mechs] body{background-image:url(/backdrops/mechs.webp)}html[data-backdrop=fantasy] body{background-image:url(/backdrops/fantasy.webp)}#ui{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 20px 60px #00000059}.btn{pointer-events:auto;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:14px 34px;font-size:20px;transition:transform .12s,filter .12s}.btn:active{transform:scale(.96)}.btn.primary,.btn.play{color:#1b1300;background:linear-gradient(180deg, #fff6c9 -40%, var(--primary) 55%, color-mix(in srgb, var(--primary) 70%, #a25a00) 100%);box-shadow:0 6px 0 color-mix(in srgb, var(--primary) 45%, #3a1d00), 0 10px 30px color-mix(in srgb, var(--primary) 45%, transparent);position:relative;overflow:hidden}.btn.play:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffffa6 45%,#0000 60%);animation:2.8s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-120%)}.btn.play:hover{filter:brightness(1.08)}.btn.ghost{border:2px solid var(--line);background:#00000040}@keyframes shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.screen{pointer-events:auto;padding:calc(14px + var(--safe-t)) calc(16px + var(--safe-r)) calc(14px + var(--safe-b)) calc(16px + var(--safe-l));flex-direction:column;display:flex;position:fixed;inset:0}.menu{background:linear-gradient(#00000059 0%,#0000 25% 45%,#0009 100%);overflow:hidden auto}.topbar{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}@media (max-width:920px){.wallet small{display:none}.topbar{gap:8px}}.profile-chip{border:1px solid var(--line);background:#00000059;border-radius:999px;align-items:center;gap:10px;padding:5px 16px 5px 5px;display:flex}.profile-chip .lvl,.xp-anim .lvl{width:38px;height:38px;font-family:var(--display);color:#1b1300;background:radial-gradient(circle at 35% 30%, #fff8d6, var(--primary));border-radius:50%;place-items:center;font-size:18px;display:grid;box-shadow:0 0 0 3px #fff3}.profile-chip .xp span{color:var(--muted);font-size:12px;font-weight:700}.bar{background:#ffffff26;border-radius:99px;width:120px;height:8px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg, var(--secondary), var(--primary));height:100%;transition:width .15s linear;display:block}.wallet{border:1px solid var(--line);background:#00000059;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;font-weight:800;display:flex}.coin{background:radial-gradient(circle at 35% 30%, #fff, var(--primary) 60%, #b86b00);border-radius:50%;width:18px;height:18px}.icon-btn{pointer-events:auto;border:1px solid var(--line);background:#00000059;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.menu-body{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:16px;padding-top:12px;display:flex}.title-block{text-align:center;margin-bottom:auto;padding-top:4vh}.title-block h1{font-family:var(--display);letter-spacing:.02em;color:#fff;text-shadow:0 4px 0 color-mix(in srgb, var(--secondary) 60%, #001), 0 10px 40px #00000073;margin:0;font-size:clamp(40px,7vw,88px);font-weight:400;line-height:.95}.title-block p{color:#fff;text-shadow:0 2px 10px #00000080;margin:8px 0 0;font-size:clamp(14px,1.8vw,20px);font-weight:700}.theme-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{pointer-events:auto;border:2px solid var(--line);background:#0006;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800;transition:border-color .15s,background .15s}.chip.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 25%, #0006)}.heroes{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-card{pointer-events:auto;text-align:left;background:var(--panel);border:2px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:18px;width:170px;padding:14px;transition:transform .15s,border-color .15s,box-shadow .15s}.hero-card:hover{transform:translateY(-3px)}.hero-card.on{border-color:var(--primary);box-shadow:0 12px 34px color-mix(in srgb, var(--hc) 45%, transparent);transform:translateY(-6px)}.avatar{background:radial-gradient(circle at 35% 30%, var(--ha), var(--hc) 60%, color-mix(in srgb, var(--hc) 60%, #000));width:54px;height:54px;box-shadow:0 0 0 3px #ffffff26, 0 6px 18px color-mix(in srgb, var(--hc) 50%, transparent);border-radius:50%;margin-bottom:8px}.hero-name{font-family:var(--display);letter-spacing:.02em;font-size:21px}.hero-role{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700}.stat{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:5px;font-size:11px;font-weight:700;display:flex}.stat .bar{width:80px;height:6px}.stat .bar i{background:var(--hc)}.menu .btn.play{margin-top:4px;padding:16px 70px;font-size:28px}.hint{color:var(--muted);text-align:center;max-width:720px;margin:0;font-size:12px}.end,.pause{background:#050a198c;justify-content:center;align-items:center}.pause-card{text-align:center;flex-direction:column;align-items:stretch;gap:14px;max-height:100%;padding:28px 40px;display:flex;overflow-y:auto}@media (max-height:420px){.pause-card{gap:8px;padding:14px 24px}.pause-card h2{margin:0;font-size:28px}}.pause-card h2{font-family:var(--display);margin:0 0 6px;font-size:40px;font-weight:400}.end-card{text-align:center;width:min(860px,100%);max-height:100%;padding:22px 26px;animation:.45s cubic-bezier(.2,1.4,.4,1) rise;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.95)}}.place{font-family:var(--display);font-size:clamp(36px,6vw,64px);line-height:1}.place.gold{color:var(--primary);text-shadow:0 0 30px color-mix(in srgb, var(--primary) 60%, transparent)}.sub{color:var(--muted);margin:6px 0 16px;font-weight:700}.end-grid{text-align:left;grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.standings .row,.hud-board .row{border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:700;display:flex}.standings .row.me,.hud-board .row.me{background:color-mix(in srgb, var(--primary) 22%, transparent);outline:1px solid color-mix(in srgb, var(--primary) 60%, transparent)}.row .r{width:18px;color:var(--muted)}.row i{border-radius:50%;flex:none;width:10px;height:10px}.row .n{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row .k{font-variant-numeric:tabular-nums}.row .d{color:var(--muted);text-align:right;width:60px;font-size:12px}.rewards{background:#00000040;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.rw{justify-content:space-between;font-size:14px;font-weight:700;display:flex}.rw b{color:var(--good)}.rw.total{border-top:1px solid var(--line);padding-top:6px}.rw.total b{color:var(--primary)}.xp-anim{align-items:center;gap:10px;margin-top:6px;display:flex}.xp-anim .bar{flex:1;width:auto;height:12px}.levelup{font-family:var(--display);color:var(--primary);text-align:center;font-size:24px;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.end-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.play-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.menu .btn.ghost{padding:14px 28px;font-size:18px}.lobby{background:#050a198c;justify-content:center;align-items:center}.lobby-card{text-align:center;flex-direction:column;align-items:center;gap:10px;min-width:min(360px,100%);padding:26px 40px;display:flex}.lobby-body{flex-direction:column;align-items:center;gap:10px;display:flex}.lobby-card h2{font-family:var(--display);margin:0;font-size:34px;font-weight:400}.lobby-count{font-family:var(--display);color:var(--primary);font-size:56px;line-height:1}.lobby-card .sub{margin:0}.lobby-dots{gap:6px;display:flex}.lobby-dots i{background:#ffffff26;border-radius:50%;width:14px;height:14px}.lobby-dots i.on{background:var(--primary);box-shadow:0 0 10px var(--primary)}.toast{left:50%;bottom:calc(24px + var(--safe-b));z-index:20;border:1px solid var(--line);text-align:center;background:#000c;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}.hud{pointer-events:none;font-weight:700;position:fixed;inset:0}.hud-top{top:calc(10px + var(--safe-t));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.hud-timer{font-family:var(--display);text-shadow:0 3px #00000059,0 0 20px #0000004d;font-size:40px;line-height:1}.hud-timer.urgent{color:var(--bad);animation:1s ease-in-out infinite pulse}.hud-rank{color:#fff;background:#00000059;border-radius:999px;margin-top:4px;padding:3px 12px;font-size:13px}.hud-pause{pointer-events:auto;top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));border:1px solid var(--line);letter-spacing:-1px;background:#0006;border-radius:12px;width:40px;height:40px;font-weight:900;position:absolute}.hud-board{top:calc(58px + var(--safe-t));right:calc(12px + var(--safe-r));background:#0000004d;border-radius:14px;width:190px;padding:4px;position:absolute}.hud-board .row{padding:3px 8px;font-size:13px}.hud-feed{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));flex-direction:column;gap:4px;max-width:42vw;display:flex;position:absolute}.feed-row{background:#0000006b;border-radius:10px;padding:5px 10px;font-size:13px;transition:opacity .6s;animation:.25s ease-out slidein}.feed-row.mine{background:color-mix(in srgb, var(--primary) 30%, #00000080)}.feed-row .ko{font-family:var(--display);color:var(--primary);margin:0 4px}.feed-row.out{opacity:0}@keyframes slidein{0%{opacity:0;transform:translate(-20px)}}.hud-announce{text-align:center;opacity:0;white-space:nowrap;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hud-announce.show{animation:announce var(--dur,1.4s) ease-out forwards}.ann-text{font-family:var(--display);color:#fff;text-shadow:0 5px #00000059,0 0 40px #00000059;font-size:clamp(40px,8vw,84px);line-height:1}.ann-sub{text-shadow:0 2px 8px #0009;margin-top:4px;font-size:16px}.hud-announce.good .ann-text{color:var(--primary)}.hud-announce.bad .ann-text{color:var(--bad)}.hud-announce.go .ann-text{color:#fff;font-size:clamp(56px,11vw,120px)}.hud-announce.info .ann-text{color:var(--secondary);font-size:clamp(28px,5vw,48px)}@keyframes announce{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}12%{opacity:1;transform:translate(-50%,-50%)scale(.95)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}@keyframes pop{0%{transform:scale(.4)}}@keyframes pulse{50%{transform:scale(1.12)}}.hud-card{left:calc(18px + var(--safe-l));bottom:calc(16px + var(--safe-b));align-items:flex-end;gap:12px;display:flex;position:absolute}.card-dmg{font-family:var(--display);text-shadow:0 4px #0006,0 0 24px #0006;font-variant-numeric:tabular-nums;font-size:64px;line-height:.9}.card-name{text-shadow:0 2px 6px #0009;margin-bottom:4px;font-size:15px}.card-ult{border:1px solid var(--line);background:#00000073;border-radius:99px;width:150px;height:14px;position:relative;overflow:hidden}.card-ult i{transform-origin:0;transform:scaleX(var(--u,0));background:linear-gradient(90deg, var(--secondary), var(--primary));position:absolute;inset:0}.card-ult span{text-align:center;letter-spacing:.15em;font-size:10px;line-height:13px;display:block;position:relative}.card-ult.ready{box-shadow:0 0 16px var(--primary);animation:1s ease-in-out infinite pulse}.hud-abilities{bottom:calc(16px + var(--safe-b));gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ab{border:2px solid var(--line);background:#00000073;border-radius:16px;place-items:center;width:62px;height:62px;display:grid;position:relative;overflow:hidden}.ab .ico{width:28px;height:28px}.ab .ico svg,.tb svg{width:100%;height:100%}.ab b{color:var(--muted);font-size:10px;position:absolute;top:3px;left:5px}.ab small{white-space:nowrap;color:var(--muted);font-size:10px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.ab-ult.ready,.tb-ult.ready{border-color:var(--primary);box-shadow:0 0 22px var(--primary);color:var(--primary)}.cd{border-radius:inherit;pointer-events:none;background:conic-gradient(#0000009e calc(var(--p,0) * 360deg), transparent 0);position:absolute;inset:0}.plates{position:absolute;inset:0;overflow:hidden}.plate{will-change:transform;text-shadow:0 1px 2px #000,0 0 6px #000c;flex-direction:column;align-items:center;width:120px;margin-left:-60px;line-height:1.05;display:flex;position:absolute;top:0;left:0}.plate .pn{font-size:12px}.plate .pd{font-family:var(--display);font-size:17px}.plate.me .pn{font-family:var(--display);color:var(--primary);font-size:14px}.plate.me .pn:after{content:"";border:6px solid #0000;border-top-color:var(--primary);width:0;height:0;margin:2px auto 0;display:block}.hud-hill{background:#00000059;border-radius:999px;margin-top:4px;padding:3px 12px;font-size:13px;font-weight:800}.hud-hill.mine{color:#241a00;background:#c09e2fba}.hud-hill.theirs{background:color-mix(in srgb, var(--bad) 55%, #0006)}.hud-hill.contested{background:#ff8c28b3;animation:.6s ease-in-out infinite pulse}.hill-marker{will-change:transform;pointer-events:none;place-items:center;width:52px;height:32px;margin:-16px 0 0 -26px;display:grid;position:absolute;top:0;left:0}.hill-marker span{font-family:var(--display);color:#222;background:#fff;border-radius:999px;padding:3px 8px;font-size:12px;box-shadow:0 2px 8px #0006}.hill-marker.theirs span{background:var(--bad);color:#fff}.hill-marker.contested span{color:#fff;background:#ff8c28}.hill-marker.off span{outline:2px solid #fffc}.mode-chips{justify-content:center;gap:8px;margin-top:8px;display:flex}.chip.mode.on{color:#241a00;background:#ffd23f;border-color:#ffd23f}.hero-card{position:relative}.hero-card.locked>:not(.hero-lock){filter:grayscale(.85)brightness(.7)}.hero-lock{z-index:1;border-radius:inherit;text-align:center;background:#0a081e59;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:800;line-height:1.2;display:flex;position:absolute;inset:0}.hero-lock b{font-family:var(--display);color:#241a00;background:#ffd23f;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:400}.hero-lock span{text-shadow:0 1px 3px #000}.invite-card{background:linear-gradient(90deg,#3dff8a2e,#35c7f024);border:1px solid #3dff8a80;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin-bottom:10px;padding:10px 14px;display:grid}.invite-card b{font-size:15px}.invite-card span{color:var(--muted);grid-column:1;font-size:12.5px;font-weight:600}.invite-card .btn{grid-area:1/2/span 2}.ach{border:1px solid var(--line);background:#ffffff0f;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.ach+.ach{margin-top:8px}.ach small{color:var(--muted);font-weight:700}.ach .tiers{gap:4px;margin-left:6px;display:flex}.ach .tiers i{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.ach .tiers i.got{background:#ffd23f}.ach.ready{border-color:#ffd23f;box-shadow:0 0 14px #ffd23f59}.ach.complete{opacity:.6}.tb.hint,.ab.hint{z-index:2;animation:.45s ease-in-out infinite alternate coach;box-shadow:0 0 0 4px #3dff8a,0 0 22px #3dff8a}@keyframes coach{0%{transform:scale(1)}to{transform:scale(1.14)}}.back-marker{will-change:transform;pointer-events:none;place-items:center;width:60px;height:36px;margin:-18px 0 0 -30px;display:grid;position:absolute;top:0;left:0}.back-marker span{font-family:var(--display);color:#062a14;background:#3dff8a;border-radius:999px;padding:3px 8px;font-size:12px;box-shadow:0 2px 8px #0006}.back-marker i{transform-origin:10px 10px;filter:drop-shadow(0 1px 2px #000);border:10px solid #0000;border-left:16px solid #3dff8a;width:0;height:0;margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%}.plate.tgt-melee .pn,.plate.tgt-bolt .pn{text-shadow:none;border-radius:6px;padding:0 5px;color:#fff!important}.plate.tgt-melee .pn{background:#ff1f3d}.plate.tgt-bolt .pn{background:#ff8a00}.plate.tgt-melee .pn:before{content:"▼";color:#ff1f3d;text-shadow:0 1px 2px #000;font-size:14px;animation:.5s ease-in-out infinite pulse;display:block;position:absolute;left:50%;transform:translate(-50%,-110%)}.plate .pn{position:relative}.hud-flash{opacity:0;mix-blend-mode:screen;position:absolute;inset:0}.hud-flash.on{animation:.5s ease-out flash}@keyframes flash{0%{opacity:.7}to{opacity:0}}.touch{pointer-events:auto;touch-action:none;position:fixed;inset:0}.joy{opacity:0;width:0;height:0;transition:opacity .1s;position:absolute;top:0;left:0}.joy.on{opacity:1}.joy:before{content:"";background:#ffffff14;border:2px solid #ffffff4d;border-radius:50%;width:130px;height:130px;position:absolute;top:-65px;left:-65px}.joy-knob{background:#ffffff8c;border-radius:50%;width:58px;height:58px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0000004d}.tb{touch-action:none;background:#0006;border:2px solid #ffffff59;border-radius:50%;place-items:center;transition:transform 60ms,background 60ms;display:grid;position:absolute;overflow:hidden}.tb.down{background:#ffffff40;transform:scale(.9)}.tb-attack{width:92px;height:92px;right:calc(26px + var(--safe-r));bottom:calc(26px + var(--safe-b));background:color-mix(in srgb, var(--primary) 35%, #0006);border-color:var(--primary)}.tb-jump{width:70px;height:70px;right:calc(132px + var(--safe-r));bottom:calc(20px + var(--safe-b))}.tb-dash{width:58px;height:58px;right:calc(150px + var(--safe-r));bottom:calc(104px + var(--safe-b))}.tb-bolt{width:62px;height:62px;right:calc(40px + var(--safe-r));bottom:calc(132px + var(--safe-b))}.tb-slam{width:58px;height:58px;right:calc(104px + var(--safe-r));bottom:calc(176px + var(--safe-b))}.tb-ult{width:64px;height:64px;right:calc(26px + var(--safe-r));bottom:calc(210px + var(--safe-b))}body.is-touch .hud-card{left:auto;right:auto;top:calc(56px + var(--safe-t));bottom:auto;left:calc(12px + var(--safe-l))}body.is-touch .card-dmg{font-size:40px}body.is-touch .card-ult{width:110px}body.is-touch .hud-feed{top:auto;bottom:calc(18px + var(--safe-b));align-items:center;max-width:50vw;left:50%;transform:translate(-50%)}body.is-touch .hud-board{width:150px;top:calc(10px + var(--safe-t));right:calc(62px + var(--safe-r))}@media (max-height:430px){.tb-attack{width:80px;height:80px}.tb-jump{width:62px;height:62px;right:calc(118px + var(--safe-r))}.tb-dash{right:calc(134px + var(--safe-r));bottom:calc(92px + var(--safe-b))}.tb-bolt{bottom:calc(118px + var(--safe-b))}.tb-slam{width:52px;height:52px;right:calc(96px + var(--safe-r));bottom:calc(154px + var(--safe-b))}.tb-ult{width:58px;height:58px;bottom:calc(184px + var(--safe-b))}}.rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate{z-index:10;pointer-events:auto;text-align:center;background:#0b1020;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;font-weight:700;display:flex;position:fixed;inset:0}.rotate .phone{border:4px solid #fff;border-radius:10px;width:46px;height:80px;animation:2s ease-in-out infinite rot}}@keyframes rot{40%,to{transform:rotate(90deg)}}@media (max-height:500px){.title-block{padding-top:0}.title-block h1{font-size:38px}.title-block p{margin-top:2px;font-size:13px}.menu-body{gap:8px}.hero-card{width:140px;padding:8px 10px}.avatar{width:34px;height:34px;margin-bottom:4px}.hero-name{font-size:16px}.hero-role{margin-bottom:2px}.stat{margin-top:2px}.menu .btn.play{padding:10px 50px;font-size:22px}.hint{display:none}.hint.legal{display:block}.hud-timer{font-size:30px}.end-card{padding:14px 16px}.standings .row{padding:2px 8px;font-size:12px}}@media (max-width:640px){.end-grid{grid-template-columns:1fr}.wallet small,.profile-chip .xp span{display:none}.hero-card{width:calc(33% - 8px);min-width:100px}.stat .bar{width:50px}}@media (prefers-reduced-motion:reduce){.btn.play:after,.hud-timer.urgent,.card-ult.ready{animation:none}}.gem{background:linear-gradient(135deg,#e6fbff,#6fd3ff 45%,#7a5cff);border-radius:3px;flex:none;width:16px;height:16px;margin-right:2px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 8px #78c8ff99}.coin{flex:none;display:inline-block}.wallets{gap:8px;margin-left:auto;display:flex}.wallet{pointer-events:auto;border:1px solid var(--line);background:#00000059;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-weight:800;display:flex}.wallet small{color:var(--muted);font-weight:600}.wallet .plus{background:var(--primary);color:#1b1300;border-radius:50%;place-items:center;width:20px;height:20px;font-size:15px;display:grid}.status-chip{border:1px solid var(--line);background:#0006;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.status-chip.offline{color:#ffb3b3;border-color:#ff5a6a80}.meta-nav{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.meta-nav button{pointer-events:auto;font-family:var(--display);letter-spacing:.03em;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:8px 16px;font-size:16px;position:relative}.meta-nav button small{color:var(--muted);font-family:Inter,sans-serif;font-size:11px;font-weight:700}.badge{background:var(--bad);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-family:Inter,sans-serif;font-size:11px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 8px #0006}.badge.hot{background:var(--primary);color:#1b1300;animation:1.4s ease-in-out infinite pulse}.mtab .badge{margin-left:6px;display:inline-grid;position:static}.stat .bar{display:flex}.stat .bar em{background:var(--good);height:100%;display:block}.meta{z-index:5;background:#050a1999;justify-content:center;align-items:center}.meta.busy{cursor:progress}.meta.busy .meta-body{opacity:.7;pointer-events:none}.meta-card{flex-direction:column;width:min(980px,100%);max-height:100%;display:flex;overflow:hidden}.meta-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.meta-head h2{font-family:var(--display);margin:0;font-weight:400}.meta-tabs{flex-wrap:wrap;gap:4px;display:flex}.mtab{font-family:var(--display);letter-spacing:.03em;color:var(--muted);border-radius:10px;padding:7px 14px;font-size:17px}.mtab.on{color:#fff;background:#ffffff1f}.meta-wallet{gap:14px;margin-left:auto;font-weight:800;display:flex}.meta-wallet span{align-items:center;gap:6px;display:flex}.meta-wallet small{color:var(--muted);font-weight:600}.meta-body{padding:14px 16px 18px;overflow-y:auto}.meta-card>.sub{padding:0 16px 16px}.section{font-family:var(--display);letter-spacing:.02em;margin:16px 0 8px;font-size:20px;font-weight:400}.section small{color:var(--muted);margin-left:8px;font-family:Inter,sans-serif;font-size:12px}.tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.tile{border:1px solid var(--line);text-align:center;background:#ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 10px;transition:transform .12s,border-color .12s;display:flex;position:relative}.tile:hover{border-color:#ffffff59;transform:translateY(-2px)}.tile b{font-family:var(--display);font-size:22px;font-weight:400}.tile small{color:var(--muted);text-transform:capitalize;font-size:11px;font-weight:700}.tile-art .gem{width:30px;height:30px;margin:6px}.tile-art .coin{width:34px;height:34px;margin:4px}.tile .price{background:var(--primary);color:#1b1300;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:6px 8px;font-size:14px;font-weight:800;display:flex}.tile .price.muted{color:var(--muted);background:#ffffff1f}.tile .tag{white-space:nowrap;background:var(--bad);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.tile.on{border-color:var(--primary)}.tile.skin.rare{border-color:#50aaff8c}.tile.skin.epic{border-color:#be6effa6}.tile.skin.legendary{border-color:#ffc83ccc}.swatch{border-radius:50%;width:52px;height:52px;box-shadow:0 0 0 3px #ffffff26}.swatch.sm{width:26px;height:26px}.offer{border:2px solid var(--primary);background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 30%, transparent), color-mix(in srgb, var(--secondary) 25%, transparent));border-radius:16px;overflow:hidden}.ribbon{background:var(--primary);color:#1b1300;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;font-size:12px;font-weight:800}.offer.deal{border-color:#ff5a6a;margin-top:10px}.offer.deal .ribbon{color:#fff;background:#ff5a6a}.offer s,.price.deal s{opacity:.6;margin-right:2px;font-weight:600}.price.deal{color:#ff8b96}.season-note{margin:10px 0 0;font-size:14px}.event-banner{color:#fff;background:linear-gradient(90deg,#ff8c28,#ff5a6a);border-radius:999px;align-items:center;gap:8px;margin:8px auto 0;padding:5px 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #00000040}.event-banner-row{text-align:center}.event-banner.soon{background:#0006;font-weight:700}.event-banner small{opacity:.9;font-weight:600}.offer-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.offer h3{font-family:var(--display);margin:0;font-size:26px;font-weight:400}.offer p{color:var(--muted);margin:2px 0 0;font-weight:700}.btn.sm{align-items:center;gap:6px;padding:9px 18px;font-size:15px;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.pay-note{color:var(--muted);margin:12px 0 0;font-size:12px}.pay-note.test{color:#ffe08a;font-weight:700}.pass-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pass-head h3{font-family:var(--display);margin:0;font-size:26px;font-weight:400}.pass-head .sub{margin:2px 0 8px}.bar.wide{width:min(360px,70vw);height:10px}.pass-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.premium-badge{color:var(--primary);background:#ffffff1a;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.pass-track{scroll-snap-type:x proximity;gap:8px;padding:14px 2px 8px;display:flex;overflow-x:auto}.pcol{scroll-snap-align:start;flex-direction:column;flex:0 0 104px;gap:6px;display:flex}.pnum{text-align:center;font-family:var(--display);color:var(--muted);font-size:18px}.pcol.reached .pnum{color:var(--primary)}.pcol.next .pnum:after{content:" ◀";font-size:11px}.pcell{text-align:center;border:1px solid var(--line);background:#ffffff0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:104px;padding:6px;display:flex}.pcell small{color:var(--muted);font-size:10px;font-weight:700;line-height:1.2}.pcell b{font-size:11px;font-weight:800}.pcell.premium{background:linear-gradient(#ffc83c24,#ffffff0a);border-color:#ffc83c59}.pcell.ready{cursor:pointer;border-color:var(--primary);box-shadow:0 0 16px color-mix(in srgb, var(--primary) 50%, transparent)}.pcell.ready b{color:var(--primary)}.pcell.claimed{opacity:.45}.pcell.future{opacity:.7}.pcell.locked b{color:var(--muted)}.power{background:#00000040;border-radius:14px;align-items:center;gap:16px;margin-bottom:8px;padding:10px 14px;display:flex}.power small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;display:block}.power b{font-family:var(--display);color:var(--primary);font-size:36px;font-weight:400}.power .sub{margin:0}.gear-row{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1.2fr .8fr auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.gear-info h3{font-family:var(--display);margin:0;font-size:20px;font-weight:400}.gear-info p{color:var(--muted);margin:2px 0 0;font-size:12px}.pips{gap:4px;display:flex}.pips i{background:#ffffff1f;border-radius:3px;flex:1;height:10px}.pips i.on{background:linear-gradient(180deg, #fff6c9, var(--primary))}.gear-bonus{color:var(--muted);font-size:14px;font-weight:800}.gear-bonus b{color:var(--good)}.gear-buy{gap:6px;display:flex}.days{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px;display:grid}.day{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.day small{color:var(--muted);font-size:10px;font-weight:700}.day b{font-size:12px}.day.got{opacity:.45}.day.today{border-color:var(--primary);box-shadow:0 0 14px color-mix(in srgb, var(--primary) 45%, transparent);opacity:1}.quests{flex-direction:column;gap:8px;display:flex}.quest{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.quest-text{flex-direction:column;flex:1;gap:4px;display:flex}.quest-text small{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.quest-text small .coin{width:12px;height:12px}.quest .bar.wide{width:100%}.quest.done{border-color:var(--primary)}.quest.claimed{opacity:.5}.modal-wrap{z-index:15;background:#0000008c;justify-content:center;align-items:center}.modal{text-align:center;width:min(420px,100%);padding:22px 24px;animation:.25s ease-out rise}.modal h2{font-family:var(--display);margin:0 0 8px;font-size:26px;font-weight:400}.modal p{color:var(--muted);margin:0 0 16px;font-weight:600;line-height:1.45}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.modal p.modal-note{margin-top:-8px;font-size:12px}.legal-link{color:var(--primary);font-weight:700;text-decoration:underline}.hint.legal{margin-top:6px;font-size:11px}.rw.pass-up b{color:var(--primary)}.qlist{border-top:1px solid var(--line);flex-direction:column;gap:3px;margin-top:6px;padding-top:6px;display:flex}.qlist small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.qline{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.qline.done b{color:var(--good)}@media (max-width:720px){.gear-row{grid-template-columns:1fr auto}.pips,.gear-bonus{grid-column:1/-1}.meta-wallet{margin-left:0}.wallet small{display:none}}@media (max-height:500px){.meta-nav{margin-top:6px}.meta-nav button{padding:5px 12px;font-size:14px}.pcell{height:84px}.days{grid-template-columns:repeat(7,minmax(0,1fr))}}.league{background:color-mix(in srgb, var(--lc) 22%, #00000073);border:1px solid color-mix(in srgb, var(--lc) 70%, transparent);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:13px;font-weight:800;display:inline-flex}.league i{background:linear-gradient(135deg, #fff, var(--lc));width:14px;height:14px;box-shadow:0 0 8px var(--lc);border-radius:3px;transform:rotate(45deg)}.league b{color:var(--lc);font-variant-numeric:tabular-nums}.league.big{border-radius:18px;flex-direction:column;gap:4px;padding:10px 18px 10px 14px;font-size:18px}.league.big i{border-radius:7px;width:34px;height:34px;margin:6px 0}.league.big b{font-family:var(--display);font-size:26px;font-weight:400}.league-btn{pointer-events:auto}.nav-gap{width:10px}.party-bar{pointer-events:auto;background:color-mix(in srgb, var(--secondary) 25%, #00000073);border:1px solid color-mix(in srgb, var(--secondary) 60%, transparent);border-radius:12px;align-items:center;gap:10px;max-width:100%;margin-top:8px;padding:6px 8px 6px 14px;font-size:13px;font-weight:700;display:inline-flex}.party-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn.play:disabled{filter:grayscale(.7);box-shadow:none}.btn.play:disabled:after{display:none}.invite{top:calc(70px + var(--safe-t));z-index:25;pointer-events:auto;max-width:calc(100% - 32px);position:fixed;left:50%;transform:translate(-50%)}.invite-card{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:700;animation:.3s ease-out rise;display:flex}.hud-spec{bottom:calc(18px + var(--safe-b));pointer-events:auto;background:#00000080;border-radius:14px;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-spec b{color:var(--primary)}.friend{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.friend .n{flex-direction:column;flex:1;min-width:0;font-weight:700;display:flex}.friend .n small{color:var(--muted);font-size:12px;font-weight:600}.friend em,.row em,.clan-head em{color:var(--secondary);font-style:normal}.dot{background:#ffffff40;border-radius:50%;flex:none;width:10px;height:10px}.dot.on{background:var(--good);box-shadow:0 0 8px var(--good)}.dot.busy{background:var(--primary);box-shadow:0 0 8px var(--primary)}.friend-code{background:#00000047;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.friend-code small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;display:block}.friend-code b{font-family:var(--display);letter-spacing:.12em;color:var(--primary);font-size:30px;font-weight:400}.inline-form{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.inline-form input{pointer-events:auto;min-width:120px;font:inherit;color:#fff;border:1px solid var(--line);text-transform:none;background:#00000059;border-radius:10px;flex:1;padding:9px 12px;font-weight:700}.inline-form input:focus{outline:2px solid var(--primary);outline-offset:1px}.inline-form .tag-input{text-transform:uppercase;flex:0 0 90px;min-width:0}.party-box{background:color-mix(in srgb, var(--secondary) 14%, transparent);border:1px solid color-mix(in srgb, var(--secondary) 45%, transparent);border-radius:14px;margin:10px 0;padding:4px 12px 12px}.rank-card{background:#00000047;border-radius:16px;flex-wrap:wrap;align-items:center;gap:18px;padding:14px;display:flex}.rank-info{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.rank-info small{color:var(--muted);font-size:12px;font-weight:700}.theme-chips.left{justify-content:flex-start;margin:10px 0}.ladder .row{background:#ffffff0a;margin-bottom:3px}.ladder .row .lg{color:var(--muted);text-align:right;width:110px;font-size:12px}.ladder .row .k{text-align:right;width:70px}.btn.sm.more{letter-spacing:1px;flex:none;justify-content:center;min-width:40px;min-height:34px;padding:6px 10px;font-size:14px}.clan-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.clan-head h3{font-family:var(--display);margin:0;font-size:26px;font-weight:400}.clan-head small{color:var(--muted);font-weight:700}.clan-forms{flex-direction:column;gap:4px;display:flex}.rw.rating{align-items:center}.rw.rating b.up{color:var(--good)}.rw.rating b.down{color:var(--bad)}@media (max-width:640px){.ladder .row .lg,.nav-gap{display:none}}.tutorial{top:calc(70px + var(--safe-t));pointer-events:none;z-index:4;width:min(460px,100% - 32px);position:fixed;left:50%;transform:translate(-50%)}.tut-card{background:var(--panel);border:2px solid var(--primary);-webkit-backdrop-filter:blur(10px);text-align:center;border-radius:16px;flex-direction:column;gap:4px;padding:12px 16px;animation:.3s ease-out rise;display:flex;box-shadow:0 10px 30px #00000059}.tut-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.tut-card b{font-family:var(--display);color:var(--primary);font-size:26px;font-weight:400}.tut-card span{font-weight:600;line-height:1.4}.tut-dots{justify-content:center;gap:5px;margin-top:4px;display:flex}.tut-dots i{background:#ffffff2e;border-radius:3px;width:22px;height:5px}.tut-dots i.done{background:var(--good)}.tut-dots i.on{background:var(--primary)}.tut-card.done{border-color:var(--good)}.tut-card.done b{color:var(--good)}body.is-touch .tutorial{top:calc(48px + var(--safe-t));width:min(340px,41vw)}body.is-touch .tut-card{background:#141032c7;gap:1px;padding:4px 10px 5px}body.is-touch .tut-card b{font-size:16px}body.is-touch .tut-card span{font-size:11.5px;line-height:1.25}body.is-touch .tut-card small{font-size:9.5px}body.is-touch .tut-dots{margin-top:2px}body.is-touch .tut-dots i{width:14px;height:4px}body:has(.tutorial .tut-card) .hud-rank{display:none}.tut-card.flash{animation:.6s ease-out tutflash}@keyframes tutflash{0%{box-shadow:0 0 0 6px var(--primary);transform:scale(1.12)}to{box-shadow:none;transform:scale(1)}}@media (max-height:500px){.tut-card b{font-size:20px}.tut-card span{font-size:13px}}.avatar{place-items:center;display:grid;overflow:hidden}.avatar img{width:92%;height:92%;image-rendering:pixelated;transform:translateY(6%)scale(1.25)}.reticle{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000059}.reticle:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.hud-controls{left:calc(18px + var(--safe-l));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;width:250px;padding:12px 14px;animation:.3s ease-out rise;position:absolute;top:50%;transform:translateY(-50%)}.hud-controls>b{font-family:var(--display);color:var(--primary);font-size:20px;font-weight:400}.hud-controls small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.controls-list{text-align:left;grid-template-columns:auto 1fr;gap:3px 12px;margin:8px 0;font-size:13px;display:grid}.controls-list dt{color:var(--muted);font-weight:700}.controls-list dd{margin:0;font-weight:800}.pause-card .controls-list{margin:4px 0 8px;font-size:14px}.tut-keys{justify-content:center;gap:6px;margin:4px 0 2px;display:flex}.tut-keys kbd{color:#1b1300;background:linear-gradient(#fff,#e6e6e6);border-radius:8px;min-width:34px;padding:6px 10px;font:800 15px Inter,sans-serif;box-shadow:0 3px #9a9a9a,0 4px 10px #0000004d}.tut-hint{color:#ffb3b3;min-height:0;max-height:0;font-style:normal;font-weight:800;transition:max-height .2s;display:block;overflow:hidden}.tut-hint.on{max-height:3em}*,:before,:after{-webkit-backdrop-filter:none!important}@media (max-height:420px){.screen{padding-top:calc(6px + var(--safe-t));padding-bottom:calc(6px + var(--safe-b))}.topbar{gap:6px}.profile-chip{padding:3px 10px 3px 3px}.profile-chip .lvl{width:28px;height:28px;font-size:14px}.wallet,.icon-btn,.league{padding:4px 10px;font-size:12px}.meta-nav{gap:4px;margin-top:4px}.meta-nav button{border-radius:9px;padding:4px 9px;font-size:12px}.party-bar{margin-top:4px;padding:3px 6px 3px 10px}.menu-body{gap:5px;padding-top:0}.title-block h1{font-size:26px}.title-block p{display:none}.theme-chips .chip,.mode-chips .chip{padding:4px 10px;font-size:12px}.mode-chips{margin-top:0}.event-banner{margin-top:0;padding:2px 10px;font-size:11px}.heroes{flex-wrap:nowrap;gap:6px}.hero-card{border-radius:12px;width:128px;padding:5px 8px}.hero-card .avatar{width:26px;height:26px;margin-bottom:2px}.hero-name{font-size:14px}.hero-role{margin-bottom:0;font-size:10.5px}.stat{margin-top:1px;font-size:10.5px}.stat .bar{width:56px;height:4px}.menu .btn.play{margin-top:0;padding:8px 34px;font-size:18px}.menu .btn.ghost{padding:8px 16px;font-size:14px}.tutorial .tut-card span{font-size:12px}}.tb{flex-direction:column;gap:0}.tb svg{width:40%;height:40%}.tb-label{letter-spacing:.06em;text-shadow:0 1px 2px #0009;pointer-events:none;margin-top:1px;font:900 10px Inter,sans-serif}.tb-attack .tb-label{font-size:11px}