@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/394054bac8398f3a-s.2r9n_8k5rphk7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dcec0ca6851bfaf8-s.0yz2getvmdd1b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0fc967cca4b01637-s.p.3lrxy616kbolt.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bangers Fallback;src:local(Arial);ascent-override:107.26%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:82.32%}.vklzYG_className{font-family:Bangers,Bangers Fallback;font-style:normal;font-weight:400}.vklzYG_variable{--font-display:"Bangers", "Bangers Fallback"}
@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ccdf5884e6e790ac-s.1u4_mr25-cb5d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d09987fb9c517613-s.2jny1-sq2d3du.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(../media/53014c1e5b05d2a0-s.p.2yv0x3fl1lx-2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/faf0ba13a9b77e21-s.2fioesscdlje9.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/532f92d7191efd22-s.127648tdir4t3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2f5ab95dda9b8994-s.p.0f-06iwkhr2jz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2f912b2dd3457f1d-s.3350r5fxyxk06.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/745e54b7b6cf8c40-s.3ijeh6eokbi46.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2f06f7ffc75f4123-s.p.3gjg6tthudz5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani Fallback;src:local(Arial);ascent-override:102.12%;descent-override:37.99%;line-gap-override:0.0%;size-adjust:91.07%}.KocRGq_className{font-family:Rajdhani,Rajdhani Fallback;font-style:normal}.KocRGq_variable{--font-ui:"Rajdhani", "Rajdhani Fallback"}
:root{--bg:#07090f;--steel-1:#1b2130;--steel-2:#11151f;--steel-3:#0b0e15;--glass:#121724b8;--glass-hi:#ffffff0f;--line:#a0b4dc29;--line-hi:#c8d7ff52;--text:#eef2fb;--muted:#8f9ab3;--gold:#f6c544;--gold-2:#d99a1a;--neon:#3df2ff;--pink:#ff4fd8;--red:#ff4d5e;--green:#4be39a;--hero:#f6c544;--panel:#10141feb;--display:var(--font-display), Impact, sans-serif;--ui:var(--font-ui), system-ui, sans-serif;--cut:14px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--ui);font-weight:600;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input{font:inherit}.muted{color:var(--muted);font-weight:500}.small{font-size:13px}.logo{filter:drop-shadow(0 4px 10px #0009);display:block}.error{color:var(--red);font-weight:600}.app{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.app.boot{justify-content:center;align-items:center}.app-bg{z-index:-1;background:radial-gradient(70% 50% at 50% -10%,#506ebe47,#0000 70%),radial-gradient(60% 60% at 85% 110%,#ff4fd81a,#0000 70%),repeating-linear-gradient(115deg,#ffffff03 0 2px,#0000 2px 7px),linear-gradient(#0c111c 0%,#07090f 60%,#05060a 100%);position:fixed;inset:0}.app-bg:after{content:"";background-image:linear-gradient(#7896dc0d 1px,#0000 1px),linear-gradient(90deg,#7896dc0d 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%)}.screen{flex-direction:column;flex:1;gap:16px;width:100%;max-width:1320px;margin:0 auto;padding:18px 24px 28px;animation:.35s both screenIn;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--ui);letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-size:13px;font-weight:700}.headline-xl{font-family:var(--display);letter-spacing:2px;color:#fff;background:linear-gradient(#fff 0%,#dfe6f5 45%,#9aa6c0 55%,#f3f6ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #000) drop-shadow(0 0 22px color-mix(in srgb, var(--hero) 55%, transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,8vw,96px);font-weight:400;line-height:.95}.headline-xl.lose{background:linear-gradient(#ffb3ba,#ff4d5e 55%,#a3121f);filter:drop-shadow(0 3px #000)drop-shadow(0 0 22px #ff4d5e80);-webkit-background-clip:text;background-clip:text}.headline-l{font-family:var(--display);letter-spacing:1.5px;color:var(--hero);text-shadow:0 0 18px color-mix(in srgb, var(--hero) 60%, transparent), 0 3px 0 #000;font-size:44px}.tagline{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:0 0 4px;font-size:17px}.hint{color:var(--muted);margin:-6px 0 0;font-weight:500}.gpanel{background:linear-gradient(180deg, #222a3e9e, var(--glass));border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:inset 0 1px 0 var(--glass-hi), 0 18px 50px -20px #000c;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));border-radius:6px;padding:18px;position:relative}.gpanel:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hero) 70%, #fff 0%), transparent);opacity:.6;height:2px;position:absolute;inset:0 0 auto}.btn{--b1:#2a3247;--b2:#161b28;background:linear-gradient(180deg, var(--b1), var(--b2));border:1px solid var(--line-hi);font-family:var(--ui);letter-spacing:1.5px;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:700;transition:filter .15s,transform .1s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1f}.btn:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4}.btn.big{padding:14px 34px;font-size:20px}.btn.primary{--b1:#ffe08a;--b2:#e2a321;color:#1a1204;text-shadow:0 1px #fff6;border-color:#fff3c4;box-shadow:inset 0 1px #ffffffb3,0 0 26px #f6c54459}.btn.primary.danger{--b1:#ff8a95;--b2:#c8202f;color:#fff;text-shadow:0 1px #0006;border-color:#ffc2c8;box-shadow:0 0 26px #ff4d5e59}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}a.btn{color:inherit;justify-self:start;text-decoration:none}.trophy,.token{font-family:var(--ui);white-space:nowrap;align-items:center;gap:5px;font-size:15px;font-weight:700;display:inline-flex}.trophy{color:var(--gold)}.token{color:#ffd76a}.token svg.token-icon{filter:drop-shadow(0 1px 2px #0009);width:auto;height:auto}.trophy svg{width:15px;height:15px}.trophy.big,.token.big{font-size:20px}.trophy.big svg{width:20px;height:20px}.classbadge{border:1px solid color-mix(in srgb, var(--cls) 60%, transparent);background:color-mix(in srgb, var(--cls) 14%, transparent);color:var(--cls);letter-spacing:1.5px;text-transform:uppercase;border-radius:3px;align-items:center;gap:6px;margin:0 2px;padding:3px 10px 3px 8px;font-size:13px;font-weight:700;display:inline-flex}.classbadge i{background:var(--cls);width:9px;height:9px;box-shadow:0 0 8px var(--cls);transform:rotate(45deg)}.classbadge.small{padding:1px 8px 1px 6px;font-size:11px}.classbadge.small i{width:7px;height:7px}.rankchip{letter-spacing:2px;text-transform:uppercase;color:var(--rank);border:1px solid color-mix(in srgb, var(--rank) 55%, transparent);background:color-mix(in srgb, var(--rank) 10%, transparent);border-radius:3px;padding:1px 8px;font-size:12px;font-weight:700}.edge{border-radius:3px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:inline-grid}.edge.up{color:var(--green);background:#4be39a2e;border:1px solid #4be39a80}.edge.down{color:var(--red);background:#ff4d5e2e;border:1px solid #ff4d5e80}.hp-tag{color:#ff8a8a;letter-spacing:1px;font-size:13px;font-weight:700}.topbar{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;display:grid}.topbar h2{font-family:var(--display);letter-spacing:2px;text-shadow:0 3px #000;margin:0;font-size:38px;font-weight:400}.topbar-right{justify-content:flex-end;align-items:center;gap:14px;display:flex}.back{border:1px solid var(--line-hi);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#252c3f,#12161f);width:44px;height:44px;font-size:32px;line-height:1}.back:hover{filter:brightness(1.3)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:12px;display:grid}.hcard{aspect-ratio:10/13;isolation:isolate;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:0 0;border:0;width:100%;padding:0;transition:transform .15s;display:block;position:relative}.hcard:before{content:"";z-index:-2;background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--hero) 45%, transparent), transparent 65%), linear-gradient(180deg, #1f2638 0%, #0d1018 100%);position:absolute;inset:0}.hcard:after{content:"";z-index:2;pointer-events:none;border:1px solid color-mix(in srgb, var(--cls) 45%, #ffffff26);clip-path:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -60px 50px -30px #000000e6}.hcard:not(:disabled):hover,.hcard.sel{transform:translateY(-3px)}.hcard.sel:after{border:2px solid var(--gold);box-shadow:inset 0 0 24px #f6c54459,inset 0 -60px 50px -30px #000000e6}.hcard.locked .hcard-art{filter:grayscale(.85)brightness(.55)}.hcard.dim{opacity:.4}.hcard:disabled{cursor:default}.hcard-art{z-index:-1;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.hcard-art .portrait{aspect-ratio:10/13;width:100%!important;height:auto!important}.hcard-top{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:8px;right:8px}.hcard-cls{border:1px solid var(--cls);background:#0000008c;place-items:center;width:22px;height:22px;margin:2px;display:grid;transform:rotate(45deg)}.hcard-cls i{background:var(--cls);width:8px;height:8px;box-shadow:0 0 8px var(--cls)}.hcard-tag{letter-spacing:1.5px;background:var(--gold);color:#1a1204;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);margin-left:auto;padding:2px 7px;font-size:11px;font-weight:800}.hcard-foot{z-index:3;text-align:left;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px 9px;display:flex;position:absolute;bottom:0;left:0;right:0}.hcard-name{font-family:var(--display);letter-spacing:1px;color:#fff;text-shadow:0 2px 0 #000, 0 0 12px color-mix(in srgb, var(--hero) 70%, transparent);font-size:22px;line-height:1}.hcard.sm .hcard-name{font-size:18px}.hcard.lg{width:200px}.hcard.lg .hcard-name{font-size:28px}.lock{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:12px}.heroinfo{text-align:left;flex-direction:column;gap:12px;display:flex}.heroinfo-head{align-items:center;gap:14px;display:flex}.heroinfo-name{font-family:var(--display);letter-spacing:1px;color:var(--hero);text-shadow:0 2px #000;font-size:34px;line-height:1}.heroinfo-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.heroinfo-rank{grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;display:grid}.heroinfo-rank .rankbar{grid-column:1/-1}.rankbar{background:#ffffff14;border-radius:1px;height:6px;overflow:hidden}.rankbar i{height:100%;display:block;box-shadow:0 0 10px}.moves{gap:8px;display:grid}.moves>div{border-left:3px solid color-mix(in srgb, var(--hero) 70%, transparent);background:#ffffff09;padding:8px 12px}.moves b{letter-spacing:1px;text-transform:uppercase;font-size:14px}.moves p{color:var(--muted);margin:2px 0 0;font-size:14px;font-weight:500;line-height:1.35}.moves .super{border-left-color:var(--gold);background:#f6c5440f}.moves .super b{color:var(--gold)}.heroinfo.compact .moves p{font-size:13px}.stats{grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.statbar{color:var(--muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:13px;display:flex}.statbar div{gap:3px;display:flex}.statbar i{background:#ffffff1a;width:16px;height:7px;transform:skew(-20deg)}.statbar i.on{background:var(--hero);box-shadow:0 0 6px var(--hero)}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field span{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:12px}.field input{border:1px solid var(--line-hi);color:var(--text);background:#00000059;outline:none;padding:11px 12px;font-size:17px;font-weight:600}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f6c54426}form{flex-direction:column;gap:12px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:0;margin-bottom:14px;display:flex}.tabs button{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px;font-weight:700}.tabs button.on{color:var(--gold);border-bottom-color:var(--gold)}.home{gap:10px;max-width:1400px}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font-family:var(--display);letter-spacing:2px;background:linear-gradient(#fff,#b9c3da 55%,#fff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #000)drop-shadow(0 0 14px #78a0ff66);-webkit-background-clip:text;background-clip:text;font-size:34px}.hud-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.player-chip{border:1px solid var(--line-hi);text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:linear-gradient(#283046cc,#10141ecc);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.player-chip b{letter-spacing:1px;font-size:17px;display:block}.player-chip small{color:var(--muted);font-size:12px;font-weight:500;display:block}.hud-stat{border:1px solid var(--line);background:#00000059;align-items:center;gap:8px;padding:8px 14px;display:flex}.home-body{flex:1;grid-template-columns:minmax(300px,1fr) minmax(340px,560px);align-items:center;gap:24px;display:grid}.showcase{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.showcase-glow{background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--hero) 45%, transparent), transparent 65%);filter:blur(10px);z-index:-1;position:absolute;inset:10% 15% 22%}.showcase:after{content:"";z-index:-1;background:radial-gradient(#000000b3,#0000 70%);height:30px;position:absolute;top:64%;left:20%;right:20%}.showcase-name{flex-direction:column;align-items:center;gap:2px;margin-top:-10px;display:flex}.showcase-name b{font-family:var(--display);letter-spacing:2px;color:var(--hero);text-shadow:0 3px 0 #000, 0 0 22px color-mix(in srgb, var(--hero) 60%, transparent);font-size:46px;line-height:1}.rank-progress{letter-spacing:1px;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(320px,90%);font-size:13px;font-weight:700;display:grid}.modes{flex-direction:column;gap:12px;display:flex}.mode-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-tile{--t1:#283049;--t2:#121722;--accent:var(--neon);text-align:left;border:1px solid var(--line-hi);background:linear-gradient(110deg, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 55%), linear-gradient(180deg, var(--t1), var(--t2));clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));flex-direction:column;align-items:flex-start;gap:2px;padding:18px 20px;transition:transform .15s,filter .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.mode-tile:after{content:"";background:linear-gradient(100deg,#0000,#ffffff1f,#0000);width:40%;transition:left .5s;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.mode-tile:hover{filter:brightness(1.15);transform:translateY(-2px)}.mode-tile:hover:after{left:120%}.mode-tile b{font-family:var(--display);letter-spacing:1.5px;text-shadow:0 2px #000;font-size:30px;font-weight:400;line-height:1.05}.mode-tile small{color:var(--muted);font-size:14px;font-weight:500}.mode-row.small .mode-tile{padding:12px 16px}.mode-row.small .mode-tile b{font-size:22px}.mt-kicker{letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.mt-kicker.live:before{content:"";background:var(--red);width:7px;height:7px;box-shadow:0 0 8px var(--red);border-radius:50%;margin-right:6px;animation:1.2s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}.hero-tile{--accent:var(--gold);padding:26px 24px}.hero-tile b{font-size:44px}.mode-tile.arena{--accent:#b48cff}.mode-tile.duel{--accent:var(--red)}.dock{grid-template-columns:1fr 1fr 2fr 1fr;gap:10px;display:grid}.dock>button{border:1px solid var(--line);text-align:left;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(#242c40bf,#0e121bbf);flex-direction:column;align-items:flex-start;gap:0;padding:12px 16px;display:flex}.dock>button:hover{filter:brightness(1.2)}.dock b{letter-spacing:1.5px;text-transform:uppercase;font-size:17px}.dock small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:500;overflow:hidden}.dock-arenas{flex-wrap:wrap;align-items:center;gap:12px;display:flex;padding:10px 14px!important}.dock-arena{letter-spacing:1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.dock-arena i{border:1px solid var(--arena);width:10px;height:10px;transform:rotate(45deg)}.dock-arena.open{color:var(--text)}.dock-arena.open i{background:var(--arena);box-shadow:0 0 8px var(--arena)}.starter-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.starter-body,.heroes-body,.pick-layout{grid-template-columns:1fr 380px;align-items:start;gap:18px;display:grid}.starter-side,.heroes-side,.pick-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:16px}.team-reveal{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.reveal-card{flex-direction:column;align-items:center;gap:10px;animation:.5s cubic-bezier(.2,1.4,.4,1) both dealIn;display:flex}@keyframes dealIn{0%{opacity:0;transform:translateY(30px)rotate(-4deg)scale(.9)}}.wheel-wrap{width:340px;height:340px;margin:10px auto;position:relative}.wheel{box-shadow:0 0 0 2px var(--gold), 0 0 50px #f6c54440, inset 0 0 40px #0009;border:6px solid #2a3247;border-radius:50%;position:absolute;inset:0}.wheel-slot{width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.wheel-line{transform-origin:50% 100%;background:#ffffff2e;width:2px;height:50%;margin-left:-1px;position:absolute;top:0;left:50%}.wheel-pointer{z-index:2;border:16px solid #0000;border-top:30px solid var(--gold);filter:drop-shadow(0 3px 4px #000);border-bottom:0;margin-left:-16px;position:absolute;top:-14px;left:50%}.wheel-hub{z-index:2;color:#1a1204;width:92px;height:92px;font-family:var(--display);letter-spacing:2px;background:radial-gradient(circle at 40% 35%,#ffe9a6,#e2a321 70%);border:3px solid #fff3c4;border-radius:50%;margin:-46px 0 0 -46px;font-size:26px;position:absolute;top:50%;left:50%;box-shadow:0 0 30px #f6c54480}.wheel-hub:disabled{opacity:.8}.wheel-owned{justify-content:center;gap:10px;display:flex}.wheel-owned .hcard{width:112px}.won-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03050abf;place-items:center;animation:.3s both screenIn;display:grid;position:fixed;inset:0}.won-card{background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--hero) 30%, transparent), transparent 70%), linear-gradient(180deg, #1c2334, #0b0e15);border:1px solid var(--line-hi);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));flex-direction:column;align-items:center;gap:8px;padding:26px 40px;animation:.6s cubic-bezier(.2,1.4,.4,1) both dealIn;display:flex}.classloop{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.classloop-step{align-items:center;gap:4px;display:inline-flex}.classloop-step b{color:var(--muted)}.classloop .muted{text-align:center;flex-basis:100%}.heroes-portrait{background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--hero) 35%, transparent), transparent 70%);justify-content:center;margin:-8px -8px 0;display:flex}.unlock-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setup-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.setup-grid .gpanel{flex-direction:column;gap:12px;display:flex}.rounds{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.round-tile{border:1px solid var(--line-hi);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(#232a3d,#10141d);flex-direction:column;align-items:center;gap:2px;padding:14px 8px;display:flex}.round-tile b{font-family:var(--display);font-size:46px;font-weight:400;line-height:1}.round-tile span{letter-spacing:2px;text-transform:uppercase;font-size:13px}.round-tile small{color:var(--muted);text-align:center;font-size:12px;font-weight:500}.round-tile.on{border-color:var(--gold);background:linear-gradient(#f6c54440,#f6c5440a);box-shadow:inset 0 0 20px #f6c54426}.round-tile.on b{color:var(--gold)}.round-tile:disabled{opacity:.4}.seg{border:1px solid var(--line-hi);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.seg button{letter-spacing:1.5px;text-transform:uppercase;background:#00000040;border:0;flex-direction:column;align-items:center;padding:10px 6px;font-weight:700;display:flex}.seg button+button{border-left:1px solid var(--line)}.seg button small{color:var(--muted);letter-spacing:.5px;font-size:11px;font-weight:500}.seg button.on{color:var(--gold);background:linear-gradient(#f6c5444d,#f6c54414)}.arena-picker{gap:8px;display:grid}.arena-tile{text-align:left;border:1px solid var(--line);background:#00000040;grid-template-rows:auto auto;grid-template-columns:70px 1fr;align-items:center;gap:0 12px;padding:8px;display:grid;position:relative}.arena-tile.on{border-color:var(--arena);box-shadow:inset 0 0 0 1px var(--arena), 0 0 20px -6px var(--arena)}.arena-tile:disabled{opacity:.55}.arena-art{border:1px solid #ffffff26;grid-row:1/3;width:70px;height:44px}.arena-tile.rooftop .arena-art{background:linear-gradient(#170a33 0%,#3a1258 55%,#ff4fd8 57%,#0a0616 60%,#1a0e30 100%)}.arena-tile.forge .arena-art{background:radial-gradient(circle at 20% 40%,#ffb74d 0 3px,#0000 4px),radial-gradient(circle at 80% 40%,#ffb74d 0 3px,#0000 4px),linear-gradient(#2a0c05 0%,#7a2a08 60%,#ff7a1e 70%,#3a2a24 75%,#120a08 100%)}.arena-tile.sanctum .arena-art{background:radial-gradient(circle at 30% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 70% 20%,#fff 0 1px,#0000 2px),linear-gradient(#02030f 0%,#25306e 60%,#c9d2ee 72%,#1d2348 100%)}.arena-name{letter-spacing:1px;text-transform:uppercase;color:var(--arena);font-weight:700}.arena-desc{color:var(--muted);font-size:13px;font-weight:500}.arena-lock{position:absolute;top:10px;right:10px}.quick-vs{justify-content:center;align-items:center;gap:20px;display:flex}.quick-slot{border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:#0000004d;flex-direction:column;align-items:center;gap:4px;min-width:190px;padding:12px;display:flex}.quick-slot.on{border-color:var(--gold);box-shadow:inset 0 0 22px #f6c5442e}.quick-slot b{font-family:var(--display);letter-spacing:1px;font-size:26px;font-weight:400}.vs{font-family:var(--display);color:var(--gold);text-shadow:0 3px #000,0 0 18px #f6c54480;font-size:44px}.actionbar{z-index:5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a0d1499,#0a0d14f2);justify-content:space-between;align-items:center;gap:14px;margin:0 -8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.actionbar.end{justify-content:flex-end}.team-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.strip-item{align-items:center;gap:6px;display:inline-flex}.scoreline{letter-spacing:1px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex}.scoreline b{font-family:var(--display);color:#fff;text-shadow:0 3px #000;font-size:46px;font-weight:400;line-height:1}.scoreline .me{color:var(--gold);text-transform:uppercase}.scoreline .them{color:#ff8a95;text-transform:uppercase}.scoreline .dash{color:var(--muted);font-size:30px}.rivalchip{border:1px solid var(--line-hi);background:#00000059;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.rc-kind{letter-spacing:2px;text-transform:uppercase;color:#1a1204;background:var(--gold);padding:1px 6px;font-size:11px;font-weight:800}.teamsview{flex-direction:column;gap:6px;display:flex}.teamsview>div{align-items:center;gap:6px;display:flex}.teamsview>div>.muted{text-align:right;text-transform:uppercase;letter-spacing:1px;min-width:70px;margin-right:4px}.tv-item{position:relative}.tv-item.used{opacity:.3;filter:grayscale()}.tv-item.banned{opacity:.35;filter:grayscale()}.tv-item.banned:after{content:"✕";color:var(--red);place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;inset:0}.mini-team{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.mini{flex-direction:column;align-items:center;gap:2px;font-size:13px;display:flex}.ban-row{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.ban-card{flex-direction:column;align-items:center;gap:10px;display:flex}.banned-card{width:150px;position:relative}.banned-card .hcard-art{filter:grayscale(.7)brightness(.6)}.banned-card .x{color:var(--red);text-shadow:0 0 20px var(--red);pointer-events:none;place-items:center;font-size:110px;display:grid;position:absolute;inset:0}.spinner{border:4px solid #ffffff1a;border-top-color:var(--gold);border-radius:50%;width:54px;height:54px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wait-text{letter-spacing:1px;font-size:20px}.msg{flex-direction:column;align-items:center;gap:10px;max-width:520px;display:flex}.msg h2,.queue h2{font-family:var(--display);letter-spacing:1px;margin:0;font-size:34px;font-weight:400}.results{gap:18px}.res-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.res-side{opacity:.75;border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(#222a3eb3,#0c0f17d9);flex-direction:column;align-items:center;gap:6px;min-width:260px;padding:20px 26px;display:flex}.res-side.won{opacity:1;border-color:var(--hero);box-shadow:inset 0 0 40px -10px var(--hero)}.res-stats{color:var(--muted);gap:14px;margin-top:4px;font-size:14px;display:flex}.res-stats b{color:#fff}.rewards{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.delta{font-family:var(--display);align-items:center;gap:10px;font-size:30px;display:inline-flex}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.row-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.series-log{flex-direction:column;gap:6px;min-width:min(520px,100%);display:flex}.log-row{border-left:3px solid var(--muted);background:#ffffff0a;grid-template-columns:30px 36px 1fr 30px 1fr 36px;align-items:center;gap:10px;padding:6px 12px;display:grid}.log-row>span:nth-child(3){text-align:left}.log-row>span:nth-child(5){text-align:right}.log-row.won{border-left-color:var(--green)}.log-row.lost{border-left-color:var(--red)}.log-row b{font-family:var(--display);font-size:22px}.account-body{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;width:100%;max-width:900px;margin:0 auto;display:grid}.account-card{flex-direction:column;gap:10px;display:flex}.account-card h2{letter-spacing:1px;margin:0;font-size:24px}.sync{color:var(--green);margin:0;font-size:14px}.board{flex-direction:column;gap:4px;width:100%;max-width:860px;margin:0 auto;display:flex}.board-row{background:#ffffff08;grid-template-columns:44px 38px 1fr auto auto 90px;align-items:center;gap:12px;padding:8px 12px;display:grid;position:relative;overflow:hidden}.board-row.me{background:#f6c5441f;outline:1px solid #f6c54466}.board-row .pos{font-family:var(--display);text-align:center;color:var(--muted);font-size:26px}.board-row.top1 .pos{color:#ffd54f}.board-row.top2 .pos{color:#cfd8dc}.board-row.top3 .pos{color:#d7a26b}.board-row .bname{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.board-row .trophy{justify-self:end}.rk-line{width:3px;position:absolute;top:0;bottom:0;left:0}.nologo{width:38px;height:38px}.queue{flex-direction:column;align-items:center;gap:12px;max-width:560px;display:flex}.radar{width:120px;height:120px;margin:8px 0;position:relative}.radar i{border:2px solid var(--gold);opacity:0;border-radius:50%;animation:2.4s ease-out infinite radar;position:absolute;inset:0}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.toast{z-index:50;border:1px solid var(--gold);letter-spacing:1px;text-align:center;background:linear-gradient(#2a3247,#121722);max-width:calc(100% - 32px);padding:12px 22px;font-weight:700;animation:.25s both screenIn;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0009}.fight{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.stage{aspect-ratio:16/9;width:min(100%,177.778vh - 195.556px);position:relative}.canvas{width:100%;height:100%;box-shadow:0 20px 60px #0009, 0 0 0 1px var(--line);touch-action:none;background:#000;border-radius:14px;display:block}.pausebtn{border:1px solid var(--line);opacity:.6;background:#00000080;border-radius:10px;width:38px;height:38px;font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pausebtn:hover{opacity:1}.overlay{background:#05030cb3;border-radius:14px;place-items:center;display:grid;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;gap:12px;min-width:260px;padding:24px 32px;display:flex}.panel h2{font-family:var(--display);margin:0 0 6px;font-size:40px;font-weight:400}.legend{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:14px;display:flex}.legend>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.legend b{color:#fff;font-family:var(--display);letter-spacing:1px;font-size:18px;font-weight:400}kbd{color:#fff;min-width:22px;font-family:var(--ui);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-bottom-width:2px;border-radius:5px;margin-right:3px;padding:1px 6px;font-size:13px;display:inline-block}.touch{pointer-events:none;justify-content:space-between;padding:10px;display:flex;position:absolute;inset:auto 0 0}.tleft,.tright{pointer-events:auto;align-items:flex-end;gap:8px;display:flex}.tbtn{width:58px;height:58px;font-family:var(--display);letter-spacing:1px;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff24;border:2px solid #ffffff4d;border-radius:50%;font-size:15px}.tbtn:active{background:#ffffff4d}.tbtn.wide{border-radius:16px;width:74px}.tbtn.big{background:#ff4fd84d;width:76px;height:76px;font-size:20px}.tbtn.super{background:#ffc93c4d}.panel{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border-radius:0!important}.portrait{display:block}.portrait-wrap{background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--hero) 30%, transparent), transparent 70%), linear-gradient(180deg, #121828, #0b0e15);border:1px solid var(--line);justify-content:center;margin:-6px -6px 12px;display:flex;position:relative}.roster{max-width:1320px;margin:0 auto;padding:16px 20px 40px}.roster-head{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:14px;display:grid}.roster-head>:last-child{justify-self:end}.roster-head h1{font-family:var(--display);letter-spacing:2px;margin:0;font-size:44px;font-weight:400}.roster-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.roster-card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--hero);border-radius:14px;padding:12px;position:relative}.roster-card .portrait-wrap{margin:0 0 10px;overflow:hidden}.roster-card .portrait{aspect-ratio:220/260;width:100%!important;height:auto!important}.roster-meta{align-items:center;gap:10px;display:flex}.roster-meta .muted{font-size:13px}.roster-name{font-family:var(--display);color:var(--hero);letter-spacing:1px;font-size:26px;line-height:1}.new{z-index:1;font-family:var(--display);background:var(--hero);color:#111;border-radius:6px;padding:2px 8px;font-size:15px;position:absolute;top:18px;left:18px}@media (max-width:1000px){.roster-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.home-body{grid-template-columns:1fr}.showcase .portrait{width:220px!important;height:279px!important}.starter-body,.heroes-body,.pick-layout,.setup-grid{grid-template-columns:1fr}.starter-side,.heroes-side,.pick-side{position:static}.dock{grid-template-columns:1fr 1fr}.dock-arenas{order:3;grid-column:1/-1}}@media (max-width:620px){.screen{padding:12px 16px 20px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.hcard-name{font-size:16px}.mode-row{grid-template-columns:1fr}.hero-tile b{font-size:34px}.topbar h2{font-size:26px}.board-row{grid-template-columns:34px 32px 1fr auto 70px}.hide-sm{display:none}.actionbar{flex-direction:column;align-items:stretch}.btn.big{padding:12px 20px;font-size:17px}.wheel-wrap{transform:scale(.85)}.quick-slot{flex:1;min-width:0}.rounds{gap:6px}.log-row{grid-template-columns:26px 30px 1fr 22px 1fr 30px;font-size:14px}}
.fight .stage{position:relative}.fight .stage .pausebtn{z-index:6}.fight-overlay{z-index:4;pointer-events:none;border-radius:14px;position:absolute;inset:0;overflow:hidden}.fight-overlay>*{pointer-events:none}.fight-overlay .interactive,.fight-overlay button{pointer-events:auto}.gesture{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.gesture:after{content:"";background:linear-gradient(#0000,#ffffff14,#0000);width:1px;position:absolute;top:18%;bottom:8%;left:50%}.ghint{color:#ffffffbf;text-shadow:0 1px 4px #000;pointer-events:none;max-width:40%;font-size:13px;line-height:1.35;animation:9s forwards ghintFade;position:absolute;bottom:14%}.ghint b{font-family:var(--display);letter-spacing:1px;color:#ffd54f;font-size:15px;font-weight:400}.ghint small{color:#ffffff8c}.ghint.l{left:4%}.ghint.r{text-align:right;right:4%}@keyframes ghintFade{0%,75%{opacity:1}to{opacity:0}}.tsuper{z-index:5;width:clamp(46px,14vmin,74px);height:clamp(46px,14vmin,74px);font-family:var(--display);letter-spacing:1px;color:#ffffff73;touch-action:none;background:radial-gradient(circle at 50% 35%,#ffffff1f,#00000080);border:2px solid #ffffff2e;border-radius:50%;font-size:clamp(12px,3.4vmin,17px);transition:transform .15s,box-shadow .2s;position:absolute;bottom:5%;right:3%}.tsuper.ready{color:#1a1000;background:radial-gradient(circle at 50% 35%,#fff3b0,#ffb300 60%,#ff6f00);border-color:#fff3b0;animation:.9s ease-in-out infinite superPulse;box-shadow:0 0 22px #ffb300cc,0 0 50px #ff6f0073}.tsuper:active{transform:scale(.92)}@keyframes superPulse{50%{transform:scale(1.08);box-shadow:0 0 34px #ffb300,0 0 70px #ff6f0099}}.tripple{z-index:4;pointer-events:none;border:3px solid #fffc;border-radius:50%;width:70px;height:70px;margin:-35px 0 0 -35px;animation:.42s ease-out forwards tripple;position:absolute}.tripple.heavy{border-width:5px;border-color:#ffb74d}.tripple.block{border-color:#7fe7ff}.tripple.dash,.tripple.dodge{border-style:dashed;border-color:#b2f5ff}@keyframes tripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.legend .hl{font-family:inherit;font-size:inherit;letter-spacing:0;color:#7fe7ff;font-weight:700}@media (pointer:coarse){.fight{padding:0}.fight .canvas{border-radius:0}.fight .stage{width:min(100%,177.778dvh)}}
.linkbtn{color:var(--muted);letter-spacing:1px;text-underline-offset:3px;background:0 0;border:0;padding:4px 6px;font-weight:700;text-decoration:underline}.linkbtn:hover{color:var(--text)}.live-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 8px var(--red);vertical-align:1px;border-radius:50%;margin-right:6px;animation:1.2s infinite livePulse;display:inline-block}@keyframes livePulse{50%{opacity:.35}}.splash{cursor:default;isolation:isolate;background:#030409;outline:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.splash.ready{cursor:pointer}.splash-back{z-index:-3;filter:blur(32px)brightness(.5)saturate(1.2);background:url(/art/poster-wide.webp) 50%/cover;position:absolute;inset:-60px}.splash-poster{z-index:-2;opacity:0;transform-origin:50% 100%;flex:1;justify-content:center;align-items:flex-end;min-height:0;transition:opacity .5s,transform 2.4s cubic-bezier(.2,.8,.3,1);display:flex;transform:scale(1.05);container-type:size}.splash-poster.on{opacity:1;transform:none}.splash-poster img{aspect-ratio:1672/941;--fade:linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent), linear-gradient(180deg, transparent, #000 6%);width:min(100cqw,177.683cqh);-webkit-mask-image:var(--fade);-webkit-mask-image:var(--fade);mask-image:var(--fade);-webkit-mask-composite:source-in;display:block;-webkit-mask-composite:source-in;mask-composite:intersect}@media (orientation:portrait){.splash-back{background-image:url(/art/poster-tall.webp)}.splash-poster img{aspect-ratio:2/3;width:min(100cqw,66.6667cqh)}}.splash-embers{z-index:-1;pointer-events:none;position:absolute;inset:0}.splash-embers i{opacity:0;background:#ffb347;border-radius:50%;animation:linear infinite ember;position:absolute;bottom:-10px;box-shadow:0 0 8px 2px #ff7a1e}@keyframes ember{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{opacity:0;transform:translate(40px,-105vh)}}.login-brand{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;line-height:.85;display:flex}.t-small,.t-big{font-family:var(--display);letter-spacing:6px}.t-small{background:linear-gradient(#fff 0%,#dfe6f5 40%,#7d89a3 52%,#f3f6ff 70%,#b7c2da 100%);color:#0000;filter:drop-shadow(0 3px #1a1f2c)drop-shadow(0 8px 16px #000c);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,6vw,70px)}.t-big{letter-spacing:10px;background:linear-gradient(#fff6c9 0%,#ffd34d 28%,#f0a110 50%,#8a4b00 53%,#ffcf3a 70%,#fff1a8 100%);color:#0000;filter:drop-shadow(0 4px #3a1d00)drop-shadow(0 0 30px #ffaa1e73)drop-shadow(0 12px 22px #000000e6);-webkit-background-clip:text;background-clip:text;margin-top:-4px;font-size:clamp(76px,17vw,210px)}.t-tag{font-family:var(--ui);letter-spacing:4px;text-transform:uppercase;color:#cfd6e6;text-shadow:0 2px 8px #000;margin-top:14px;font-size:clamp(12px,1.6vw,16px);font-weight:700}.splash-foot{z-index:2;min-height:54px;padding:6px 16px max(8px, env(safe-area-inset-bottom));background:#030409;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.loadbar{border:1px solid var(--line-hi);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#ffffff14;width:min(520px,80vw);height:10px}.loadbar i{background:linear-gradient(90deg, var(--gold-2), var(--gold), #fff3b0);height:100%;box-shadow:0 0 14px var(--gold);transition:width .15s linear;display:block}.loadtext{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:12px}.tap{font-family:var(--display);letter-spacing:6px;color:#fff;text-shadow:0 0 18px var(--gold), 0 2px 0 #000;font-size:clamp(22px,3vw,34px);animation:1.3s ease-in-out infinite tapPulse}@keyframes tapPulse{50%{opacity:.35;transform:scale(.96)}}.screen.login{justify-content:center;align-items:center;gap:22px;position:relative}.login-back{position:absolute;top:18px;left:24px}.login-brand .t-small{font-size:clamp(26px,5vw,46px)}.login-brand .t-big{font-size:clamp(64px,12vw,120px)}.login-brand .muted{letter-spacing:2px;margin-top:8px}.login-card{flex-direction:column;gap:10px;width:min(440px,100%);display:flex}.login-card form{flex-direction:column;gap:10px;display:flex}.login-card .btn{width:100%}.login-or{color:var(--muted);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;font-size:13px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.login-offline{background:#ff4d5e14;border:1px solid #ff4d5e66;flex-direction:column;gap:8px;margin-bottom:6px;padding:12px;display:flex}.legend-teaser{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:14px;display:flex}.legend-teaser span{align-items:center;gap:8px;display:inline-flex}.legend-teaser b{color:var(--gold)}.app.is-hub .app-bg{display:none}.hub{isolation:isolate;flex:1;grid-template:"tl tm tr""banner center."1fr"bl center br"/minmax(260px,1fr) minmax(320px,1.3fr) minmax(300px,1fr);gap:14px;width:100%;min-height:100vh;padding:18px 24px 22px;display:grid;position:relative;overflow:hidden}.hub-stage{z-index:-1;background:radial-gradient(ellipse 40% 55% at 50% 40%, color-mix(in srgb, var(--hero) 22%, transparent), transparent 70%), linear-gradient(180deg, #0a0e19 0%, #0d1220 45%, #06080e 100%);position:absolute;inset:0;overflow:hidden}.hub-stage:before{content:"";background:repeating-linear-gradient(90deg,#ffffff09 0 2px,#0000 2px 120px),repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 60px),linear-gradient(#0000 70%,#00000080);position:absolute;inset:0 0 38%;-webkit-mask-image:radial-gradient(70% 90% at 50% 70%,#000 30%,#0000 85%);mask-image:radial-gradient(70% 90% at 50% 70%,#000 30%,#0000 85%)}.hub-lights i{transform-origin:50% 0;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(4px);mix-blend-mode:screen;background:linear-gradient(#fff5dc29,#0000 80%);width:26%;height:90%;animation:9s ease-in-out infinite alternate sweep;position:absolute;top:-10%}.hub-lights i:first-child{--a:-18deg;--b:-4deg;left:12%}.hub-lights i:nth-child(2){--a:0deg;--b:0deg;background:linear-gradient(180deg, color-mix(in srgb, var(--hero) 30%, transparent), transparent 80%);animation:none;left:37%}.hub-lights i:nth-child(3){--a:18deg;--b:4deg;animation-delay:-4s;left:62%}@keyframes sweep{0%{transform:rotate(var(--a))}to{transform:rotate(var(--b))}}.hub-floor{transform-origin:50% 100%;background:linear-gradient(#78a0ff24 2px,#0000 2px) 0 0/80px 80px,linear-gradient(90deg,#78a0ff24 2px,#0000 2px) 0 0/80px 80px,linear-gradient(#0b1020,#04060b);height:40%;position:absolute;bottom:0;left:-20%;right:-20%;transform:perspective(500px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.hub-platform{aspect-ratio:4;width:min(520px,60vw);position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.hub-platform i{border-radius:50%;position:absolute;inset:0}.hub-platform i:first-child{background:radial-gradient(ellipse, color-mix(in srgb, var(--hero) 55%, transparent), transparent 70%);filter:blur(8px);animation:2.8s ease-in-out infinite plat}.hub-platform i:last-child{border:3px solid color-mix(in srgb, var(--hero) 80%, #fff);box-shadow:0 0 22px var(--hero), inset 0 0 22px var(--hero);background:radial-gradient(#0a0e19e6,#192032d9);inset:18% 10%}@keyframes plat{50%{opacity:.6;transform:scale(1.06)}}.hub-top{display:contents}.road-widget{text-align:left;border:1px solid var(--line-hi);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:linear-gradient(#20283ceb,#0c0f18eb);flex-direction:column;grid-area:tl;place-self:start;gap:8px;width:min(330px,100%);padding:12px 16px;display:flex;box-shadow:0 10px 30px #00000080}.road-widget:hover{filter:brightness(1.15)}.road-widget.has-claim{border-color:var(--gold);box-shadow:0 0 24px #f6c54459}.rw-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.rw-label{font-family:var(--display);letter-spacing:2px;color:var(--gold);font-size:22px}.rw-bar{align-items:center;gap:10px;display:flex}.rw-track{border:1px solid var(--line);background:#ffffff14;flex:1;height:12px}.rw-track i{background:linear-gradient(90deg, var(--gold-2), var(--gold));height:100%;box-shadow:0 0 10px var(--gold);display:block}.rw-sub{color:var(--muted);font-size:14px}.rw-sub b{color:var(--text)}.claim-pulse{animation:1s ease-in-out infinite claimPulse;color:var(--gold)!important}.btn.claim-pulse{color:#1a1200!important}@keyframes claimPulse{50%{filter:brightness(1.5);transform:scale(1.04)}}.hub-tr{flex-wrap:wrap;grid-area:tr;justify-content:flex-end;place-self:start end;align-items:center;gap:8px;display:flex}.hub-pill{border:1px solid var(--line-hi);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#0c0f18d9;padding:8px 14px}.hub-icon{border:1px solid var(--line-hi);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#252c3f,#12161f);place-items:center;width:46px;height:46px;display:grid}.hub-icon svg{width:24px;height:24px}.hub-icon:hover{filter:brightness(1.3)}.hub-banner{border:1px solid var(--gold);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#0c0f18e6;flex-direction:column;grid-area:banner;align-self:start;gap:6px;max-width:320px;padding:12px 14px;display:flex}.hub-banner b{color:var(--gold);letter-spacing:1px}.hub-banner .btn{align-self:flex-start}.hub-center{flex-direction:column;grid-area:center;justify-content:flex-end;align-items:center;gap:8px;min-height:0;padding-bottom:4px;display:flex}.hub-hero{filter:drop-shadow(0 0 26px color-mix(in srgb, var(--hero) 60%, transparent));margin-bottom:-26px;animation:.5s cubic-bezier(.2,.9,.3,1.2) both heroRise}@keyframes heroRise{0%{opacity:0;transform:translateY(30px)scale(.92)}to{opacity:1;transform:none}}.hub-plate{z-index:1;border:1px solid var(--line-hi);border-top:3px solid var(--hero);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 100%,0 100%);background:linear-gradient(#141a28f2,#080a10f2);flex-direction:column;align-items:center;gap:4px;padding:10px 26px;display:flex;position:relative}.hub-name{font-family:var(--display);letter-spacing:3px;font-size:40px;line-height:1}.hub-title{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:14px}.hub-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hub-roster{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hub-mini{border:1px solid var(--line);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#0c0f18d9;padding:4px;transition:transform .15s}.hub-mini:hover{border-color:var(--hero);transform:translateY(-2px)}.hub-mini.on{border-color:var(--hero);box-shadow:inset 0 0 0 2px var(--hero);background:color-mix(in srgb, var(--hero) 18%, #0c0f18d9)}.hub-gallery{text-align:left;border:1px solid var(--line-hi);clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);background:linear-gradient(135deg,#283450f2,#0e121cf2);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;width:100%;padding:14px 18px;display:grid;box-shadow:0 10px 30px #00000080}.hub-gallery:hover{filter:brightness(1.15)}.hg-stack{grid-row:span 2;display:flex}.hg-stack .logo{margin-left:-14px}.hg-stack .logo:first-child{margin-left:0}.hub-gallery b{font-family:var(--display);letter-spacing:2px;font-size:28px;line-height:1}.hub-gallery small{color:var(--muted);font-size:13px}.hub-battle{border:1px solid var(--line-hi);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);background:linear-gradient(#1a2030f0,#0a0c14f5);flex-direction:column;grid-area:br;place-self:end;gap:8px;width:min(360px,100%);padding:14px;display:flex;box-shadow:0 10px 30px #0000008c}.hb-modes{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.hb-modes button{border:1px solid var(--line);letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:#ffffff0a;padding:8px 4px;font-size:13px}.hb-modes button.on{color:#1a1200;background:linear-gradient(180deg, #ffe08a, var(--gold));border-color:#fff0b8}.hb-sub,.hb-note{color:var(--muted);margin:0;font-size:13px}.hb-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.hb-round{border:1px solid var(--line);background:#ffffff0a;flex-direction:column;align-items:center;padding:6px 0;display:flex}.hb-round b{font-family:var(--display);font-size:28px;line-height:1}.hb-round small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.hb-round.on{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#f6c5441f}.hb-round:disabled{opacity:.45}.seg-sm button{border:1px solid var(--line);background:#ffffff0a;padding:6px 2px;font-size:13px}.seg-sm button small{color:var(--green)}.seg-sm button.on{border-color:var(--neon);box-shadow:inset 0 0 0 1px var(--neon)}.hb-arenas{flex-wrap:wrap;gap:6px;display:flex}.hb-arena{text-transform:uppercase;letter-spacing:1px;border:1px solid var(--line);background:#ffffff0a;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.hb-arena i{background:var(--arena);width:8px;height:8px;box-shadow:0 0 8px var(--arena)}.hb-arena.on{border-color:var(--arena);color:#fff}.hb-arena:disabled{opacity:.45}.battle-btn{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(#ffe38f 0%,#f6c544 45%,#d18a0e 100%);border:2px solid #fff3c4;margin-top:4px;padding:14px 0 12px;position:relative;overflow:hidden;box-shadow:0 0 30px #f6c54473}.battle-btn span{font-family:var(--display);letter-spacing:8px;color:#2a1700;text-shadow:0 2px #ffffff80;font-size:44px}.battle-btn:after{content:"";background:linear-gradient(100deg,#0000,#ffffffb3,#0000);width:40%;animation:2.6s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-60%}@keyframes shine{60%,to{left:130%}}.battle-btn:hover{filter:brightness(1.1)}.battle-btn:active{transform:translateY(2px)}.hb-links{justify-content:center;gap:12px;display:flex}.screen.road{max-width:none}.road-scroll{scrollbar-color:var(--gold-2) transparent;padding:10px 0 18px;overflow:auto hidden}.road-path{width:calc(var(--n) * 210px);min-width:100%;height:360px;margin:0 40px;position:relative}.road-track{border:1px solid var(--line-hi);background:#ffffff12;height:14px;position:absolute;top:280px;left:0;right:0}.road-track i{background:linear-gradient(90deg, var(--gold-2), var(--gold), #fff3b0);height:100%;box-shadow:0 0 16px var(--gold);display:block}.road-you{background:var(--gold);color:#1a1200;clip-path:polygon(0 6px,50% 0,100% 6px,100% 100%,0 100%);padding:8px 8px 2px;font-weight:800;position:absolute;top:300px;transform:translate(-50%)}.road-you .trophy{color:#1a1200}.road-node{flex-direction:column;align-items:center;width:180px;display:flex;position:absolute;top:0;transform:translate(-50%)}.road-card{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;width:100%;height:262px;padding:14px 10px;display:flex}.road-card b{font-family:var(--display);letter-spacing:1.5px;font-size:22px;line-height:1.05}.road-card small{color:var(--muted);font-size:13px}.road-card .btn{margin-top:auto}.road-done{color:var(--green);margin-top:auto;font-weight:700}.road-lock{color:var(--muted);margin-top:auto;font-size:13px}.road-node.locked .road-card{opacity:.6;filter:saturate(.5)}.road-node.ready .road-card{border-color:var(--gold);box-shadow:0 0 26px #f6c54459}.road-node.legend .road-card{background:radial-gradient(ellipse at 50% 20%, #ff5ad12e, transparent 70%), var(--panel)}.road-dot{border:2px solid var(--line-hi);background:#1b2130;width:22px;height:22px;position:absolute;top:276px;transform:rotate(45deg)}.road-node.claimed .road-dot,.road-node.ready .road-dot{background:var(--gold);box-shadow:0 0 12px var(--gold);border-color:#fff3b0}.road-at{color:var(--muted);font-size:14px;position:absolute;top:330px}.road-arena{text-transform:uppercase;letter-spacing:1px;color:var(--arena);border:1px solid var(--arena);padding:2px 8px;font-size:12px}.road-feature{text-transform:uppercase;letter-spacing:1px;color:var(--neon);border:1px solid var(--neon);padding:2px 8px;font-size:12px}.road-icon{flex:none;place-items:center;display:inline-grid;position:relative}.road-icon.spin i{background:conic-gradient(#ff4fd855 0 72deg, #3df2ff55 72deg 144deg, #f6c54455 144deg 216deg, #4be39a55 216deg 288deg, #ff7a1e55 288deg 360deg);border:2px solid var(--gold);border-radius:50%;animation:6s linear infinite spinIcon;position:absolute;inset:0}.road-icon.spin:after{content:"";border:6px solid #0000;border-top:9px solid #fff;position:absolute;top:-4px;left:50%;transform:translate(-50%)}@keyframes spinIcon{to{transform:rotate(360deg)}}.road-icon.choose i{border:2px solid var(--neon);background:linear-gradient(#2a3350,#141a28);width:56%;height:78%;position:absolute}.road-icon.choose i:first-child{transform:rotate(-14deg)translate(-24%)}.road-icon.choose i:nth-child(3){transform:rotate(14deg)translate(24%)}.road-icon.choose b{font-family:var(--display);color:var(--neon);font-size:1.4em;position:relative}.road-icon.legend{border-radius:50%;box-shadow:0 0 18px #ff5ad1}.road-icon.start{background:radial-gradient(circle, var(--gold), var(--gold-2));width:56px;height:56px;box-shadow:0 0 16px var(--gold);border-radius:50%}.choose-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.screen.choose .starter-body{align-items:start}.claim-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:26px 34px;display:flex}.won-extra{color:var(--arena,var(--neon));letter-spacing:1px;font-weight:700}.won-card{position:relative;overflow:hidden}.won-card>*{position:relative}.won-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--hero) 22%, transparent) 0 10deg, transparent 10deg 20deg);pointer-events:none;animation:14s linear infinite spinIcon;inset:-50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 60%);mask-image:radial-gradient(circle,#000 20%,#0000 60%);position:absolute!important}.won-card.legendary{border-color:#ff5ad1;box-shadow:0 0 60px #ff5ad173}.won-card.legendary .eyebrow{color:#ff8be0}.gallery-side{flex-direction:column;gap:12px;display:flex}.gallery-record{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.gallery-record span{border:1px solid var(--line);background:#ffffff0a;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.gallery-record b{font-family:var(--display);font-size:24px}.gallery-record small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.gallery-lock{border:1px dashed var(--line-hi);color:var(--gold);margin:0;padding:10px;font-weight:700}@media (max-width:980px){.hub{grid-template:"tm tm""tl tr""banner banner""center center""bl br"/1fr 1fr;min-height:auto}.hub-center{padding-top:10px}.hub-platform{top:46%;bottom:auto}}@media (max-width:620px){.hub{grid-template-columns:1fr;grid-template-areas:"tm""tr""tl""banner""center""br""bl";padding:12px 16px 20px}.hub-tr{justify-content:space-between;justify-self:stretch}.road-widget,.hub-bl,.hub-gallery,.hub-battle,.hub-banner,.hub-profile{justify-self:stretch;width:100%;max-width:none}.hub-hero .portrait{width:240px!important;height:305px!important}.hub-platform{width:90vw;top:40%}.hub-name{font-size:32px}.gallery-record{grid-template-columns:repeat(2,1fr)}.road-path{width:calc(var(--n) * 170px)}.road-node{width:150px}}.login-why h2{font-family:var(--display);letter-spacing:2px;color:var(--gold);margin:0 0 4px;font-size:30px;font-weight:400}.login-why p{margin:0 0 6px}.hub-profile{text-align:left;border:1px solid var(--line-hi);border-bottom:3px solid var(--hero);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 100%,0 100%);background:linear-gradient(#242c42f0,#0c0f18f0);grid-area:tm;place-self:start center;align-items:center;gap:12px;min-width:240px;padding:6px 14px 6px 6px;display:flex;box-shadow:0 10px 30px #00000080}.hub-profile:hover{filter:brightness(1.15)}.hp-icon{background:color-mix(in srgb, var(--hero) 25%, #0b0e15);border:1px solid var(--hero);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);place-items:center;padding:2px;display:grid}.hp-text{flex-direction:column;flex:1;min-width:0;display:flex}.hp-text b{font-family:var(--display);letter-spacing:1.5px;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1;overflow:hidden}.hp-text small{color:var(--muted);font-size:12px}.hp-gear{width:26px;height:26px;color:var(--muted);transition:transform .4s}.hub-profile:hover .hp-gear{color:var(--text);transform:rotate(90deg)}.profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.profile-card,.profile-stats,.profile-settings,.profile-log{flex-direction:column;gap:12px;display:flex}.profile-log{grid-row:span 2;max-height:76vh;overflow-y:auto}.pc-head{align-items:center;gap:16px;display:flex}.pc-icon{background:radial-gradient(circle, color-mix(in srgb, var(--hero,var(--gold)) 35%, transparent), #0b0e15 75%);border:2px solid var(--hero,var(--gold));box-shadow:0 0 24px color-mix(in srgb, var(--hero,var(--gold)) 50%, transparent);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);place-items:center;padding:6px;display:grid}.pc-id{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.pc-name{font-family:var(--display);letter-spacing:2px;word-break:break-word;margin:0;font-size:46px;font-weight:400;line-height:1}.pc-rank{align-items:center;gap:10px;display:flex}.pc-name-form{flex-direction:column;gap:8px;display:flex}.pc-name-form input{border:1px solid var(--line-hi);color:var(--text);background:#00000059;width:min(280px,100%);padding:8px 10px;font-size:22px}.pc-favs{flex-wrap:wrap;gap:8px;display:flex}.ps-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ps-stat{text-align:center;border:1px solid var(--line);background:#ffffff0a;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.ps-stat b{font-family:var(--display);letter-spacing:1px;font-size:24px;font-weight:400}.ps-stat small{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px}.ps-top{border:1px solid var(--hero);background:color-mix(in srgb, var(--hero) 12%, transparent);align-items:center;gap:12px;padding:10px 14px;display:flex}.ps-top span{flex-direction:column;flex:1;display:flex}.ps-top b{font-family:var(--display);letter-spacing:1.5px;font-size:26px;font-weight:400}.blog{border-left:4px solid var(--muted);background:#ffffff08;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.blog.win{border-left-color:var(--green)}.blog.loss{border-left-color:var(--red)}.blog-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.blog-res{font-family:var(--display);letter-spacing:2px;font-size:22px;font-weight:400}.blog.win .blog-res{color:var(--green)}.blog.loss .blog-res{color:var(--red)}.blog-rew{gap:10px;margin-left:auto;display:flex}.blog-rounds{flex-wrap:wrap;gap:8px;display:flex}.blog-round{border:1px solid var(--line);background:#0000004d;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.blog-round i{text-align:center;width:16px;font-style:normal;font-weight:800}.blog-round.w i{color:var(--green)}.blog-round.l i{color:var(--red)}.set-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.set-row:last-child{border-bottom:0}.set-row span{flex-direction:column;display:flex}.toggle{border:1px solid var(--line-hi);background:#ffffff14;border-radius:30px;flex:none;width:58px;height:30px;padding:3px}.toggle i{background:var(--muted);border-radius:50%;width:22px;height:22px;transition:transform .2s,background .2s;display:block}.toggle.on{border-color:var(--green);background:#4be39a40}.toggle.on i{background:var(--green);transform:translate(28px)}@media (max-width:980px){.profile-grid{grid-template-columns:1fr}.profile-log{grid-row:auto;max-height:none}}@media (max-width:620px){.ps-grid{grid-template-columns:repeat(2,1fr)}.pc-head{flex-direction:column;align-items:flex-start}.pc-name{font-size:38px}.blog-rew{margin-left:0}}.screen.tutorial{--stage-w:min(100%, calc((100vh - 190px) * 16 / 9));gap:0;max-width:none;padding:0}.screen.tutorial .stage,.tut-bar{width:var(--stage-w)}.tut-bar{border:1px solid var(--line-hi);border-left:4px solid var(--gold);background:linear-gradient(#141a28f2,#080a10f2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:12px 18px;display:grid}.tut-bar.ok{border-left-color:var(--green)}.tut-progress{flex-direction:column;gap:8px;display:flex}.tut-dots{gap:5px;display:flex}.tut-dots i{background:#ffffff2e;width:18px;height:6px}.tut-dots i.done{background:var(--green)}.tut-dots i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}.tut-text{flex-direction:column;gap:3px;animation:.3s both screenIn;display:flex}.tut-text p{margin:0;font-size:17px;line-height:1.35}.tut-text small{font-size:14px}.tut-title{font-family:var(--display);letter-spacing:2px;font-size:28px;font-weight:400;line-height:1}.tut-side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.tut-count{font-family:var(--display);color:var(--gold);font-size:26px}.tut-tick{background:var(--green);color:#04220f;letter-spacing:1px;white-space:nowrap;padding:3px 12px;font-weight:800;animation:.4s cubic-bezier(.2,1.4,.4,1) both dealIn}.tut-skip{opacity:.85;white-space:nowrap;padding:6px 12px;font-size:13px}.tkey{min-width:26px;font-family:var(--ui);color:#1a1200;background:linear-gradient(180deg, #fff3c4, var(--gold));border-bottom:3px solid var(--gold-2);border-radius:4px;margin:0 2px;padding:1px 7px;font-size:15px;font-weight:800;display:inline-block}.tut-final{text-align:center;background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--hero) 25%, transparent), transparent 70%), linear-gradient(180deg, #1c2334, #0b0e15);border:1px solid var(--line-hi);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));flex-direction:column;align-items:center;gap:12px;max-width:640px;margin:16px;padding:24px 28px;animation:.5s both dealIn;display:flex}.tut-final-hero{text-align:left;align-items:center;gap:14px;display:flex}.tut-final p{margin:0}@media (max-width:760px){.tut-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:10px 12px}.tut-progress{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.tut-text p{font-size:15px}.tut-title{font-size:22px}}@media (pointer:coarse) and (orientation:landscape){.screen.tutorial{--stage-w:min(100%, calc(100dvh * 16 / 9))}.screen.tutorial .fight{position:relative}.tut-bar{pointer-events:none;background:#080a10b8;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:min(58vw,560px);margin:0 auto;padding:3px 10px;position:absolute;bottom:3px;left:0;right:0}.tut-progress,.tut-text small{display:none}.tut-text{display:block}.tut-title{letter-spacing:1px;color:var(--gold);margin-right:8px;font-size:15px;display:inline}.tut-text p{font-size:13px;line-height:1.25;display:inline}.tut-count{font-size:18px}.tut-tick{padding:1px 8px;font-size:12px}.tut-skip{pointer-events:auto;position:fixed;bottom:8px;left:8px}}.hub-bl{flex-direction:column;grid-area:bl;place-self:end start;gap:10px;width:min(300px,100%);display:flex}.hub-quick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hub-qbtn{text-align:left;border:1px solid var(--line-hi);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:linear-gradient(135deg,#283450f2,#0e121cf2);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 12px;display:grid;position:relative;box-shadow:0 8px 22px #00000073}.hub-qbtn:hover{filter:brightness(1.15)}.hub-qbtn svg{width:26px;height:26px;color:var(--gold);grid-row:span 2}.hub-qbtn.missions svg{color:var(--neon)}.hub-qbtn b{font-family:var(--display);letter-spacing:1.5px;font-size:22px;font-weight:400;line-height:1}.hub-qbtn small{color:var(--muted);font-size:12px}.hub-badge{background:var(--red);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-style:normal;font-weight:700;display:grid;position:absolute;top:6px;right:8px;box-shadow:0 0 12px #ff4d5eb3}.shop{gap:10px}.shop-tabs{width:100%;max-width:520px;margin:0 auto}.shop-heroes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.shop-note{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.skin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1180px,100%);margin:0 auto;display:grid}.skin-card{--rar:#9fb4c8;background:linear-gradient(180deg, color-mix(in srgb, var(--rar) 14%, #121622f5), #0a0c14f5);border:1px solid color-mix(in srgb, var(--rar) 45%, transparent);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);flex-direction:column;gap:8px;padding:10px;display:flex}.skin-card.worn{box-shadow:inset 0 0 0 2px var(--rar), 0 0 26px color-mix(in srgb, var(--rar) 40%, transparent)}.skin-card.golden{background:linear-gradient(#5a420ce6,#100c04f5)}.skin-art{aspect-ratio:4/5;background:radial-gradient(ellipse 60% 50% at 50% 60%, color-mix(in srgb, var(--rar) 30%, transparent), transparent 70%);place-items:end center;display:grid;overflow:hidden}.skin-art img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.skin-info{flex-direction:column;gap:2px;min-height:84px;display:flex}.skin-info b{font-family:var(--display);letter-spacing:1px;font-size:24px;font-weight:400;line-height:1.05}.skin-info small{font-size:12.5px;line-height:1.3}.skin-rar{letter-spacing:2px;text-transform:uppercase;color:var(--rar);font-size:11px}.skin-cost{align-items:center;gap:12px;font-size:14px;display:flex}.skin-cost span{align-items:center;gap:4px;display:inline-flex}.skin-cost .unmet{color:var(--red)}.skin-cost .met{color:var(--green)}.skin-card .btn,.emote-card .btn{justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 10px;font-size:14px;display:inline-flex}.emote-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(900px,100%);margin:0 auto;display:grid}.emote-card{text-align:center;border:1px solid var(--line-hi);background:#10141feb;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.emote-card.worn{box-shadow:inset 0 0 0 2px var(--gold)}.emote-card b{font-family:var(--display);letter-spacing:1px;font-size:24px;font-weight:400}.emote-card small{min-height:32px;font-size:12.5px}.emote-stage{background:radial-gradient(ellipse 50% 40% at 50% 85%, color-mix(in srgb, var(--hero) 30%, transparent), transparent 70%);width:220px;max-width:100%;height:170px;position:relative}.emote-stage.empty{place-items:center;display:grid}.emote-stage canvas{z-index:1;max-width:100%;position:absolute;inset:0}.emote-hero{position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@media (max-width:900px){.skin-grid,.emote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.emote-grid{grid-template-columns:1fr}.skin-grid{gap:8px}.skin-info b{font-size:20px}}.missions-body{gap:16px;width:min(760px,100%);margin:0 auto;display:grid}.mission-panel{flex-direction:column;gap:10px;display:flex}.mp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mp-head h2{font-family:var(--display);letter-spacing:2px;color:var(--gold);margin:0;font-size:30px;font-weight:400}.mission{--hero:var(--neon);border:1px solid var(--line);border-left:3px solid var(--hero);background:#ffffff0a;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.mission.done{border-color:var(--green);background:#4be39a14}.mission.claimed{opacity:.5}.ms-icon{place-items:center;display:grid}.ms-kind{background:radial-gradient(circle at 35% 30%,#9ff6ff,#1b6f86);border-radius:50%;width:36px;height:36px;box-shadow:0 0 14px #3df2ff66}.ms-kind.trophies{background:radial-gradient(circle at 35% 30%,#fff1b0,#b07a10);box-shadow:0 0 14px #f6c54480}.ms-kind.win_series{background:radial-gradient(circle at 35% 30%,#ffb3ec,#8c1f74);box-shadow:0 0 14px #ff4fd866}.ms-body{flex-direction:column;gap:4px;min-width:0;display:flex}.ms-body b{font-size:16px}.ms-bar{background:#ffffff14;height:8px;overflow:hidden}.ms-bar i{background:linear-gradient(90deg, var(--hero), #fff);height:100%;transition:width .4s;display:block}.mission.done .ms-bar i{background:var(--green)}.ms-act{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.ms-reward{color:var(--gold);align-items:center;gap:4px;font-weight:700;display:inline-flex}.hb-friend{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.hb-join{gap:6px;width:100%;display:flex}.hb-join input{border:1px solid var(--line-hi);min-width:0;color:var(--text);font-family:var(--display);letter-spacing:6px;text-align:center;background:#00000059;flex:1;padding:8px 10px;font-size:22px}.hb-join .btn{padding:8px 16px}.room-code{flex-direction:column;align-items:center;gap:8px;margin:6px 0 10px;display:flex}.room-code b{font-family:var(--display);letter-spacing:12px;color:var(--gold);text-shadow:0 0 24px #f6c54473;padding-left:12px;font-size:64px;font-weight:400;line-height:1}.room-code .muted{text-align:center;max-width:340px}.tourney{gap:14px}.tour-lobby{grid-template-columns:minmax(260px,340px) minmax(0,520px);justify-content:center;gap:16px;width:100%;display:grid}.tour-code{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.tour-code b{font-family:var(--display);letter-spacing:12px;color:var(--gold);text-shadow:0 0 24px #f6c54473;padding-left:12px;font-size:64px;font-weight:400;line-height:1}.tour-players{flex-direction:column;gap:8px;display:flex}.tour-player{border:1px solid var(--line);background:#ffffff0a;align-items:center;gap:10px;padding:8px 10px;display:flex}.tour-player .dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 8px var(--green);border-radius:50%}.tour-player.away{opacity:.5}.tour-player.away .dot{background:var(--muted);box-shadow:none}.tour-player b{flex:1}.tour-player .tag{letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);padding:2px 6px;font-size:11px}.tour-player .tag.me{border-color:var(--neon);color:var(--neon)}.tour-status{border-left:3px solid var(--gold);flex-direction:column;gap:4px;width:min(1100px,100%);margin:0 auto;display:flex}.tour-status b{font-size:17px}.tour-groups{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;width:min(1100px,100%);margin:0 auto;display:grid}.tour-group h3,.tour-bracket h3,.tour-matches h3{font-family:var(--display);letter-spacing:1.5px;color:var(--gold);margin:0 0 8px;font-size:24px;font-weight:400}.tour-group table{border-collapse:collapse;width:100%;font-size:14px}.tour-group th{color:var(--muted);text-align:center;padding:4px 2px;font-size:11px;font-weight:600}.tour-group td{text-align:center;border-top:1px solid var(--line);padding:6px 2px}.tour-group .nm{text-align:left}.tour-group tr.me td{color:var(--neon)}.tour-group tr.q td:first-child{box-shadow:inset 3px 0 0 var(--green)}.tour-bracket,.tour-matches{width:min(1100px,100%);margin:0 auto}.br-cols{gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.br-col{flex-direction:column;justify-content:space-around;gap:8px;min-width:240px;display:flex}.tour-match{border:1px solid var(--line);background:#ffffff0a;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 10px;margin-bottom:4px;padding:6px 10px;display:grid}.tour-match .lbl{grid-column:1/-1;font-size:11px}.tour-match .pl:last-child{text-align:right}.tour-match .pl.won{color:var(--green)}.tour-match .res{text-align:center;font-size:13px;font-weight:700}.tour-match.live{border-color:var(--red)}.tour-match.live .res{color:var(--red)}.tour-match.mine{box-shadow:inset 3px 0 0 var(--neon)}.br-col .tour-match .lbl{display:none}.tour-final{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(640px,100%);margin:0 auto;display:flex}.tour-podium{flex-direction:column;gap:6px;width:100%;display:flex}.tour-place{border:1px solid var(--line);text-align:left;background:#ffffff0a;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.tour-place .pos{font-family:var(--display);text-align:center;font-size:26px}.tour-place.p1{border-color:var(--gold);background:#f6c5441f}.tour-place.p1 .pos{color:var(--gold)}.tour-place.p2 .pos{color:#c0c7cf}.tour-place.p3 .pos{color:#cd7f32}.tour-place.me{box-shadow:inset 3px 0 0 var(--neon)}@media (max-width:720px){.tour-lobby{grid-template-columns:1fr}.tour-code b{font-size:52px}}