:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#040807;--ink-900:#070d0c;--ink-800:#0b1514;--ink-700:#10201e;--ink-600:#173029;--ink-500:#21423a;--jade-100:#d9fff0;--jade-200:#a8f5d8;--jade-300:#6fe8bf;--jade-400:#3fd3a2;--jade-500:#22b084;--jade-600:#178865;--jade-700:#0e5e47;--jade-800:#0a3d30;--gold-100:#fff6dc;--gold-200:#fbe6ad;--gold-300:#f4cf78;--gold-400:#e5b44f;--gold-500:#c9932e;--gold-600:#946a1c;--gold-700:#5e4110;--fg:#f1ecdf;--fg-strong:#fffaf0;--muted:#a7b6ad;--faint:#6f8279;--danger:#ff5f57;--danger-ink:#2b0705;--warn:#ffb547;--ok:var(--jade-400);--info:#7cc7ff;--hp:#54e08a;--mp:#4ea6ff;--xp:var(--gold-300);--el-thermal:#ff6b35;--el-cryo:#6fd3ff;--el-volt:#ffe14d;--el-toxin:#7dff6b;--el-kinetic:#c9d2dc;--el-photon:#fff4c2;--surface-0:#070d0ceb;--surface-1:#0b1614db;--surface-2:#10201ee6;--surface-hover:#6fe8bf12;--line:#e5b44f47;--line-soft:#f1ecdf1a;--line-jade:#3fd3a259;--glow-jade:0 0 1.2rem #3fd3a259;--glow-gold:0 0 1.2rem #e5b44f66;--shadow-1:0 .4rem 1.2rem #00000059;--shadow-2:0 1.2rem 3rem #00000080;--grad-gold:linear-gradient(180deg, var(--gold-200) 0%, var(--gold-400) 48%, var(--gold-500) 52%, var(--gold-600) 100%);--grad-jade:linear-gradient(180deg, var(--jade-600) 0%, var(--jade-700) 100%);--grad-panel:linear-gradient(165deg, #142c27eb 0%, #091211f0 55%, #0c1816f2 100%);--text-gold:linear-gradient(180deg, var(--gold-100) 10%, var(--gold-300) 55%, var(--gold-500) 100%);--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-display:"Pattaya", "Be Vietnam Pro", system-ui, sans-serif;--font-scale:1;--fs-2xs:.68rem;--fs-xs:.76rem;--fs-sm:.86rem;--fs-md:1rem;--fs-lg:1.18rem;--fs-xl:1.5rem;--fs-2xl:clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem);--fs-3xl:clamp(2.4rem, 1.4rem + 3vw, 4rem);--fw-regular:400;--fw-semibold:600;--fw-bold:700;--fw-black:800;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--gutter:clamp(.75rem, .3rem + 1.4vw, 2rem);--r-xs:.25rem;--r-sm:.45rem;--r-md:.7rem;--r-lg:1rem;--r-pill:999px;--radius:var(--r-lg);--motion:1;--dur-fast:calc(.12s * var(--motion));--dur-med:calc(.24s * var(--motion));--dur-slow:calc(.48s * var(--motion));--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-hud:5;--z-float:10;--z-modal:30;--z-toast:40;--z-tooltip:50;--z-loading:60;--bg:var(--ink-900);--accent:var(--jade-400);--accent-ink:var(--ink-950);--panel:#091211d6;--panel-border:var(--line);font-family:var(--font-ui)}html{font-size:calc(clamp(13px, .42vw + 9.6px, 20px) * var(--font-scale))}*{box-sizing:border-box}html,body{background:var(--ink-900);height:100%;color:var(--fg);margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;line-height:1.45}#game{position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;position:fixed;inset:0;overflow:hidden auto}#ui>*{pointer-events:auto}::selection{background:#3fd3a259}:focus-visible{outline:2px solid var(--gold-300);outline-offset:2px}::-webkit-scrollbar{width:.55rem;height:.55rem}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#e5b44f47}::-webkit-scrollbar-track{background:0 0}h1,h2,h3,h4{font-weight:var(--fw-black);letter-spacing:.02em}@media (prefers-reduced-motion:reduce){:root{--motion:.01}}:root[data-reduced-motion=true]{--motion:.01}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.muted{color:var(--muted);font-size:var(--fs-sm)}.small{font-size:var(--fs-xs);margin:0}.error{color:var(--danger);font-size:var(--fs-sm);margin:0}.row{gap:var(--sp-2);align-items:center;display:flex}.row input{flex:1}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.spacer{flex:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gold-text{background:var(--text-gold);color:#0000;-webkit-background-clip:text;background-clip:text}.dot{border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.dot-ok{background:var(--jade-400);box-shadow:0 0 .5rem var(--jade-400)}.dot-bad{background:var(--danger)}.notice{color:var(--fg);border-radius:var(--r-md);padding:var(--sp-3);margin:0 0 var(--sp-3);background:#ff5f571a;border:1px solid #ff5f5766;line-height:1.5}.chip{border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-bold);border:1px solid;padding:0 .4rem}.chat{gap:var(--sp-2);flex-direction:column;display:flex}.chat-log{gap:var(--sp-1);max-height:14rem;font-size:var(--fs-sm);padding-right:var(--sp-1);flex-direction:column;display:flex;overflow-y:auto}.chat-line{word-break:break-word;line-height:1.4}#ui>.hud{pointer-events:none}.hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:12px 16px;display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 14px}.hud-stats{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.stat{white-space:nowrap}.stat strong{font-size:1.1rem}.stat-lives strong{color:var(--danger)}.stat-gold strong{color:#ffd166}.fps{font-variant-numeric:tabular-nums;font-size:.75rem}.hud-center{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.hud-players{justify-content:center;gap:16px;margin:8px 0 0;padding:0;font-weight:700;list-style:none;display:flex}.hud-chat{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;align-self:flex-end;width:min(100%,340px);padding:8px 12px}.hud-chat .chat-log{max-height:110px}.hud-chat input{padding:6px 10px}.hud-side{flex-direction:column;gap:8px;width:250px;max-height:calc(100% - 180px);display:flex;position:absolute;top:72px;right:16px;overflow-y:auto}.hud-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;flex-direction:column;flex:none;gap:5px;padding:8px 12px;display:flex}.hud-title{margin:0;font-size:.95rem}.wave-card{border-top:1px solid var(--panel-border);flex-direction:column;gap:4px;padding-top:6px;display:flex}.wave-head{justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.wave-enemy{grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;font-size:.82rem;display:grid}.wave-enemy .chips{flex-wrap:wrap;grid-column:2;gap:4px;display:flex}.chip{border:1px solid;border-radius:999px;padding:0 6px;font-size:.7rem;font-weight:700}.swatch{border-radius:50%;width:10px;height:10px;display:inline-block}.swatch-lg{border-radius:4px;width:16px;height:16px}.legend{margin:2px 0 0;font-size:.75rem}.small{margin:0;font-size:.8rem}.anti-air{color:#ffe14d}.tower-stats{flex-wrap:wrap;gap:4px 10px;font-size:.8rem;display:flex}.seg{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.seg-btn{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #e6f1ff33;border-radius:6px;padding:4px 2px;font-size:.75rem}.hud-bottom{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex;position:relative}.hud-bottom .hud-chat{order:0}.tower-bar{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;gap:6px;margin:0 auto;padding:6px;display:flex}.tower-btn{font:inherit;color:var(--fg);cursor:pointer;text-align:left;background:#0b1020b3;border:2px solid #e6f1ff1f;border-radius:10px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;width:96px;padding:6px 8px;display:grid}.tower-btn:hover{border-color:#e6f1ff59}.tower-on{background:#39e6c41f;box-shadow:0 0 14px #39e6c440}.tower-poor{opacity:.5}.tower-btn .key{color:var(--muted);font-size:.7rem}.tower-btn .swatch-lg{justify-self:end}.tower-name{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:.75rem;font-weight:700;overflow:hidden}.tower-cost{color:#ffd166;grid-column:1/-1;font-size:.75rem}.build-hint{white-space:nowrap;text-shadow:0 1px 4px #000;pointer-events:none;margin:0;font-size:.78rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.hud-bottom .hud-chat{display:none}}.hud-toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:6px 16px;font-size:.9rem;font-weight:700;animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem)scale(.96)}}.team-row{grid-template-columns:auto 1fr auto;align-items:center;gap:2px 6px;font-size:.85rem;display:grid}.team-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.team-gold{color:#ffd166;font-variant-numeric:tabular-nums}.team-gift{grid-column:2/-1;gap:4px;display:flex}.team-gift .btn-small{padding:2px 8px;font-size:.75rem}.hud-banner{background:var(--panel);border:1px solid var(--danger);color:var(--danger);border-radius:999px;padding:6px 16px;font-weight:700;position:absolute;top:70px;left:50%;transform:translate(-50%);pointer-events:none!important}.fx-list{color:var(--muted);flex-direction:column;gap:1px;margin:0;padding-left:16px;font-size:.76rem;display:flex}.btn-upgrade{width:100%}.fusions{flex-direction:column;gap:4px;display:flex}.fusion-row{opacity:.75;justify-content:space-between;align-items:center;gap:6px;font-size:.78rem;display:flex}.fusion-name{white-space:nowrap;align-items:center;gap:3px;font-weight:700;display:inline-flex}.fusion-row .btn-small{padding:2px 8px;font-size:.72rem}.wave-boss{border-top-color:var(--danger)}.boss-tag{color:var(--danger);letter-spacing:.04em;font-weight:800}.wave-enemy{cursor:help;border-radius:6px;position:relative}.wave-enemy:hover,.wave-enemy:focus{background:#e6f1ff0f;outline:none}.wave-enemy-tip{display:none}.wave-enemy:hover .wave-enemy-tip,.wave-enemy:focus .wave-enemy-tip{z-index:5;display:block;position:fixed;right:282px}.enemy-tip{z-index:5;position:absolute;top:0;left:0;pointer-events:none!important}.enemy-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;flex-direction:column;gap:4px;width:240px;padding:8px 10px;display:flex;box-shadow:0 6px 24px #00000080}.enemy-card-head{align-items:center;gap:6px;display:flex}.enemy-card .chips{flex-wrap:wrap;gap:4px;display:flex}.bar{background:#0000008c;border-radius:5px;min-width:120px;height:16px;position:relative;overflow:hidden}.bar-fill{transition:width .12s linear;position:absolute;inset:0 auto 0 0}.bar-text{text-align:center;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;line-height:16px;display:block;position:relative}.bar-hp .bar-fill{background:linear-gradient(90deg,#2fbf6b,#5dff8f)}.bar-mp .bar-fill{background:linear-gradient(90deg,#2a6fd6,#4da3ff)}.bar-xp .bar-fill{background:linear-gradient(90deg,#b88a1f,#ffd166)}.bar-core{vertical-align:middle;width:180px;margin-left:6px;display:inline-block}.bar-core .bar-fill{background:linear-gradient(90deg,#1fa58c,#39e6c4)}.bar-thin{height:10px}.bar-thin .bar-text{font-size:.6rem;line-height:10px}.core-stat{align-items:center;display:inline-flex}.hero-bottom{flex-wrap:nowrap;justify-content:space-between;align-items:flex-end}.hero-bar{flex-direction:row;align-items:center;gap:12px;margin:0 auto;padding:8px 12px;position:relative}.hero-portrait{border:3px solid;border-radius:50%;flex:none;place-items:end center;width:58px;height:58px;display:grid;box-shadow:inset 0 -12px 20px #00000073}.hero-portrait span{background:#050812d9;border-radius:999px;margin-bottom:-6px;padding:0 7px;font-size:.8rem;font-weight:800}.hero-main{flex-direction:column;gap:3px;width:210px;display:flex}.hero-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.skills{gap:6px;display:flex}.skill{cursor:pointer;background:#0b1020d9;border:2px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;padding:2px;display:flex;position:relative}.skill-passive{cursor:help;width:52px;border-color:#e6f1ff40!important}.skill-key{color:var(--muted);font-size:.7rem;font-weight:800;position:absolute;top:2px;left:5px}.skill-mana{color:#4da3ff;font-size:.62rem;font-weight:700;position:absolute;top:2px;right:5px}.skill-name{text-align:center;max-height:2.3em;margin-top:8px;font-size:.62rem;font-weight:700;line-height:1.1;overflow:hidden}.skill-pips{gap:2px;margin-top:3px;display:flex}.pip{background:#e6f1ff33;border-radius:2px;width:7px;height:4px}.pip-on{background:#ffd166}.skill-locked{opacity:.45}.skill-nomana{filter:saturate(.3)}.skill-aim{box-shadow:0 0 14px #39e6c4b3}.skill-cd{text-shadow:0 1px 3px #000;border-radius:8px;place-items:center;font-size:1.1rem;font-weight:800;display:grid;position:absolute;inset:0}.skill-up{color:#2a1f05;cursor:pointer;background:#ffd166;border:0;border-radius:50%;width:22px;height:22px;font-weight:900;animation:1s ease-in-out infinite pulse-up;position:absolute;top:-10px;right:-8px;box-shadow:0 0 10px #ffd166b3}.skill-req{color:var(--muted);white-space:nowrap;font-size:.55rem;position:absolute;bottom:-14px}@keyframes pulse-up{50%{transform:scale(1.15)}}.skill-tip{background:var(--panel);border:1px solid var(--panel-border);z-index:6;text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;border-radius:10px;width:250px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.skill-tip p{margin:4px 0 0}.skill:hover .skill-tip,.skill:focus .skill-tip,.inv-slot:hover .skill-tip,.inv-slot:focus .skill-tip{display:block}.inventory{grid-template-columns:repeat(3,54px);grid-auto-rows:30px;gap:4px;display:grid}.inv-slot{text-align:center;background:#0b102099;border:1px dashed #e6f1ff33;border-radius:6px;place-items:center;padding:1px;font-size:.58rem;line-height:1.05;display:grid;position:relative;overflow:visible}.inv-full{background:#3c2d0a80;border-style:solid;border-color:#ffd16680}.inv-active{cursor:pointer;border-color:#ffd166}.inv-key{color:#2a1f05;background:#ffd166;border-radius:4px;padding:0 3px;font-size:.6rem;font-weight:800;position:absolute;top:-6px;left:-4px}.inv-name{max-height:2.2em;overflow:hidden}.inv-cd{background:#0009;border-radius:6px;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;inset:0}.inv-shop{grid-column:1/-1;padding:3px 8px;font-size:.72rem}.sp-pill{animation:1s ease-in-out infinite pulse-up;position:absolute;top:-14px;left:80px}.minimap{border:1px solid var(--panel-border);cursor:crosshair;width:200px;height:150px;image-rendering:pixelated;background:#050a14;border-radius:10px;flex:none}.hero-hud .hud-chat{flex:none;width:260px}.hero-hud .build-hint{opacity:.8;font-size:.7rem;top:auto;bottom:-10px}.death-banner{border:1px solid var(--danger);color:var(--danger);background:#280812d9;border-radius:14px;padding:12px 28px;font-size:1.3rem;font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}.recall-banner{border-color:var(--accent);color:var(--accent);background:#061e1ad9;font-size:1rem;top:30%}.hero-enemy-tip{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;flex-direction:column;gap:3px;max-width:240px;padding:6px 10px;display:flex;position:absolute;top:120px;left:16px;pointer-events:none!important}.hero-enemy-tip .chips{gap:4px;display:flex}.team-bar{grid-column:1/-1}.mini-towers{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mini-tower{font:inherit;color:#ffd166;cursor:pointer;background:#0b1020b3;border:1px solid #e6f1ff26;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:3px;font-size:.72rem;display:flex}.mini-tower:disabled{opacity:.4;cursor:not-allowed}.wasd-toggle{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:6px 10px}.shop-panel{z-index:4;width:min(760px,100% - 300px);max-height:calc(100% - 260px);position:absolute;top:72px;left:16px;overflow-y:auto}.shop-head{justify-content:space-between}.shop-cols{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shop-col{flex-direction:column;gap:6px;display:flex}.shop-item{background:#0b102099;border-radius:8px;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.shop-item-head{justify-content:space-between;align-items:center;gap:6px;font-size:.82rem;display:flex}.shop-item-head .btn-small{padding:2px 8px;font-size:.72rem}@media (max-width:1280px){.hero-hud .hud-chat{display:none}.hero-main{width:170px}}.controls-help{font-size:.72rem;line-height:1.45}.tutorial{z-index:8;border:1px solid var(--accent);background:#0a1226f2;border-radius:14px;flex-direction:column;gap:6px;width:min(440px,100% - 32px);padding:12px 16px;animation:.25s ease-out toast-in;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #39e6c440}.tut-head{justify-content:space-between;align-items:center;display:flex}.tut-title{margin:2px 0 0;font-size:1.05rem}.tut-body{margin:0;font-size:.92rem;line-height:1.5}.tut-actions{justify-content:flex-end}.tut-dots{justify-content:center;gap:4px;display:flex}.tut-dots i{background:#e6f1ff40;border-radius:50%;width:6px;height:6px}.tut-dots i.on{background:var(--accent)}.speed{gap:2px;display:inline-flex}.speed .seg-btn{padding:3px 7px}.hero-portrait{position:relative;overflow:hidden}.hero-portrait img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-portrait span{z-index:1;position:relative}.skill{overflow:visible}.skill-icon{object-fit:cover;opacity:.9;pointer-events:none;border-radius:8px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.skill .skill-name{text-shadow:0 1px 3px #000,0 0 2px #000;position:relative}.skill .skill-key,.skill .skill-mana,.skill .skill-pips{z-index:1;text-shadow:0 1px 2px #000}.hero-pick{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 12px;display:grid}.btn{--btn-h:2.6rem;justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--btn-h);border-radius:var(--r-sm);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:.02em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ink-950);background:var(--grad-gold);border:1px solid var(--gold-200);text-shadow:0 1px #fff6dc73;transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast), box-shadow var(--dur-med);padding:0 1.3em;text-decoration:none;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #5e411073,0 0 0 1px #5e411099,0 .3rem .9rem #00000059}.btn:hover:not(:disabled){filter:brightness(1.08)saturate(1.05);box-shadow:inset 0 1px 0 #fff9, inset 0 -2px 0 #5e411073, 0 0 0 1px #5e411099, var(--glow-gold)}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.btn:focus-visible{outline:2px solid var(--jade-200);outline-offset:3px}.btn-secondary{color:var(--jade-100);border-color:var(--jade-400);text-shadow:0 1px 2px #0009;background:linear-gradient(#22b08452,#0e5e4780);box-shadow:inset 0 1px #d9fff02e,0 0 0 1px #04080799}.btn-secondary:hover:not(:disabled){box-shadow:inset 0 1px 0 #d9fff040, 0 0 0 1px #04080799, var(--glow-jade)}.btn-ghost{color:var(--fg);text-shadow:none;box-shadow:none;background:#f1ecdf08;border-color:#f1ecdf38}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-jade);box-shadow:none}.btn-danger{color:var(--fg-strong);text-shadow:0 1px 1px #0006;box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 1px var(--danger-ink);background:linear-gradient(#ff7a6e,#b8322b);border-color:#ffb0a8}.btn-small,.btn-sm{--btn-h:1.9rem;font-size:var(--fs-sm);padding:0 .85em}.btn-big,.btn-lg{--btn-h:3.3rem;font-size:var(--fs-lg);letter-spacing:.06em;padding:0 2.2em}.btn-block{width:100%}.btn-icon{--btn-h:2.3rem;width:var(--btn-h);padding:0}.btn-sm.btn-icon,.btn-small.btn-icon{width:1.9rem}.btn .btn-kbd{font-size:var(--fs-2xs);opacity:.7;font-weight:var(--fw-semibold)}.link{color:var(--jade-300);cursor:pointer;font:inherit;font-size:var(--fs-sm);text-align:left;background:0 0;border:0;padding:0}.link:hover{color:var(--jade-200);text-decoration:underline}.panel{--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fbe6ad'/%3E%3Cstop offset='.5' stop-color='%23e5b44f'/%3E%3Cstop offset='1' stop-color='%23946a1c'/%3E%3C/linearGradient%3E%3Cg id='c' fill='none' stroke='url(%23g)'%3E%3Cpath d='M2.5 30V11Q2.5 2.5 11 2.5H30' stroke-width='2'/%3E%3Cpath d='M9 22q0-13 13-13' stroke-width='1' opacity='.8'/%3E%3Cpolygon points='12,6.5 17.5,12 12,17.5 6.5,12' fill='%233fd3a2' stroke='%23fff6dc' stroke-width='.8'/%3E%3C/g%3E%3C/defs%3E%3Crect x='2.5' y='2.5' width='91' height='91' rx='9' fill='none' stroke='%23c9932e' stroke-opacity='.55' stroke-width='1.1'/%3E%3Crect x='6.5' y='6.5' width='83' height='83' rx='6' fill='none' stroke='%233fd3a2' stroke-opacity='.28' stroke-width='.8'/%3E%3Cuse href='%23c'/%3E%3Cuse href='%23c' transform='matrix(-1 0 0 1 96 0)'/%3E%3Cuse href='%23c' transform='matrix(1 0 0 -1 0 96)'/%3E%3Cuse href='%23c' transform='matrix(-1 0 0 -1 96 96)'/%3E%3C/svg%3E");isolation:isolate;background:var(--grad-panel);width:min(100%,26rem);box-shadow:var(--shadow-2), inset 0 0 2.5rem #3fd3a20f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.8rem;padding:clamp(1.25rem,.9rem + .8vw,1.9rem);position:relative}.panel:before{content:"";z-index:-1;pointer-events:none;border:1.4rem solid #0000;border-image:var(--frame) 30 / 1.4rem stretch;position:absolute;inset:0}.panel-wide{width:100%}.panel-plain:before{display:none}.panel-plain{border:1px solid var(--line-soft)}.panel-title{margin:0 0 var(--sp-4);font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:.06em;align-items:center;gap:var(--sp-2);background:var(--text-gold);color:#0000;-webkit-background-clip:text;background-clip:text;display:flex}.panel-title:after{content:"";background:linear-gradient(90deg,#e5b44f80,#0000);flex:1;height:1px}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.panel-head .panel-title{flex:1;margin:0}.form{gap:var(--sp-3);flex-direction:column;display:flex}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field-label{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase}.field-hint{font-size:var(--fs-xs);color:var(--faint)}input,select,textarea{font:inherit;font-size:var(--fs-md);color:var(--fg);border-radius:var(--r-sm);width:100%;transition:border-color var(--dur-fast), box-shadow var(--dur-fast);background:#040807a6;border:1px solid #e5b44f40;padding:.6rem .8rem}input::placeholder{color:var(--faint)}input:hover,select:hover:not(:disabled){border-color:#e5b44f73}input:focus,select:focus,textarea:focus{border-color:var(--jade-400);outline:none;box-shadow:0 0 0 3px #3fd3a233}input:disabled,select:disabled{opacity:.55;cursor:not-allowed}.select{display:block;position:relative}.select select{appearance:none;cursor:pointer;padding-right:2.2rem}.select:after{content:"";pointer-events:none;border-right:2px solid var(--gold-300);border-bottom:2px solid var(--gold-300);width:.45rem;height:.45rem;position:absolute;top:50%;right:.85rem;transform:translateY(-70%)rotate(45deg)}select option{background:var(--ink-800);color:var(--fg)}.code-input{text-transform:uppercase;letter-spacing:.35em;font-weight:var(--fw-black);text-align:center}.check{align-items:center;gap:var(--sp-2);font-size:var(--fs-md);cursor:pointer;display:flex}.check input{width:auto;accent-color:var(--jade-400)}.slider{gap:var(--sp-1);flex-direction:column;display:flex}.slider-head{justify-content:space-between;align-items:baseline;display:flex}.slider-val{font-size:var(--fs-sm);color:var(--gold-300);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.slider input[type=range]{--pct:50%;appearance:none;border-radius:var(--r-pill);cursor:pointer;background:linear-gradient(90deg, var(--jade-500), var(--jade-300) var(--pct), #f1ecdf1f var(--pct));border:0;height:.4rem;padding:0}.slider input[type=range]:focus{box-shadow:0 0 0 3px #3fd3a240}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--grad-gold);border:2px solid var(--gold-100);border-radius:50%;width:1.1rem;height:1.1rem;box-shadow:0 0 .6rem #e5b44f99}.slider input[type=range]::-moz-range-thumb{background:var(--gold-300);border:2px solid var(--gold-100);border-radius:50%;width:1rem;height:1rem}.toggle{align-items:center;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-md);-webkit-user-select:none;user-select:none;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{border-radius:var(--r-pill);width:2.6rem;height:1.4rem;transition:background var(--dur-med), border-color var(--dur-med);background:#f1ecdf1f;border:1px solid #f1ecdf33;flex:none;position:relative}.toggle-track:after{content:"";background:var(--muted);width:1rem;height:1rem;transition:transform var(--dur-med) var(--ease-spring), background var(--dur-med);border-radius:50%;position:absolute;top:50%;left:.15rem;transform:translateY(-50%)}.toggle input:checked+.toggle-track{border-color:var(--jade-400);background:#22b08473}.toggle input:checked+.toggle-track:after{background:var(--gold-200);transform:translate(1.2rem,-50%);box-shadow:0 0 .5rem #e5b44fb3}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--gold-300);outline-offset:2px}.toggle input:disabled+.toggle-track{opacity:.5}.tabs{gap:var(--sp-1);border-bottom:1px solid var(--line);margin-bottom:var(--sp-4);display:flex;overflow-x:auto}.tab{font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast);background:0 0;border:0;padding:.55rem .95rem;position:relative}.tab:hover{color:var(--fg)}.tab[aria-selected=true]{color:var(--gold-200)}.tab[aria-selected=true]:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-300), transparent);height:2px;box-shadow:0 0 .6rem var(--gold-400);border-radius:2px;position:absolute;bottom:-1px;left:15%;right:15%}.tabs-pill{border-radius:var(--r-pill);background:#04080780;border:0;width:-moz-fit-content;width:fit-content;padding:.2rem}.tabs-pill .tab{border-radius:var(--r-pill);padding:.35rem .9rem}.tabs-pill .tab[aria-selected=true]{color:var(--jade-100);box-shadow:inset 0 0 0 1px var(--line-jade);background:#22b0844d}.tabs-pill .tab[aria-selected=true]:after{display:none}.seg{gap:var(--sp-1);grid-template-columns:repeat(4,1fr);display:grid}.seg-btn{font:inherit;font-size:var(--fs-xs);border-radius:var(--r-xs);color:var(--fg);cursor:pointer;background:0 0;border:1px solid #f1ecdf33;padding:.25rem .15rem}.seg-on{border-color:var(--jade-400);color:var(--jade-200);background:#3fd3a233}.pill,.badge{border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.04em;white-space:nowrap;color:var(--fg);background:#f1ecdf14;border:1px solid #f1ecdf24;align-items:center;gap:.3em;padding:.1rem .6rem;display:inline-flex}.pill-ok,.badge-jade{color:var(--jade-200);border-color:var(--line-jade);background:#3fd3a229}.pill-host,.badge-gold{color:var(--gold-200);background:#e5b44f29;border-color:#e5b44f73}.pill-bad,.badge-danger{color:#ffaaa4;background:#ff5f5726;border-color:#ff5f5773}.badge-info{color:#bfe3ff;background:#7cc7ff24;border-color:#7cc7ff66}.badge-el{color:var(--el);border-color:color-mix(in srgb, var(--el) 50%, transparent);background:color-mix(in srgb, var(--el) 14%, transparent)}.progress{--pct:0%;--fill:linear-gradient(90deg, var(--jade-600), var(--jade-300));border-radius:var(--r-pill);background:#040807b3;border:1px solid #e5b44f40;height:.7rem;position:relative;overflow:hidden}.progress-fill{width:var(--pct);background:var(--fill);border-radius:inherit;transition:width var(--dur-med) var(--ease-out);position:absolute;inset:0 auto 0 0;box-shadow:0 0 .8rem #3fd3a273}.progress-fill:after{content:"";background:linear-gradient(#ffffff4d,#0000 55%);position:absolute;inset:0}.progress-lg{height:1.1rem}.progress-label{font-size:var(--fs-2xs);font-weight:var(--fw-black);text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.progress-gold{--fill:linear-gradient(90deg, var(--gold-600), var(--gold-300))}.progress-hp{--fill:linear-gradient(90deg, #219a55, var(--hp))}.progress-mp{--fill:linear-gradient(90deg, #1f5fc0, var(--mp))}.progress-danger{--fill:linear-gradient(90deg, #8f1f1a, var(--danger))}.progress-indeterminate .progress-fill{width:35%;animation:prog-slide calc(1.4s * var(--motion) + .3s) ease-in-out infinite}@keyframes prog-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.avatar{--size:2.8rem;--ring:var(--gold-400);width:var(--size);height:var(--size);background:radial-gradient(circle at 50% 35%, var(--ink-500), var(--ink-800));box-shadow:0 0 0 2px var(--ink-950), 0 0 0 3.5px var(--ring), 0 0 .8rem color-mix(in srgb, var(--ring) 45%, transparent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:visible}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-initial{font-weight:var(--fw-black);font-size:calc(var(--size) * .42);color:var(--gold-100);text-shadow:0 1px 3px #000}.avatar-badge{border-radius:var(--r-pill);min-width:1.3rem;height:1.3rem;font-size:var(--fs-2xs);font-weight:var(--fw-black);background:var(--grad-gold);color:var(--ink-950);border:1px solid var(--gold-100);place-items:center;padding:0 .25rem;display:grid;position:absolute;bottom:-.3rem;right:-.35rem}.avatar-sm{--size:2rem}.avatar-lg{--size:4.2rem}.avatar-xl{--size:6.5rem}.jade-icon{--size:3rem;--ring:var(--gold-400);width:var(--size);height:var(--size);background:radial-gradient(circle at 50% 40%, var(--ink-500), var(--ink-900));box-shadow:0 0 0 1px var(--ink-950), 0 0 0 2px var(--ring), inset 0 0 .6rem #0009;color:var(--gold-200);font-weight:var(--fw-black);border-radius:.55rem;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.jade-icon img{object-fit:cover;width:100%;height:100%}.jade-icon-sm{--size:2.2rem}.jade-icon-lg{--size:3.8rem}.el-icon{--el:var(--el-kinetic);width:1.3em;height:1.3em;color:var(--el);filter:drop-shadow(0 0 .25em color-mix(in srgb, var(--el) 70%, transparent));vertical-align:-.2em;flex:none;place-items:center;display:inline-grid}.el-icon svg{width:100%;height:100%}.el-thermal{--el:var(--el-thermal)}.el-cryo{--el:var(--el-cryo)}.el-volt{--el:var(--el-volt)}.el-toxin{--el:var(--el-toxin)}.el-kinetic{--el:var(--el-kinetic)}.el-photon{--el:var(--el-photon)}.kbd{border-radius:var(--r-xs);min-width:1.5em;height:1.5em;font-size:var(--fs-2xs);font-weight:var(--fw-black);font-family:var(--font-ui);color:var(--gold-100);background:linear-gradient(180deg, var(--ink-600), var(--ink-800));box-shadow:0 2px 0 var(--ink-950);border:1px solid #e5b44f73;place-items:center;padding:0 .35em;display:inline-grid}.overlay{pointer-events:auto;z-index:var(--z-modal);background:#02050499;place-items:center;display:grid;position:absolute;inset:0}.modal-backdrop{z-index:var(--z-modal);padding:var(--gutter);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--dur-med) var(--ease-out);background:radial-gradient(#0408078c,#020504d1);place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(100%, var(--modal-w,34rem));max-height:calc(100vh - 2 * var(--gutter));animation:modal-in var(--dur-med) var(--ease-out);flex-direction:column;display:flex;overflow-y:auto}.modal-sm{--modal-w:24rem}.modal-lg{--modal-w:52rem}.modal-body{gap:var(--sp-3);flex-direction:column;display:flex}.modal-foot{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(.8rem)scale(.97)}}.tooltip-anchor{display:inline-flex}.tooltip{z-index:var(--z-tooltip);pointer-events:none;max-width:min(20rem,100vw - 1rem);color:var(--fg);border-radius:var(--r-md);font-size:var(--fs-sm);box-shadow:var(--shadow-2), var(--glow-jade);animation:tip-in var(--dur-fast) var(--ease-out);background:linear-gradient(170deg,#142c27f7,#070d0cf7);border:1px solid #e5b44f80;padding:.55rem .75rem;line-height:1.45;position:fixed}.tooltip-title{font-weight:var(--fw-black);color:var(--gold-200);margin-bottom:.15rem;display:block}@keyframes tip-in{0%{opacity:0;transform:translateY(.25rem)}}.toast-host{top:calc(var(--gutter) + 3rem);z-index:var(--z-toast);gap:var(--sp-2);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--sp-2);pointer-events:auto;border:1px solid var(--line);border-radius:var(--r-pill);font-weight:var(--fw-bold);font-size:var(--fs-sm);box-shadow:var(--shadow-1);animation:toast-in var(--dur-med) var(--ease-spring);background:linear-gradient(170deg,#142c27f5,#070d0cf5);padding:.45rem 1.1rem;display:inline-flex}.toast-error{border-color:var(--danger);color:#ffb8b2}.toast-good{border-color:var(--jade-400);color:var(--jade-200)}.toast-gold{border-color:var(--gold-300);color:var(--gold-200)}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.table th{color:var(--gold-300);font-weight:var(--fw-bold);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);padding:.45rem .6rem}.table td{border-bottom:1px solid var(--line-soft);padding:.5rem .6rem}.table tbody tr:hover{background:var(--surface-hover)}.table .num{text-align:right}.result-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.result-table th,.result-table td{border-bottom:1px solid var(--line-soft);padding:.3rem .5rem}.result-table th{color:var(--gold-300);font-weight:var(--fw-semibold)}.divider{align-items:center;gap:var(--sp-3);color:var(--gold-400);font-size:var(--fs-xs);margin:var(--sp-2) 0;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#e5b44f80,#0000);flex:1;height:1px}.screen{min-height:100%;animation:screen-in var(--dur-slow) var(--ease-out) backwards}@keyframes screen-in{0%{opacity:0;filter:blur(4px);transform:translateY(.8rem)scale(.995)}}.fade-in{animation:fade-in var(--dur-med) var(--ease-out) both}.loading{z-index:var(--z-loading);padding:var(--gutter);background:radial-gradient(ellipse at 50% 40%, #0e5e4759, transparent 60%), radial-gradient(ellipse at 50% 110%, #c9932e38, transparent 55%), var(--ink-950);transition:opacity var(--dur-slow) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.loading-out{opacity:0;pointer-events:none}.loading-inner{align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;width:min(100%,34rem);display:flex}.loading-logo{filter:drop-shadow(0 0 1.4rem #e5b44f59);width:min(80vw,26rem);height:auto}.loading-seal{width:4.5rem;height:4.5rem;animation:spin calc(6s / var(--motion)) linear infinite;opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}.loading-bar{width:100%}.loading-status{width:100%;font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.loading-tip{max-width:30rem;min-height:4.2em;margin:var(--sp-2) 0 0;font-size:var(--fs-md);color:var(--fg);animation:fade-in var(--dur-slow) both;line-height:1.55}.loading-tip-label{font-size:var(--fs-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-300);margin-bottom:var(--sp-1);font-weight:var(--fw-black);display:block}.progress:has(.progress-label){min-height:1.05rem}.ui-icon{object-fit:contain;vertical-align:-.2em;filter:drop-shadow(0 0 .2rem #0009);display:inline-block}.realm-0,.realm-1{--realm:var(--jade-300)}.realm-2,.realm-3{--realm:#7cc7ff}.realm-4,.realm-5{--realm:#c49bff}.realm-6,.realm-7{--realm:var(--gold-300)}.realm-8{--realm:#ffb0a8}.realm-badge{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--realm);white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.realm-seal{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:1.6rem;height:1.6rem;font-size:.75rem;font-weight:var(--fw-black);color:var(--ink-950);background:var(--realm);flex:none;place-items:center;display:inline-grid}.realm-bar{flex-direction:column;gap:.2rem;min-width:10rem;display:flex}.linh-thach{color:var(--jade-100);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.lt-gem{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, var(--jade-100), var(--jade-400) 45%, var(--jade-700));width:.95rem;height:1.1rem;filter:drop-shadow(0 0 .3rem var(--jade-400));flex:none}.tv-orb{background:radial-gradient(circle at 35% 35%, var(--gold-100), var(--gold-400) 55%, var(--gold-700));width:1rem;height:1rem;box-shadow:0 0 .5rem var(--gold-400);vertical-align:-.15rem;border-radius:50%;display:inline-block}.framed{border-radius:50%;display:inline-flex;position:relative}.framed.frame_bronze{background:conic-gradient(#b87333,#ffd2a1,#8a4f1d,#e6a564,#b87333);padding:3px}.framed.frame_silver{background:conic-gradient(#c9d2dc,#fff,#8b96a3,#eef3f8,#c9d2dc);padding:3px;box-shadow:0 0 .6rem #dce6f066}.framed.frame_gold{background:conic-gradient(var(--gold-500), var(--gold-100), var(--gold-600), var(--gold-200), var(--gold-500));padding:4px;box-shadow:0 0 .9rem #e5b44f8c}.framed.frame_jade_lotus{background:conic-gradient(#1f8a68,#b9f5dc,#3fd3a2,#0f5c45,#8ff0c8,#1f8a68);padding:4px;box-shadow:0 0 .8rem #3fd3a280}.framed.frame_crimson_phoenix{background:conic-gradient(#8a0f1f,#ff9a5c,#ff2e63,#5c0a14,#ffd166,#8a0f1f);padding:4px;box-shadow:0 0 .9rem #ff2e638c}.framed.frame_azure_dragon{background:conic-gradient(#0f3c8a,#9fe2ff,#2f8cff,#0a2a5c,#5ec8ff,#0f3c8a);padding:4px;box-shadow:0 0 .9rem #5ec8ff8c}.framed.frame_violet_thunder{background:conic-gradient(#3b157a,#e1ccff,#8a4dff,#22094a,#c49bff,#3b157a);padding:4px;box-shadow:0 0 .9rem #b46bff99}.framed.frame_moon_silver{background:conic-gradient(#8b96a3,#fff,#d9e8ff,#5d6875,#f4f8ff,#8b96a3);padding:4px;box-shadow:0 0 1rem #d9e8ff99}.framed.frame_season_1{background:conic-gradient(var(--gold-500), #b46bff, var(--gold-100), #3fd3a2, var(--gold-600), #b46bff, var(--gold-500));padding:5px;box-shadow:0 0 1.1rem #e5b44f99}:root[data-uiart=on] .framed.frame_bronze .avatar:after{filter:hue-rotate(-18deg)saturate(1.2)brightness(.78)drop-shadow(0 0 .25rem #b8733399)}:root[data-uiart=on] .framed.frame_silver .avatar:after{filter:saturate(0)brightness(1.3)drop-shadow(0 0 .3rem #dce6f099)}:root[data-uiart=on] .framed.frame_gold .avatar:after{filter:saturate(1.35)brightness(1.12)drop-shadow(0 0 .4rem #e5b44fcc)}:root[data-uiart=on] .framed.frame_jade_lotus .avatar:after{filter:hue-rotate(115deg)saturate(1.3)drop-shadow(0 0 .4rem #3fd3a2b3)}:root[data-uiart=on] .framed.frame_crimson_phoenix .avatar:after{filter:hue-rotate(-40deg)saturate(2)brightness(.95)drop-shadow(0 0 .4rem #ff2e63bf)}:root[data-uiart=on] .framed.frame_azure_dragon .avatar:after{filter:hue-rotate(170deg)saturate(1.6)drop-shadow(0 0 .4rem #5ec8ffbf)}:root[data-uiart=on] .framed.frame_violet_thunder .avatar:after{filter:hue-rotate(230deg)saturate(1.5)drop-shadow(0 0 .4rem #b46bffcc)}:root[data-uiart=on] .framed.frame_moon_silver .avatar:after{filter:saturate(.15)brightness(1.45)drop-shadow(0 0 .45rem #d9e8ffd9)}:root[data-uiart=on] .framed.frame_season_1 .avatar:after{filter:hue-rotate(240deg)saturate(1.4)brightness(1.1)drop-shadow(0 0 .45rem #e5b44fcc)}.user-chip-btn{font:inherit;color:inherit;cursor:pointer;text-align:left}.user-chip-btn:hover{border-color:var(--line-jade);background:var(--surface-hover)}.uc-main{flex-direction:column;min-width:0;line-height:1.2;display:flex}.uc-hello{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--muted);letter-spacing:.02em;white-space:nowrap}.uc-name{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:calc(var(--fs-md) * 1.06);letter-spacing:.03em;color:var(--gold-100);text-shadow:0 1px 2px #000,0 0 .5rem #e5b44f40;text-overflow:ellipsis;white-space:nowrap;max-width:10rem;padding-bottom:.08em;overflow:hidden}.realm-chip{border-radius:var(--r-pill);border:1px solid var(--line);background:#04080799;flex:none;align-items:center;padding:.2rem .75rem .2rem .35rem;display:inline-flex}.realm-chip .realm-badge{font-size:calc(var(--fs-sm) * 1.08);text-shadow:0 1px 2px #000;gap:.4rem}.realm-chip .realm-seal{width:1.35rem;height:1.35rem;font-family:var(--font-ui);font-size:.72rem;box-shadow:inset 0 0 0 2px #00000040}.topbar-right .linh-thach{border-radius:var(--r-pill);border:1px solid var(--line-jade);background:#04080799;padding:.25rem .7rem}.profile-h{font-size:var(--fs-xl);margin:0}.profile-hero{--realm:var(--jade-300);gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:radial-gradient(ellipse at 15% 50%, color-mix(in srgb, var(--realm) 18%, transparent), transparent 60%), var(--grad-panel);border:1px solid var(--line);box-shadow:var(--shadow-1);align-items:center;display:flex}.realm-glow-0,.realm-glow-1{--realm:var(--jade-300)}.realm-glow-2,.realm-glow-3{--realm:#7cc7ff}.realm-glow-4,.realm-glow-5{--realm:#c49bff}.realm-glow-6,.realm-glow-7,.realm-glow-8{--realm:var(--gold-300)}.ph-main{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.ph-name{font-size:var(--fs-xl);color:var(--fg-strong);text-overflow:ellipsis;margin:0;overflow:hidden}.name-glow{background:linear-gradient(90deg, var(--gold-100), #ffb0a8, var(--gold-200));color:#0000;filter:drop-shadow(0 0 .4rem #ffb0a880);-webkit-background-clip:text;background-clip:text}.ph-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--gold-200);letter-spacing:.06em}.ph-pins{flex-wrap:wrap;gap:.3rem;display:flex}.ph-meta{gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.profile-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.profile-stats{gap:var(--sp-2);margin:0 0 var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.profile-stats div{border-radius:var(--r-sm);border:1px solid var(--line-soft);background:#04080773;padding:.4rem .6rem}.profile-stats dt{font-size:var(--fs-2xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.profile-stats dd{font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--fg-strong);font-variant-numeric:tabular-nums;margin:0}.pin-list{margin:var(--sp-1) 0;flex-wrap:wrap;gap:.35rem;display:flex}.pin-chip{font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted);border:1px solid var(--line-soft);border-radius:var(--r-pill);cursor:pointer;background:#04080780;padding:.25rem .7rem}.pin-chip.is-on{color:var(--gold-100);border-color:var(--gold-400);box-shadow:0 0 .5rem #e5b44f59}.pick-row{gap:var(--sp-2);margin:var(--sp-1) 0 var(--sp-3);flex-wrap:wrap;display:flex}.pick{font:inherit;color:var(--fg);border:1px solid var(--line-soft);border-radius:var(--r-md);cursor:pointer;background:#04080773;justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.pick-col{flex-direction:column;gap:.3rem;min-width:5.5rem}.pick.is-on{border-color:var(--jade-400);box-shadow:0 0 0 1px var(--jade-400), var(--glow-jade)}.pick.is-locked{opacity:.55;cursor:not-allowed}.pick:disabled:not(.is-locked){cursor:progress}.ledger-list{flex-direction:column;gap:.25rem;max-height:22rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ledger-list li{gap:var(--sp-2);border-bottom:1px solid var(--line-soft);font-size:var(--fs-sm);grid-template-columns:auto 1fr auto;align-items:baseline;padding:.3rem .4rem;display:grid}.ledger-amt{font-variant-numeric:tabular-nums;white-space:nowrap}.ledger-linh_thach{color:var(--jade-200)}.ledger-tu_vi{color:var(--gold-200)}.realm-ladder{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.realm-ladder li{gap:0 var(--sp-2);border-radius:var(--r-sm);border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;padding:.35rem .5rem;display:grid}.realm-ladder li .realm-seal{grid-row:1/3}.realm-ladder .rl-name{font-weight:var(--fw-bold)}.realm-ladder .rl-unlock{color:var(--muted);grid-column:2/-1}.realm-ladder li.is-done{opacity:.7}.realm-ladder li.is-now{border-color:var(--line-jade);background:#3fd3a214}.reward-panel{margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--line);gap:var(--sp-2);background:radial-gradient(at 50% 0,#e5b44f24,#0000 70%),#04080780;flex-direction:column;display:flex}.reward-h{font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;background:var(--text-gold);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.reward-row{gap:var(--sp-5);flex-wrap:wrap;display:flex}.reward-gain{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;display:inline-flex}.reward-tv strong{color:var(--gold-200)}.reward-realm{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.reward-realm .realm-bar{flex:1}.breakthrough{text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:.06em;color:var(--gold-100);text-shadow:0 0 .8rem var(--gold-400);animation:breakthrough calc(1.4s / var(--motion)) var(--ease-spring) both;margin:0}.breakthrough-realm{font-size:var(--fs-xl);border-radius:var(--r-pill);background:linear-gradient(90deg,#0000,#e5b44f40,#0000);padding:.3rem 0}@keyframes breakthrough{0%{opacity:0;filter:blur(4px);transform:scale(.6)}40%{opacity:1;filter:none;transform:scale(1.12)}to{transform:scale(1)}}@media (max-width:900px){.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-hero{text-align:center;flex-direction:column}.ph-meta,.ph-pins{justify-content:center}.profile-hero .realm-badge{align-self:center}}.live-nav{gap:var(--sp-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.live-nav-btn{font:inherit;color:var(--fg);cursor:pointer;border-radius:var(--r-md);text-align:center;background:var(--grad-panel);border:1px solid var(--line);min-height:4rem;box-shadow:var(--shadow-1);transition:transform var(--dur-fast), border-color var(--dur-fast);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .3rem;display:flex}.live-nav-btn:hover{border-color:var(--gold-400);transform:translateY(-2px)}.ln-ico{color:var(--gold-200);filter:drop-shadow(0 0 .4rem #e5b44f80);font-size:1.4rem;line-height:1}.ln-daily .ln-ico{color:#ffd166}.ln-season .ln-ico{color:var(--jade-200)}.ln-bp .ln-ico{color:#c49bff}.ln-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1.2}:root[data-compact=true][data-orient=portrait] .live-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.live .tabs-pill{max-width:100%;overflow-x:auto}.live-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (max-width:900px){.live-grid{grid-template-columns:minmax(0,1fr)}}.daily-spec{gap:var(--sp-3);flex-direction:column;display:flex}.daily-spec .row{flex-wrap:wrap}.mod-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mod-list li{border-radius:var(--r-md);background:#ffd16612;border:1px solid #ffd1664d;flex-direction:column;gap:.15rem;padding:.5rem .7rem;display:flex}.mod-list strong{color:#ffd166}.daily-mine{font-weight:var(--fw-bold);margin:0}.live-board{margin:var(--sp-2) 0 0;flex-direction:column;gap:.2rem;padding:0;list-style:none;display:flex}.live-board li{gap:var(--sp-2);border-radius:var(--r-sm);background:#04080766;grid-template-columns:2rem 1fr auto;align-items:center;padding:.35rem .5rem;display:grid}.live-board li.is-me{outline:1px solid var(--jade-400)}.lb-rank{font-weight:var(--fw-black);text-align:center;color:var(--muted)}.lb-top1{color:var(--gold-200)}.lb-top2{color:#dfe7ef}.lb-top3{color:#e6a564}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-score{font-variant-numeric:tabular-nums}.quest-group{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.quest-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.quest-list li{gap:.3rem var(--sp-2);grid-template-columns:1fr auto;align-items:center;display:grid}.quest-list li .progress{grid-column:1/-1}.quest-list li.is-done .q-name{color:var(--jade-200)}.bp-head{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.bp-tier{font-size:var(--fs-xl);font-weight:var(--fw-black);color:#d9c4ff}.bp-bar{flex:1;min-width:12rem}.bp-track{margin:var(--sp-3) 0 0;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));padding:0;list-style:none;display:grid}.bp-cell{border-radius:var(--r-md);border:1px solid var(--line-soft);text-align:center;opacity:.75;background:#04080780;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;display:flex}.bp-cell.is-open{opacity:1;border-color:var(--gold-400);box-shadow:0 0 .6rem #e5b44f4d}.bp-cell.is-got{opacity:1;border-color:var(--line-jade)}.bp-cell.is-special{background:radial-gradient(at 50% 30%,#c49bff2e,#04080780 70%)}.bp-n{font-weight:var(--fw-black);color:var(--muted)}.bp-label{min-height:2.4em}.jade{color:var(--jade-200)}.cos-art{--aura:var(--gold-400);border-radius:var(--r-md);background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--aura) 40%, transparent), var(--ink-900) 72%);width:5rem;height:5rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--aura) 55%, transparent);place-items:center;display:grid;overflow:hidden}.cos-art img{object-fit:contain;width:100%;height:100%}.cos-sm{width:3.4rem;height:3.4rem}.cos-glyph{font-size:1.6rem;font-weight:var(--fw-black);color:var(--gold-200)}.shop-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.shop-cards{margin:0 0 var(--sp-3);gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:0;list-style:none;display:grid}.shop-card{padding:var(--sp-3);border-radius:var(--r-lg);text-align:center;background:var(--grad-panel);border:1px solid var(--line);box-shadow:var(--shadow-1);flex-direction:column;align-items:center;gap:.4rem;display:flex}.shop-card .cos-art{width:6.5rem;height:6.5rem}.shop-head .tabs{margin:0}.shop-rows{gap:var(--sp-3);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.shop-row{gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-soft);grid-template-columns:8.5rem 1fr;align-items:center;display:grid}.shop-row-flat{border-bottom:0;grid-template-columns:1fr}.shop-row-label{font-size:var(--fs-md);color:var(--gold-200);align-items:center;gap:.4rem;margin:0;display:flex}.shop-row .shop-cards{margin:0}.shop-card .cos-frame .framed{transform:scale(1.15)}:root[data-compact=true] .shop-row{gap:var(--sp-2);grid-template-columns:1fr}:root[data-compact=true][data-orient=landscape] .shop-row:not(.shop-row-flat) .shop-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-card.is-owned{border-color:var(--line-jade)}.loadout-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.loadout-list li{gap:var(--sp-2);border-bottom:1px solid var(--line-soft);grid-template-columns:7rem 1fr;align-items:center;padding:.4rem 0;display:grid}.lo-label{font-weight:var(--fw-bold)}.loadout-list .pick-row{margin:0}:root[data-compact=true][data-orient=portrait] .loadout-list li{grid-template-columns:1fr}:root[data-compact=true] .shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-compact=true] .bp-track{grid-template-columns:repeat(3,minmax(0,1fr))}.reward-live{font-size:var(--fs-sm);font-weight:var(--fw-bold);margin:0}.whud .daily-mods{top:calc(var(--sp-3) + 3.4rem);pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.3rem;max-width:92vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dm-tag,.dm-mod{font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--r-pill);color:#ffd166;white-space:nowrap;background:#060c0bd9;border:1px solid #ffd16673;padding:.15rem .6rem}.dm-tag{color:var(--ink-950);background:linear-gradient(90deg,#8a5a00,#c98a12);border-color:#ffd166}body:has(.boss-bar) .whud .daily-mods{top:calc(var(--sp-3) + 6.6rem)}:root[data-compact=true] .whud .daily-mods{top:auto;bottom:calc(var(--safe-b) + 9.5rem);left:calc(var(--safe-l) + .4rem);justify-content:flex-start;transform:none}:root[data-compact=true][data-orient=landscape] .whud .daily-mods{bottom:calc(var(--safe-b) + 6.5rem)}.fog-overlay{background:radial-gradient(55% 50%,#0000 55%,#c8d6d259 80%,#aabab6bf 100%);position:absolute;inset:0;pointer-events:none!important}.tw-locked{filter:grayscale()brightness(.45);cursor:not-allowed}.shop-card .btn{white-space:normal;height:auto;min-height:var(--btn-h);padding-block:.35rem;line-height:1.2}.shop-card strong{line-height:1.25}.shop-card .btn{width:100%}.buy-short{align-items:center;gap:.3rem;display:none}:root[data-compact=true] .shop-card .buy-full{display:none}:root[data-compact=true] .shop-card .buy-short{display:inline-flex}.shop-card.is-trying{box-shadow:0 0 0 1px var(--gold-300), var(--glow-gold)}.trial-note{margin:0 0 var(--sp-3);border-radius:var(--r-md);color:var(--gold-200);background:#e5b44f1a;border:1px dashed #e5b44f80;padding:.35rem .8rem}.try-compare{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.try-box{--aura:var(--gold-400);border-radius:var(--r-lg);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--aura) 32%, transparent), transparent 65%), linear-gradient(180deg, var(--ink-700), var(--ink-950));border:1px solid var(--line-soft);flex-direction:column;justify-content:flex-end;align-items:center;height:clamp(11rem,32vh,16rem);margin:0;display:flex;position:relative;overflow:hidden}.try-box-skin{border-color:color-mix(in srgb, var(--aura) 60%, transparent)}.try-box .sprite-preview{position:absolute;inset:0}.try-box .cos-art{width:7rem;height:7rem;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.try-box figcaption{z-index:2;border-radius:var(--r-pill);background:#040807b3;margin-bottom:.4rem;padding:.2rem .6rem;position:relative}.try-hint{margin:var(--sp-3) 0 var(--sp-2)}.try-actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end;display:flex}:root[data-compact=true][data-orient=portrait] .try-compare{grid-template-columns:1fr}:root[data-compact=true][data-orient=portrait] .try-box{height:9rem}.home{--hm-ink:#4a2f17;--hm-line:#5b3a1c;--hm-cream:#fff8e7;--hm-gold:#ffc93c;--hm-gold-d:#e39b12;--hm-sky:#7cc4f5;--hm-navy:#1c2e5ccc;--hm-pad:clamp(.5rem, .2rem + 1vw, 1.25rem);--hm-top:3.4rem;--hm-bot:4.1rem;grid-template-columns:auto minmax(0,1fr) minmax(13.5rem,34%);grid-template-rows:var(--hm-top) minmax(0, 1fr) var(--hm-bot);gap:.4rem var(--hm-pad);padding:calc(.35rem + var(--safe-t,0px)) calc(var(--hm-pad) + var(--safe-r,0px)) calc(.35rem + var(--safe-b,0px)) calc(var(--hm-pad) + var(--safe-l,0px));color:var(--hm-ink);background:linear-gradient(#bfe3ff 0%,#e7f4ff 55%,#f7efd9 100%);display:grid;position:fixed;inset:0;overflow:hidden}:root[data-uiart=on] .home{background:var(--ui-bg_lobby,none) center / cover no-repeat, linear-gradient(180deg, #bfe3ff, #f7efd9)}.home :is(.hm-side-label,.hm-nav-label,.hm-name){color:#fff;text-shadow:0 0 2px var(--hm-line), 0 0 2px var(--hm-line), 0 1px 0 var(--hm-line), 0 2px 3px #00000059;font-family:var(--font-display);font-weight:var(--fw-black,800);letter-spacing:.01em;line-height:1.1}.hm-top{grid-area:1/1/auto/-1;align-items:center;gap:.6rem;min-width:0;padding-right:4rem;display:flex}.hm-profile{font:inherit;color:inherit;cursor:pointer;min-width:0;height:2.6rem;box-shadow:0 0 0 2px var(--hm-gold-d), 0 0 0 4px var(--hm-line), 0 .25rem .5rem #0003;background:#fff8e7f2;border:0;border-radius:999px;align-items:center;gap:.5rem;margin:0;padding:0 1rem 0 .2rem;display:inline-flex}.hm-profile .avatar{--size:2.7rem;margin:-.3rem 0}.hm-profile .avatar-badge{font-family:var(--font-display);color:#5a2e00;font-size:.8rem}.hm-profile .hm-name{color:var(--hm-ink);text-shadow:none;text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:1.05rem;line-height:1;overflow:hidden}.hm-res{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;margin:0 0 0 auto;padding:0;display:inline-flex}.hm-res .linh-thach{background:var(--hm-navy);height:2.3rem;box-shadow:0 0 0 2px var(--hm-gold-d), 0 0 0 3.5px var(--hm-line);border:0;border-radius:999px;align-items:center;gap:.4rem;padding:0 1rem 0 .35rem;display:inline-flex;position:relative}:root .home .hm-res .linh-thach{color:#fff}.hm-res .linh-thach strong{font-family:var(--font-display);text-shadow:0 1px 2px #000;text-align:center;min-width:2.5rem;font-size:1.1rem;font-weight:800;line-height:1}:root[data-uiv2=on] .hm-profile{--cap:calc(2.6rem * var(--ui-name_plate-ar,.5));border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-name_plate) var(--ui-name_plate-s) fill / 0 var(--cap) stretch;box-shadow:none;filter:drop-shadow(0 .2rem .3rem #00000040);background:0 0;border-radius:0;padding:0 .1rem 0 0}:root[data-uiv2=on] .hm-profile .avatar{margin-left:calc(var(--cap) * -.75)}:root[data-uiv2=on] .hm-res .linh-thach{--cap:calc(2.3rem * var(--ui-res_pill-ar,.5));border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-res_pill) var(--ui-res_pill-s) fill / 0 var(--cap) stretch;box-shadow:none;filter:drop-shadow(0 .15rem .25rem #0000004d);background:0 0;border-radius:0;padding:0}:root[data-uiv2=on] .hm-res .lt-gem{left:calc(var(--cap) * -.5 - .7rem);width:1.4rem;height:1.4rem;position:absolute;top:50%;transform:translateY(-50%)}.hm-rejoin{top:calc(var(--hm-top) + .6rem + var(--safe-t,0px));z-index:3;background:var(--hm-cream);color:var(--hm-ink);box-shadow:0 0 0 2px var(--hm-gold-d), 0 0 0 4px var(--hm-line), 0 .3rem .8rem #00000040;border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .5rem .35rem 1rem;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hm-side{flex-direction:column;grid-area:2/1;align-self:center;align-items:center;gap:.45rem;display:flex}.hm-side-btn,.hm-nav-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.1rem;min-width:3.4rem;padding:0;display:flex}.hm-side-ico,.hm-nav-ico{background:radial-gradient(circle at 50% 35%, #b6e2ff, var(--hm-sky) 60%, #3a8fd6);width:3rem;height:3rem;box-shadow:inset 0 -.2rem 0 #00000026, 0 0 0 2px var(--hm-gold), 0 0 0 4px var(--hm-line), 0 .2rem .35rem #00000040;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.hm-side-btn:active .hm-side-ico,.hm-nav-btn:active .hm-nav-ico{transform:scale(.93)}.hm-side-label,.hm-nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:5.5rem;font-size:.875rem;overflow:hidden}:root[data-uiv2=on] :is(.hm-side-ico,.hm-nav-ico){background:var(--ui-side_btn) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 .2rem .25rem #0000004d);width:3.2rem;height:3.2rem}.hm-side-ico .ui-icon,.hm-nav-ico .ui-icon{filter:drop-shadow(0 1px 1px #00000059)}.hm-stage{min-height:0;font:inherit;cursor:pointer;background:0 0;border:0;grid-area:2/2/4;align-self:stretch;place-items:end center;padding:0;display:grid;position:relative}.hm-pedestal{left:50%;bottom:calc(var(--hm-bot) * .55);aspect-ratio:3;width:min(70%,16rem);animation:hm-glow calc(3s / var(--motion,1)) ease-in-out infinite alternate;background:radial-gradient(at 50% 40%,#fff6c9 0%,#ffd76a 35%,#ffc93c59 60%,#0000 72%);border-radius:50%;position:absolute;transform:translate(-50%)}.hm-hero{z-index:1;left:0;right:0;bottom:calc(var(--hm-bot) * .62);object-fit:contain;filter:drop-shadow(0 .4rem .4rem #00000040);width:auto;max-width:100%;height:min(80%,18rem);animation:hm-bob calc(2.6s / var(--motion,1)) ease-in-out infinite alternate;margin:0 auto;position:absolute}@keyframes hm-bob{to{transform:translateY(-.35rem)}}@keyframes hm-glow{to{opacity:.65}}.hm-modes{grid-area:2/3;grid-auto-rows:minmax(0,1fr);gap:.4rem;min-height:0;display:grid}.hm-mode{cursor:pointer;text-align:left;min-height:0;font:inherit;color:#fff;box-shadow:0 0 0 2px #fff6dc, 0 0 0 4px var(--hm-line), 0 .25rem .5rem #00000040;transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast);background:linear-gradient(135deg,#8fd3ff,#4aa3e8);border:0;border-radius:.9rem;padding:0;position:relative;overflow:hidden}.hm-mode-hero{background:linear-gradient(135deg,#b9a8ec,#7b6ad6)}.hm-mode-pk{background:linear-gradient(135deg,#ffb37a,#e8604a)}.hm-mode-dday{background:linear-gradient(110deg,#5fd3a0 0%,#3a8f7a 45%,#8a3a6a 55%,#d9465c 100%)}.hm-mode:not(.is-on){filter:saturate(.75)brightness(.92)}.hm-mode.is-on{box-shadow:0 0 0 3px var(--hm-gold), 0 0 0 5px var(--hm-line), 0 0 1rem #ffc93ccc}.hm-mode:active{transform:scale(.98)}.hm-mode-art{display:block;position:absolute;inset:0}.hm-mode-bg{object-fit:cover;width:100%;height:100%}.hm-mode-spr{object-fit:contain;width:auto;height:112%;position:absolute;bottom:-8%}.hm-mode-spr-0{right:30%}.hm-mode-spr-1{z-index:1;right:10%}.hm-mode-spr-2{right:-8%}.hm-mode-text{background:linear-gradient(#0000,#141e3cbf);flex-direction:column;gap:0;padding:.6rem .7rem .3rem;display:flex;position:absolute;bottom:0;left:0;right:0}.hm-mode-title{font-family:var(--font-display);font-weight:var(--fw-black,800);text-shadow:0 0 2px var(--hm-line), 0 0 2px var(--hm-line), 0 2px 2px #0006;font-size:1.15rem;line-height:1.05}.hm-mode-tag{opacity:.95;text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.hm-nav{z-index:1;box-shadow:0 0 0 2px var(--hm-gold-d), 0 0 0 4px var(--hm-line), 0 .25rem .6rem #00000040;background:#fff8e7e0;border-radius:1.2rem;grid-area:3/1/auto/3;place-self:end start;align-items:flex-end;gap:.25rem;padding:.2rem .7rem .15rem;display:flex}.hm-nav-btn{min-width:4rem}.hm-nav-ico{width:2.5rem;height:2.5rem;margin-top:-.9rem}:root[data-uiv2=on] .hm-nav-ico{width:2.7rem;height:2.7rem}:root[data-uiv2=on] .hm-nav{--cap:calc(var(--hm-bot) * var(--ui-nav_bar-ar,.3));border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-nav_bar) var(--ui-nav_bar-s) fill / 0 var(--cap) stretch;box-shadow:none;background:0 0;border-radius:0;padding:.2rem 0 .15rem}.hm-nav .hm-nav-label{font-size:.875rem}.hm-battle{font:inherit;cursor:pointer;color:#5a2e00;background:linear-gradient(180deg, #fff3a8 0%, var(--hm-gold) 45%, var(--hm-gold-d) 100%);box-shadow:inset 0 .25rem 0 #ffffff8c, inset 0 -.3rem 0 #96500059, 0 0 0 3px var(--hm-line), 0 .35rem .7rem #0000004d;font-family:var(--font-display);font-weight:var(--fw-black,800);letter-spacing:.02em;text-shadow:0 1px #fffadcb3;transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast);animation:hm-pulse calc(1.8s / var(--motion,1)) ease-in-out infinite;border:0;border-radius:999px;grid-area:3/3;justify-content:center;align-self:stretch;align-items:center;gap:.5rem;padding:0 1rem;font-size:1.45rem;display:flex}.hm-battle:hover{filter:brightness(1.06)}.hm-battle:active{transform:scale(.97)}@keyframes hm-pulse{50%{filter:brightness(1.1)drop-shadow(0 0 .6rem #ffc93cb3)}}:root[data-uiv2=on] .hm-battle{--cap:calc(var(--hm-bot) * var(--ui-battle_btn-ar,.5));border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-battle_btn) var(--ui-battle_btn-s) fill / 0 var(--cap) stretch;box-shadow:none;padding:0;padding-top:calc(var(--hm-bot) * var(--ui-battle_btn-ft,0));padding-bottom:calc(var(--hm-bot) * var(--ui-battle_btn-fb,0));background:0 0;border-radius:0}.hm-play{--modal-w:54rem}.hm-play-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:.9rem;min-height:0;display:grid}.hm-play-col{flex-direction:column;gap:.55rem;min-width:0;display:flex}.hm-field{flex-direction:column;gap:.2rem;display:flex}.hm-field-label{color:var(--muted);font-size:.875rem;font-weight:800}.hm-chips{flex-wrap:wrap;gap:.35rem;display:flex}.hm-chip{font:inherit;cursor:pointer;min-width:2.6rem;min-height:2.4rem;color:var(--hm-ink,#4a2f17);box-shadow:0 0 0 2px #9cc9ef, 0 0 0 3.5px var(--hm-line,#5b3a1c);background:#fff8e7;border:0;border-radius:999px;padding:0 .85rem;font-weight:800}.hm-chip.is-on{box-shadow:0 0 0 2px #e39b12, 0 0 0 3.5px var(--hm-line,#5b3a1c), 0 0 .6rem #ffc93cb3;background:linear-gradient(#fff3a8,#ffc93c)}.hm-maps{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.45rem;display:grid}.hm-map{font:inherit;cursor:pointer;aspect-ratio:16/9;box-shadow:0 0 0 2px #fff6dc, 0 0 0 3.5px var(--hm-line,#5b3a1c);border:0;border-radius:.7rem;padding:0;position:relative;overflow:hidden}.hm-map img{object-fit:cover;width:100%;height:100%}.hm-map .hm-map-lanes{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hm-map-note{color:var(--hm-ink);opacity:.85;margin:.3rem 0 0;font-size:.8rem;font-weight:600;line-height:1.25}.hm-map span{color:#fff;text-shadow:0 1px 2px #000;text-align:left;background:linear-gradient(#0000,#141e3ccc);padding:.15rem .4rem;font-size:.875rem;font-weight:800;position:absolute;bottom:0;left:0;right:0}.hm-map.is-on{box-shadow:0 0 0 3px #ffc93c, 0 0 0 5px var(--hm-line,#5b3a1c), 0 0 .8rem #ffc93ccc}.hm-create-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;display:flex}.hm-code{align-items:center;gap:.4rem;display:flex}.hm-code input{flex:1;min-width:0}.hm-sub{margin:.2rem 0 0;font-size:1rem}.hm-empty{margin:0}.hm-rooms{flex-direction:column;gap:.35rem;min-height:0;max-height:16rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hm-room{background:#ffffff8c;border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.35rem .5rem;display:grid;box-shadow:inset 0 0 0 1.5px #5b3a1c40}.hm-room-main{flex-direction:column;min-width:0;display:flex}.hm-room-main strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hm-room-main small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.hm-room-count{font-variant-numeric:tabular-nums;font-weight:800}.hm-ranks{--modal-w:46rem}:root[data-compact=true] .home{--hm-top:3.1rem;--hm-bot:3.9rem;grid-template-columns:auto minmax(0,1fr) minmax(12.5rem,32%);gap:.3rem .7rem}:root[data-compact=true] .hm-top{padding-right:3.6rem}:root[data-compact=true] .hm-side{gap:.3rem}:root[data-compact=true] .hm-side-ico{width:2.75rem;height:2.75rem}:root[data-compact=true][data-uiv2=on] .hm-side-ico{width:2.9rem;height:2.9rem}:root[data-compact=true] .hm-battle{font-size:1.3rem}:root[data-compact=true] .hm-mode-title{font-size:1.05rem}:root[data-compact=true] .hm-play-grid{gap:.6rem}:root[data-compact=true][data-orient=landscape] .modal.hm-play{width:min(100%,54rem)}:root[data-compact=true][data-orient=landscape] .modal.hm-ranks{width:min(100%,46rem)}:root[data-compact=true][data-orient=landscape] .hm-play .hm-chip{min-height:2.2rem}:root[data-compact=true][data-orient=landscape] .hm-maps{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}:root[data-compact=true][data-orient=portrait] .hm-play-grid{grid-template-columns:minmax(0,1fr)}@media (max-height:380px){.home{--hm-top:2.9rem;--hm-bot:3.6rem}.hm-side-label{display:none}.hm-nav-ico{margin-top:-.6rem}}.whud{pointer-events:none;font-size:var(--fs-sm);padding:0;display:block;position:absolute;inset:0}.whud>*{pointer-events:none}.whud .res-bar,.whud .whud-top-right,.whud .boss-bar,.whud .feed-item,.whud .whud-side>*,.whud .whud-bottom-left>*,.whud .tutorial,.whud .result-overlay{pointer-events:auto}.whud .hud-card,.whud .res-bar,.whud .whud-top-right,.whud .hud-chat,.whud .boss-bar{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(170deg,#10221fe0,#060c0be6)}.whud-top{top:var(--sp-3);left:var(--sp-3);justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex;position:absolute;right:9.5rem}.res-bar{align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:.4rem .9rem;display:flex}.res{white-space:nowrap;border-radius:var(--r-sm);align-items:center;gap:.35rem;display:inline-flex}.res strong{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}.res-label{color:var(--muted);text-transform:uppercase;font-size:var(--fs-2xs);letter-spacing:.1em;font-weight:var(--fw-bold)}.res-wave strong{color:var(--fg-strong)}.res-lives{color:#ff8a82}.res-lives .res-ico{filter:drop-shadow(0 0 .3rem #ff5f57b3)}.res-gold{color:var(--gold-200)}.res-gold .res-ico{color:var(--gold-300);filter:drop-shadow(0 0 .3rem #e5b44fb3)}.res-phase{color:var(--muted);font-size:var(--fs-xs)}.res-hit{animation:res-hit .6s var(--ease-out)}.res-pulse{animation:res-pulse .45s var(--ease-out)}.res-low{animation:res-low calc(1.2s / var(--motion)) ease-in-out infinite}@keyframes res-hit{20%{color:#fff;transform:scale(1.25)}}@keyframes res-pulse{30%{text-shadow:0 0 .6rem var(--gold-300);transform:scale(1.12)}}@keyframes res-low{50%{text-shadow:0 0 .8rem var(--danger);color:#ffd0cc}}.whud-top-right{align-items:center;gap:var(--sp-2);padding:.3rem .5rem;display:flex}.whud .fps{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;min-width:3.4em}.whud .speed{gap:2px;display:inline-flex}.whud .speed .seg-btn{padding:.15rem .45rem}.whud-center-top{top:var(--sp-3);width:clamp(18rem,100vw - 50rem,36rem);position:absolute;left:50%;transform:translate(-50%)}.whud .boss-bar{gap:var(--sp-2);padding:.25rem .6rem}.whud .boss-bar .enemy-icon{width:2rem;height:2rem}.whud .boss-main{gap:.15rem}.whud .boss-bar .progress-lg{height:.85rem}.boss-bar{gap:var(--sp-3);box-shadow:var(--shadow-1), 0 0 1.4rem #ff5f5740;animation:modal-in var(--dur-slow) var(--ease-out) backwards;border-color:#ff5f578c;align-items:center;padding:.45rem .8rem;display:flex}.boss-rage{box-shadow:var(--shadow-1), 0 0 1.8rem #ff2e638c}.boss-main{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.boss-head{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.boss-name{color:#ffb0a8;font-size:var(--fs-md);letter-spacing:.04em}.boss-head .weak-resist{margin-left:auto}.boss-hp{align-items:center;gap:.3rem;min-width:0;display:flex}.boss-hp .progress{flex:1;min-width:0}:root .hud .boss-bar .progress .progress-label{color:#fff;letter-spacing:.03em;white-space:nowrap;text-shadow:1px 0 #3a0808,-1px 0 #3a0808,0 1px #3a0808,0 -1px #3a0808,1px 1px #3a0808,-1px -1px #3a0808,1px -1px #3a0808,-1px 1px #3a0808,0 0 4px #000c;font-size:.74rem}.boss-toggle{cursor:pointer;width:1.7rem;height:1.7rem;font:inherit;color:#fff6df;border:1.5px solid var(--gold-400);background:#2e0c0cc7;border-radius:50%;flex:none;align-self:flex-start;place-items:center;padding:0;font-size:.8rem;line-height:1;display:grid}.boss-toggle:hover{filter:brightness(1.2)}.boss-mini .boss-toggle{align-self:center}.whud .boss-bar.boss-mini{padding-block:.15rem}.whud .boss-bar.boss-mini .enemy-icon{width:1.5rem;height:1.5rem}.whud-left{left:var(--sp-3);top:calc(var(--sp-3) + 3.6rem);width:clamp(15rem,20vw,22rem);position:absolute}.feed{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.feed-item{border-radius:var(--r-sm);font-size:var(--fs-xs);border-left:3px solid var(--muted);width:-moz-fit-content;width:fit-content;max-width:100%;animation:feed-in var(--dur-med) var(--ease-out) backwards;transition:opacity var(--dur-slow);background:#060c0bc7;padding:.3rem .65rem;line-height:1.35}.feed-good{border-left-color:var(--jade-400)}.feed-bad{border-left-color:var(--danger);color:#ffc6c1}.feed-boss{color:#e8c8ff;font-weight:var(--fw-bold);border-left-color:#c13bff}.feed-team{border-left-color:var(--gold-400)}.feed-old{opacity:.35}@keyframes feed-in{0%{opacity:0;transform:translate(-.6rem)}}.whud-side{right:var(--sp-3);top:calc(var(--sp-3) + 3.4rem);gap:var(--sp-2);flex-direction:column;width:clamp(15.5rem,19vw,22rem);max-height:calc(100vh - 12rem);padding-right:2px;display:flex;position:absolute;overflow-y:auto}.hud-card{padding:var(--sp-2) var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.hud-card-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.hud-card-head h3,.tp-title h3{font-size:var(--fs-sm);letter-spacing:.06em;background:var(--text-gold);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.timeline-cd{font-weight:var(--fw-black);color:var(--gold-200);font-variant-numeric:tabular-nums}.timeline-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tl-wave{border-radius:var(--r-sm);border:1px solid var(--line-soft);background:#04080773;padding:.35rem .45rem}.tl-next{border-color:var(--line-jade)}.tl-boss{background:linear-gradient(90deg,#ff5f571f,#04080773);border-color:#ff5f5780}.tl-head{font-size:var(--fs-xs);justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.tl-enemies{flex-wrap:wrap;gap:.3rem;display:flex}.tl-enemy{border-radius:var(--r-pill);cursor:help;font-size:var(--fs-xs);background:#f1ecdf0d;align-items:center;gap:.2rem;padding:.1rem .35rem .1rem .1rem;display:inline-flex}.tl-enemy:hover,.tl-enemy:focus-visible{background:var(--surface-hover);box-shadow:0 0 0 1px var(--line-jade)}.tl-count{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.tl-tag{color:var(--info);font-size:var(--fs-2xs)}.enemy-icon{--ec:var(--muted);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--ec) 35%, var(--ink-700)), var(--ink-900));width:2.4rem;height:2.4rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--ec) 60%, transparent);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.enemy-icon img{object-fit:contain;width:125%;height:125%}.enemy-icon-sm{width:1.6rem;height:1.6rem}.enemy-icon-boss{box-shadow:0 0 0 2px var(--danger), 0 0 .6rem #ff5f5780}.enemy-icon-dot{background:var(--ec);border-radius:50%;width:55%;height:55%}.weak-resist{gap:.15rem;display:inline-flex}.wr{font-size:var(--fs-2xs);font-weight:var(--fw-black);align-items:center;gap:.1rem;display:inline-flex}.wr-weak{color:var(--jade-300)}.wr-resist{color:#ff9a92}.whud .tl-enemy .el-icon{font-size:.85rem}.team-row{gap:.15rem var(--sp-2);grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:relative}.team-main{flex-direction:column;min-width:0;display:flex}.team-name{font-weight:var(--fw-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team-off{opacity:.5}.team-gold{color:var(--gold-200);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.team-gift{gap:var(--sp-1);grid-column:2/-1;justify-content:flex-end;display:flex}.team-gift .btn-sm{--btn-h:1.5rem;font-size:var(--fs-2xs);padding:0 .5em}.emote-bubble{border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-black);background:var(--grad-gold);color:var(--ink-950);animation:toast-in var(--dur-med) var(--ease-spring);pointer-events:none;padding:.1rem .5rem;position:absolute;top:-.6rem;right:0}.tower-panel{--el:var(--gold-400);border-color:color-mix(in srgb, var(--el) 55%, transparent)!important}.tp-head{gap:var(--sp-2);align-items:center;display:flex}.tp-art{border-radius:var(--r-md);background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--el) 40%, transparent), var(--ink-900) 70%);width:3.2rem;height:3.2rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--el) 60%, transparent);flex:none;place-items:center;display:grid;overflow:hidden}.tp-art img{object-fit:contain;width:115%;height:115%}.tp-title{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.tp-title .row{gap:var(--sp-1);flex-wrap:wrap}.tp-upgrade{display:block}.tp-ult{align-items:center;gap:var(--sp-2);grid-template-columns:auto 1fr;display:grid}.tp-ult .progress-label{font-size:var(--fs-2xs)}.tp-ult-rage{font-family:var(--font-display);font-weight:var(--fw-regular);letter-spacing:.04em;color:#ff8a3d;text-shadow:0 0 .45rem #ff5a2abf,0 1px 2px #000;animation:.45s ease-in-out infinite alternate tp-rage}@keyframes tp-rage{to{color:#ffd166}}@media (prefers-reduced-motion:reduce){.tp-ult-rage{animation:none}}.whud .tabs-pill{width:100%;margin-bottom:0}.whud .tabs-pill .tab{font-size:var(--fs-2xs);flex:1;padding:.25rem .3rem}.stat-grid{gap:.15rem var(--sp-2);font-size:var(--fs-xs);grid-template-columns:auto 1fr auto 1fr;align-items:baseline;display:grid}.stat-grid>span{color:var(--muted)}.stat-grid>strong{font-variant-numeric:tabular-nums}.gold{color:var(--gold-200)}.fx-list{font-size:var(--fs-xs);color:var(--muted);flex-direction:column;gap:.1rem;margin:0;padding-left:1rem;display:flex}.fusions{gap:var(--sp-1);flex-direction:column;display:flex}.fusion-row{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);opacity:.75;padding:.15rem 0;display:flex}.fusion-ok{opacity:1}.fusion-name{font-weight:var(--fw-bold);align-items:center;gap:.15rem;display:inline-flex}.whud .enemy-tip{z-index:var(--z-float);position:absolute;top:0;left:0;pointer-events:none!important}.enemy-card{width:min(17rem,80vw);font-size:var(--fs-xs);text-align:left;flex-direction:column;gap:.35rem;display:flex}.whud .enemy-tip .enemy-card{border-radius:var(--r-md);box-shadow:var(--shadow-2);background:linear-gradient(170deg,#142c27f7,#070d0cf7);border:1px solid #e5b44f80;padding:.55rem .7rem}.enemy-card-head{gap:var(--sp-2);align-items:center;display:flex}.enemy-card-head strong{font-size:var(--fs-sm);color:var(--gold-100)}.enemy-card p{margin:0}.shield-line{color:var(--gold-200);font-weight:var(--fw-bold)}.tower-tip{flex-direction:column;gap:.35rem;width:min(18rem,80vw);display:flex}.tower-tip p{margin:0}.whud-bottom{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);align-items:flex-end;gap:var(--sp-3);display:flex;position:absolute}.whud-bottom-left{gap:var(--sp-2);flex-direction:column;flex:none;width:clamp(15rem,20vw,22rem);display:flex;position:relative}.whud .hud-chat{align-self:auto;width:100%;padding:.4rem .5rem}.whud .hud-chat .chat-log{max-height:6.5rem;font-size:var(--fs-xs)}.whud .hud-chat input{font-size:var(--fs-xs);padding:.35rem .6rem}.key-hints{gap:.2rem var(--sp-3);font-size:var(--fs-2xs);color:var(--muted);text-shadow:0 1px 3px #000;flex-wrap:wrap;display:flex}.key-hints span{align-items:center;gap:.25rem;display:inline-flex}.emote-bar{bottom:calc(100% + var(--sp-2));border-radius:var(--r-md);border:1px solid var(--gold-500);box-shadow:var(--shadow-2);animation:modal-in var(--dur-med) var(--ease-out);z-index:2;background:linear-gradient(170deg,#142c27f5,#070d0cf5);grid-template-columns:1fr 1fr;gap:.3rem;padding:.4rem;display:grid;position:absolute;left:0}.emote-btn{font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--fg);border:1px solid var(--line-soft);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;background:#f1ecdf0d;align-items:center;gap:.35rem;padding:.3rem .5rem;display:flex}.emote-btn:hover,.emote-btn:focus-visible{background:var(--surface-hover);border-color:var(--line-jade)}.wave-summary{text-align:center;min-width:min(92vw,24rem);padding:var(--sp-3) var(--sp-5) var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--gold-500);box-shadow:var(--shadow-2), var(--glow-gold), inset 0 0 2rem #e5b44f14;animation:summary-in var(--dur-slow) var(--ease-spring) backwards, summary-out .5s ease-in 4.7s forwards;background:radial-gradient(at 50% 0,#3c2c0abf,#0000 60%),radial-gradient(#0a1e1af0,#040807e6);position:absolute;top:22%;left:50%;overflow:visible;transform:translate(-50%);pointer-events:none!important}.ws-rays{z-index:-1;pointer-events:none;background:conic-gradient(from 0deg, transparent 0 10deg, #e5b44f1f 14deg, transparent 18deg 40deg, #e5b44f1a 44deg, transparent 48deg 70deg, #e5b44f1f 74deg, transparent 78deg 100deg, #e5b44f1a 104deg, transparent 108deg 130deg, #e5b44f1f 134deg, transparent 138deg 160deg, #e5b44f1a 164deg, transparent 168deg 190deg, #e5b44f1f 194deg, transparent 198deg 220deg, #e5b44f1a 224deg, transparent 228deg 250deg, #e5b44f1f 254deg, transparent 258deg 280deg, #e5b44f1a 284deg, transparent 288deg 310deg, #e5b44f1f 314deg, transparent 318deg 340deg, #e5b44f1a 344deg, transparent 348deg 360deg);width:36rem;height:36rem;animation:ws-rays calc(14s / var(--motion)) linear infinite, fade-in var(--dur-slow) both;margin:-18rem 0 0 -18rem;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 60%);mask-image:radial-gradient(circle,#000 0%,#0000 60%)}@keyframes ws-rays{to{transform:rotate(360deg)}}.ws-sparks{pointer-events:none;position:absolute;inset:0}.ws-sparks i{left:calc(8% + var(--i) * 9.3%);background:var(--gold-200);width:.45rem;height:.45rem;box-shadow:0 0 .6rem var(--gold-300);opacity:0;animation:ws-spark calc(1.6s / var(--motion)) ease-out calc(.35s + var(--i) * 70ms) both;border-radius:50%;position:absolute;top:55%}.ws-sparks i:nth-child(odd){background:var(--jade-200);box-shadow:0 0 .6rem var(--jade-300)}@keyframes ws-spark{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1}to{opacity:0;transform:translateY(-5.5rem)scale(1.1)}}.ws-title{font-size:calc(var(--fs-xl) * 1.35);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(100deg, var(--gold-400) 0%, var(--gold-100) 30%, var(--gold-300) 50%, var(--gold-100) 70%, var(--gold-500) 100%);color:#0000;filter:drop-shadow(0 2px 2px #000c)drop-shadow(0 0 .8rem #e5b44f80);animation:ws-shine calc(2.4s / var(--motion)) ease-in-out .3s infinite;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;line-height:1.1;position:relative}@keyframes ws-shine{0%{background-position:110% 0}to{background-position:-110% 0}}.ws-stars{justify-content:center;gap:.35rem;margin:.15rem 0 .1rem;display:flex}.ws-star{opacity:.25;filter:grayscale()brightness(.6);place-items:center;display:inline-grid;transform:scale(.6)}.ws-star:nth-child(2){transform:scale(.75)translateY(-.3rem)}.ws-star.on{animation:ws-star-pop calc(.55s / var(--motion)) var(--ease-spring) var(--d) both}.ws-star.on:nth-child(2){animation-name:ws-star-pop-mid}@keyframes ws-star-pop{0%{opacity:0;filter:grayscale(0)brightness(2);transform:scale(2.2)rotate(-30deg)}to{opacity:1;filter:grayscale(0)brightness()drop-shadow(0 0 .5rem #e5b44fe6);transform:scale(1)}}@keyframes ws-star-pop-mid{0%{opacity:0;filter:grayscale(0)brightness(2);transform:scale(2.6)translateY(-.3rem)rotate(30deg)}to{opacity:1;filter:grayscale(0)brightness()drop-shadow(0 0 .6rem #e5b44fe6);transform:scale(1.3)translateY(-.3rem)}}.ws-perfect{border-radius:var(--r-pill);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.12em;color:var(--ink-950);background:var(--grad-gold);box-shadow:var(--glow-gold);animation:ws-perfect calc(.5s / var(--motion)) var(--ease-spring) .9s both;margin:.2rem 0 0;padding:.05rem .9rem;display:inline-block}@keyframes ws-perfect{0%{opacity:0;transform:scale(.4)rotate(-6deg)}}.ws-stats{justify-content:center;gap:var(--sp-5);margin-top:var(--sp-2);display:flex}.ws-stats span{font-size:var(--fs-2xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;animation:fade-in var(--dur-med) .35s both;flex-direction:column;display:flex}.ws-stats strong{font-size:var(--fs-lg);color:var(--fg-strong);letter-spacing:0;font-variant-numeric:tabular-nums}.ws-good strong{color:var(--jade-300)}.ws-bad strong{color:#ff9a92}.ws-roaming{margin:var(--sp-1) 0 0;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#7ff0d2;animation:fade-in var(--dur-med) .6s both}.ws-total{margin-top:var(--sp-2);padding-top:var(--sp-2);animation:fade-in var(--dur-med) .7s both;border-top:1px solid #e5b44f4d;justify-content:center;align-items:center;gap:.4rem;display:flex}.ws-total strong{font-size:calc(var(--fs-xl) * 1.1);color:var(--gold-200);text-shadow:0 0 .8rem #e5b44f99;font-variant-numeric:tabular-nums}.ws-next{animation:fade-in var(--dur-med) 1s both;margin-top:.15rem}@keyframes summary-in{0%{opacity:0;transform:translate(-50%,-.8rem)scale(.92)}}@keyframes summary-out{to{opacity:0;transform:translate(-50%,-1rem)scale(.96)}}.leak-alert{border-radius:var(--r-pill);font-weight:var(--fw-black);font-size:var(--fs-lg);color:#fff;animation:leak-in 1.6s var(--ease-out) forwards;background:linear-gradient(90deg,#8f1f1a,#e5484d,#8f1f1a);padding:.4rem 1.2rem;position:absolute;top:32%;left:50%;transform:translate(-50%);box-shadow:0 0 1.4rem #ff5f5799;pointer-events:none!important}@keyframes leak-in{0%{opacity:0;transform:translate(-50%,.4rem)scale(.9)}12%{opacity:1;transform:translate(-50%)scale(1.06)}70%{opacity:1}to{opacity:0}}.leak-vignette{animation:vignette 1.2s var(--ease-out) forwards;position:absolute;inset:0;box-shadow:inset 0 0 8rem #ff2e2e8c;pointer-events:none!important}@keyframes vignette{0%{opacity:1}to{opacity:0}}:root[data-reduced-motion=true] .leak-vignette{display:none}.pause-menu .stack{gap:var(--sp-2)}@media (max-width:1100px){.whud-left{display:none}.whud-bottom-left{width:13rem}.whud .hud-chat .chat-log{display:none}}@media (max-height:760px){.key-hints{display:none}.whud .hud-chat .chat-log{max-height:3.5rem}}.whud-side{overflow-x:hidden}.whud .hud-card .btn{white-space:normal;height:auto;min-height:var(--btn-h);text-align:center;padding-block:.3rem;line-height:1.25}.whud .hud-card .btn-block{width:100%}.whud{--wh-cream:var(--cream-50,#fff8e6);--wh-cream-2:var(--cream-200,#f6e7c4);--wh-ink:var(--v2-line,#4a2e14);--wh-gold:var(--gold-400);--wh-red:#e2453c;--wh-jade:var(--jade-500);--wh-font:var(--font-round,"Baloo 2", var(--font-ui));--wh-h:2.4rem}.whud :is(.wh-pill,.wh-round,.wh-ctl .hud-icon-btn,.wring .wr-btn,.wcall button,.wh-building,.whud-side.sheet-open>*,.whud-sheet>*){pointer-events:auto}.whud:not(.hhud,.pkhud) .whud-side:not(.sheet-open){display:none}:root:not([data-compact=true]) .whud:not(.hhud,.pkhud) .whud-side.sheet-open{top:calc(var(--safe-t,0px) + 3.6rem);right:calc(var(--safe-r,0px) + .5rem);border-radius:var(--r-lg);background:var(--surface-1);border:2px solid var(--wh-ink);box-shadow:var(--shadow-2);animation:modal-in var(--dur-med) var(--ease-out);padding:.35rem .5rem .6rem}.wh-tl{top:calc(var(--safe-t,0px) + .45rem);left:calc(var(--safe-l,0px) + .5rem);flex-direction:column;align-items:flex-start;gap:.3rem;display:flex;position:absolute}.wh-pills{align-items:center;gap:.4rem;display:flex}.wh-pill{height:var(--wh-h);border-radius:var(--r-pill);min-width:4.6rem;font:inherit;font-family:var(--wh-font);font-weight:var(--fw-black);color:var(--wh-cream);border:2px solid var(--gold-400);box-shadow:inset 0 0 0 1.5px var(--wh-ink), inset 0 1px 0 #fff3, 0 .18rem .45rem #00000059;text-shadow:0 1px 0 var(--wh-ink), 0 0 2px var(--wh-ink);white-space:nowrap;background:linear-gradient(#34281ee6,#18120ce6);align-items:center;gap:.35rem;padding:0 .85rem 0 .35rem;line-height:1;display:inline-flex}.wh-pill strong{font-variant-numeric:tabular-nums;font-size:1.08rem}.wh-pill .wh-ico{filter:drop-shadow(0 1px 1px #00000080);flex:none;width:1.7rem;height:1.7rem}.wh-pill>span.wh-ico{place-items:center;font-size:1.15rem;display:grid}.wh-lives .wh-ico{color:#ff6b6b}.wh-gold .wh-ico{color:#f4cf78}button.wh-pill{cursor:pointer}.wh-wave.is-on,button.wh-pill:hover{border-color:#f4cf78}.wh-cd{border-radius:var(--r-pill);color:#fff6dc;background:#00000061;padding:.1rem .4rem;font-size:.78rem}:root .wh-pills .wh-pill.wh-linked{min-width:0;width:var(--wh-h);color:#c8fff0;cursor:help;border-color:#39e6c4;justify-content:center;padding:0;font-size:1.05rem}.final-lap{color:#ff8a9a;font-weight:var(--fw-bold)}.wh-pill.res-low strong{color:#ffb3ad}.wh-building{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--wh-ink);background:var(--wh-cream);border:2px solid var(--wh-ink);box-shadow:var(--shadow-1);align-items:center;gap:.35rem;padding:.25rem .7rem;display:inline-flex}.wh-ctl{top:calc(var(--safe-t,0px) + .45rem);right:calc(var(--safe-r,0px) + .5rem);align-items:center;gap:.4rem;display:flex;position:absolute}.whud .wh-round,.whud .wh-ctl .hud-icon-btn.btn{cursor:pointer;width:2.75rem;min-width:2.75rem;height:2.75rem;font:inherit;font-family:var(--wh-font);font-weight:var(--fw-black);color:var(--wh-cream);text-shadow:0 1px 0 var(--wh-ink);background:var(--ui-round_btn,radial-gradient(circle at 50% 35%, #6a4524, #2e1b0b)) center / 100% 100% no-repeat;border:2px solid var(--gold-400);box-shadow:inset 0 0 0 2px var(--wh-ink), 0 .2rem .5rem #0006;border-radius:50%;place-items:center;padding:0;font-size:1.05rem;display:grid}.whud .wh-round:hover,.whud .wh-ctl .hud-icon-btn.btn:hover{filter:brightness(1.12)}:root:not([data-compact=true]) .wh-ctl{right:calc(var(--safe-r,0px) + 12.5rem)}.wh-round.is-on{border-color:var(--jade-300)}.auto-wave{gap:.3rem;position:relative}.auto-wave .auto-wave-ico{fill:currentColor;width:1.25rem;height:1.25rem;stroke:var(--wh-ink,#2e1b0b);stroke-width:1.2px;stroke-linejoin:round;opacity:.55}.auto-wave.is-on .auto-wave-ico{fill:var(--jade-300);opacity:1}.whud .wh-round.auto-wave.is-on{box-shadow:inset 0 0 0 2px var(--wh-ink), 0 0 .7rem var(--jade-300), 0 .2rem .5rem #0006}.wh-round.auto-wave .auto-wave-txt{white-space:nowrap;color:var(--wh-cream);background:var(--wh-ink,#2e1b0b);border:1px solid var(--gold-400);pointer-events:none;border-radius:.5rem;padding:.05rem .3rem;font-size:.55rem;line-height:1.2;position:absolute;bottom:-.45rem;left:50%;transform:translate(-50%)}.wh-round.auto-wave.is-on .auto-wave-txt{border-color:var(--jade-300)}.hud-icon-btn.auto-wave .auto-wave-txt{display:none}.hud-icon-btn.auto-wave.is-on{box-shadow:0 0 .6rem var(--jade-300)}.wh-pause-ico{gap:.22rem;display:flex}.wh-pause-ico i{background:var(--wh-cream);width:.32rem;height:1.05rem;box-shadow:0 0 0 1.5px var(--wh-ink);border-radius:.1rem;display:block}.wh-ctl .dot{width:.6rem;height:.6rem}.wh-recenter{right:calc(var(--safe-r,0px) + .6rem);bottom:calc(var(--safe-b,0px) + .6rem);position:absolute}.whud .wh-chatbox:not(.chat-open){display:none}.whud .wh-chatbox{right:auto}.whud .wring{width:0;height:0;z-index:var(--z-float);--r:66px;--b:3.4rem;animation:wring-in calc(.16s * var(--motion)) var(--ease-spring) both;position:absolute;top:0;left:0}@keyframes wring-in{0%{opacity:0;scale:.6}}.wring-disc{left:calc(-1.165 * var(--r));top:calc(-1.25 * var(--r));width:calc(2.33 * var(--r));height:calc(2.5 * var(--r));pointer-events:none;background:radial-gradient(circle,#8cdca033 40%,#3c8c5a4d 44%,#0000 45%) 50%/100% 100% no-repeat;position:absolute}.wr-btn{--el:#f4cf78;left:calc(var(--cx) * var(--r));top:calc(var(--cy) * var(--r));width:var(--b);height:var(--b);margin:calc(var(--b) / -2) 0 0 calc(var(--b) / -2);cursor:pointer;font:inherit;color:var(--wh-cream);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--el) 55%, #3b2412), #24150a 72%);box-shadow:inset 0 0 0 2px var(--wh-ink), 0 .22rem .5rem #00000073;transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2.5px solid #f4cf78;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.wr-btn:hover,.wr-btn:focus-visible{transform:scale(1.08)}.wr-btn:focus-visible{outline:3px solid var(--jade-300);outline-offset:2px}.wr-art{object-fit:contain;pointer-events:none;filter:drop-shadow(0 .15rem .2rem #0000008c);width:112%;height:112%;margin-top:-12%}.wr-btn .el-icon{font-size:1.6rem}.wr-armed{border-color:var(--jade-300);box-shadow:inset 0 0 0 2px var(--wh-ink), 0 0 0 3px #6fe8bf8c, 0 0 1rem #6fe8bf99;transform:scale(1.1)}.wr-btn-poor .wr-art,.wr-btn-poor .el-icon{filter:grayscale(.8)brightness(.75)}.wr-locked{cursor:not-allowed;opacity:.55}.wr-lock{background:#00000059;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.wr-price{border-radius:var(--r-pill);white-space:nowrap;pointer-events:none;font-family:var(--wh-font);font-size:.8rem;font-weight:var(--fw-black);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px #0d1830;background:linear-gradient(#2c4f8f,#142a55);border:1.5px solid #f4cf78;align-items:center;gap:.12rem;padding:.05rem .42rem .05rem .2rem;display:inline-flex;position:absolute;bottom:-.78rem;left:50%;transform:translate(-50%)}:root[data-uiart=on] .whud .wring-disc{background-image:var(--ui-radial)}:root[data-uiart=on] .wr-price{background:var(--ui-price_tag) center / 100% 100% no-repeat;border:0;justify-content:center;min-width:3.5em;height:1.45em;padding:0 .4em 0 1.45em}:root[data-uiart=on] .wr-price .ui-icon{display:none}.whud .wr-price.wr-poor{color:#ffd2cc;text-shadow:0 1px #5a0b07}.wr-price.wr-need{color:#fff;background:linear-gradient(#8a7a63,#5b4c37);font-size:.66rem}.wr-check{width:1.25rem;height:1.25rem;font-size:.8rem;font-weight:var(--fw-black);color:#fff;background:var(--jade-500);border:1.5px solid var(--wh-ink);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:-.3rem;right:-.3rem}.wr-badge{width:1.2rem;height:1.2rem;font-size:.82rem;font-weight:var(--fw-black);color:var(--wh-ink);border:1.5px solid var(--wh-ink);pointer-events:none;background:#f4cf78;border-radius:50%;place-items:center;display:grid;position:absolute;top:-.25rem;left:-.25rem}.wr-badge-el{background:var(--wh-cream)}.wr-badge-el .el-icon{font-size:.8rem}.wr-badge-fuse{background:var(--jade-300)}.wr-badge-warn{color:#5a0b07;background:#ffb347}.wr-pair{border-color:var(--jade-300)}.wr-fuse{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--el2,var(--el)) 45%, #3b2412), #24150a 72%)}.whud .wr-small{--b:3.15rem}.wr-glyph{font-family:var(--wh-font);font-size:1.15rem;font-weight:var(--fw-black);line-height:1}.wr-info .wr-glyph{font-family:Georgia,serif;font-style:italic}.wr-cap{border-radius:var(--r-pill);font-size:.66rem;font-weight:var(--fw-black);color:var(--wh-ink);background:var(--wh-cream);border:1.5px solid var(--wh-ink);white-space:nowrap;pointer-events:none;padding:0 .35rem;position:absolute;bottom:-.78rem;left:50%;transform:translate(-50%)}.wr-sell{background:radial-gradient(circle at 50% 40%,#8a2a22,#2a0e0a 72%)}.wr-max{left:calc(var(--cx) * var(--r));top:calc(var(--cy) * var(--r));border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-black);color:var(--wh-ink);border:2px solid var(--wh-ink);white-space:nowrap;background:linear-gradient(#fbe6ad,#e5b44f 52%,#c9932e);padding:.15rem .6rem;position:absolute;transform:translate(-50%,-50%)}.wring-label{left:50%;top:calc(-1 * var(--r) - var(--b) / 2 - 2.1rem);border-radius:var(--r-md);white-space:nowrap;pointer-events:none;text-align:center;font-family:var(--wh-font);font-size:.86rem;font-weight:var(--fw-black);color:var(--wh-ink);background:var(--wh-cream);border:2px solid var(--wh-ink);box-shadow:var(--shadow-1);flex-direction:column;align-items:center;padding:.18rem .75rem;display:inline-flex;position:absolute;transform:translate(-50%)}.wring-label em{font-size:.7rem;font-style:normal;font-weight:var(--fw-bold);color:#6b5638}.wring-label em.wr-poor{color:var(--wh-red)}.wring-label em.wr-hint{white-space:normal;color:#2f6f58;max-width:15rem}.wring-label em.wr-hint-warn{color:#b4441b}.wring-label .wr-rage{color:#d4471e}.wring-label .el-icon{font-size:.9rem}.whud .wcall{width:0;height:0;z-index:var(--z-hud);position:absolute;top:0;left:0}.wcall-skull{cursor:pointer;background:var(--ui-wave_call,radial-gradient(circle at 50% 38%, #ff7a5c, #b8231b 62%, #5b0d09)) center / 100% 100% no-repeat;width:3.5rem;height:3.5rem;box-shadow:0 0 0 2.5px var(--wh-ink), 0 0 1.2rem #ff503ca6;animation:wcall-pulse calc(1.4s / var(--motion)) ease-in-out infinite;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-1.75rem;left:-1.75rem}:root[data-uiart=on] .whud .wcall-skull{box-shadow:0 0 1.2rem #ff503c99}:root[data-uiart=on] .wcall-face{visibility:hidden}.wcall-skull:focus-visible{outline:3px solid var(--jade-300);outline-offset:3px}@keyframes wcall-pulse{50%{box-shadow:0 0 0 2.5px var(--wh-ink), 0 0 1.9rem #ff503ce6;transform:scale(1.06)}}.wcall-ring{pointer-events:none;width:calc(100% + .7rem);height:calc(100% + .7rem);position:absolute;inset:-.35rem;transform:rotate(-90deg)}.wcall-track{fill:none;stroke:#00000059;stroke-width:4px}.wcall-cd{fill:none;stroke:#fbe6ad;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.wcall-face{color:#fff6e8;filter:drop-shadow(0 1px 1px #0009);place-items:center;font-size:1.6rem;display:grid}.wcall-gold{border-radius:var(--r-pill);font-family:var(--wh-font);font-size:.74rem;font-weight:var(--fw-black);color:var(--wh-ink);border:1.5px solid var(--wh-ink);pointer-events:none;background:linear-gradient(#fbe6ad,#e5b44f 52%,#c9932e);padding:0 .32rem;position:absolute;bottom:-.45rem;right:-.55rem}.wcall-next{cursor:pointer;border-radius:var(--r-pill);height:2.1rem;font:inherit;color:var(--wh-ink);border:2px solid var(--wh-ink);box-shadow:var(--shadow-1);white-space:nowrap;background:#fff8e6f0;align-items:center;gap:.2rem;padding:.15rem .45rem .15rem .2rem;display:flex;position:absolute;top:-1.05rem;left:2.15rem}.wcall-boss{border-color:var(--wh-red);box-shadow:0 0 .8rem #e2453c99}.wcall-enemy{font-size:.78rem;font-weight:var(--fw-black);align-items:center;gap:.05rem;display:inline-flex;position:relative}.wcall-enemy img,.wcall-enemy i{object-fit:contain;border-radius:50%;width:1.6rem;height:1.6rem}.wcall-enemy i{background:var(--ec);width:.9rem;height:.9rem;display:block}.wcall-enemy small{color:#2f7fd0;font-size:.7rem;position:absolute;top:-.35rem;left:.9rem}:root[data-compact=true] .whud{--wh-h:2.2rem}:root[data-compact=true] .wh-tl{top:calc(var(--safe-t,0px) + .3rem);left:calc(var(--safe-l,0px) + .35rem)}:root[data-compact=true] .wh-ctl{top:calc(var(--safe-t,0px) + .3rem);right:calc(var(--safe-r,0px) + .35rem);gap:.3rem}:root[data-compact=true] .wh-pill{gap:.25rem;min-width:3.9rem;padding-right:.65rem}:root[data-compact=true] .wh-pill strong{font-size:.98rem}:root[data-compact=true] .wh-pill .wh-ico{width:1.45rem;height:1.45rem}:root[data-compact=true] .whud :is(.wh-round,.wh-ctl .hud-icon-btn.btn){width:3.15rem;min-width:3.15rem;height:3.15rem}:root[data-compact=true] .whud:not(.hhud,.pkhud) .whud-left{top:calc(var(--safe-t,0px) + 2.9rem)}:root[data-compact=true] .whud:not(.hhud,.pkhud) .whud-center-top{top:calc(var(--safe-t,0px) + .3rem);width:min(34vw,17rem)}:root[data-compact=true] .whud .wring{--b:3.2rem}:root[data-compact=true] .whud .wr-small{--b:3.15rem}@media (max-height:420px){.wring-label{top:50%;left:calc(var(--r) + var(--b) / 2 + .35rem);align-items:flex-start;transform:translateY(-50%)}}:root[data-touch=true] .wr-btn:hover{transform:none}:root[data-touch=true] .wr-armed:hover{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.wcall-skull,.whud .wring{animation:none}}.hhud .whud-left>*,.hhud .hhud-center>*,.hhud .minimap2,.hhud .shop2,.hhud .scoreboard,.hhud .hhud-boss>*{pointer-events:auto}.hhud .whud-left .feed{pointer-events:none}.hhud .whud-left .feed-item{pointer-events:auto}.hhud-boss{flex-direction:column;gap:.3rem;display:flex}.core-gem{background:radial-gradient(circle at 40% 35%, var(--jade-100), var(--jade-500) 55%, var(--jade-800));width:1.2rem;height:1.2rem;box-shadow:0 0 .5rem var(--jade-400);border-radius:50%;flex:none}.obj-bar{background:#00000080;border-radius:999px;flex:none;width:4rem;height:.55rem;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080,0 0 0 1px #fff3}.obj-fill{width:var(--pct);border-radius:inherit;transition:width .35s var(--ease-out);background:linear-gradient(#95f6d3,#2fcf98 55%,#16a072);position:absolute;inset:0 auto 0 0}.obj-foe .obj-fill,.obj-low .obj-fill{background:linear-gradient(#ffb2a8,#ef5a4c 55%,#c43a2e)}.obj-low .obj-fill{animation:obj-low calc(1s / var(--motion)) ease-in-out infinite}.obj-inv{box-shadow:inset 0 1px 2px #00000080,0 0 0 1.5px #f3c860}.obj-hit{animation:obj-hit calc(.7s / var(--motion)) ease-in-out infinite}.res-core.obj-crit strong{color:#ffb3ad}@keyframes obj-low{50%{filter:brightness(1.5)}}@keyframes obj-hit{50%{box-shadow:0 0 0 2px #ff5e4d,0 0 .8rem #ff5e4dd9}}.hhud-left{gap:var(--sp-2);flex-direction:column;max-height:calc(100vh - 15rem);display:flex;overflow:hidden auto}.target-panel .tg-head{gap:var(--sp-2);align-items:center;display:flex}.tg-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.tg-main strong{color:var(--gold-100);font-size:var(--fs-sm)}.tg-tags{flex-wrap:wrap;gap:.25rem}.allies{gap:.4rem}.ally{align-items:center;gap:var(--sp-2);display:flex;position:relative}.ally-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.ally .progress{height:.45rem}.ally-dead .avatar{filter:grayscale()brightness(.6)}.ally-rs{color:#ff9a92;font-weight:var(--fw-bold)}.mini-tw-row{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.mini-tw{--el:var(--gold-400);font:inherit;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--gold-200);border-radius:var(--r-sm);cursor:pointer;background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--el) 22%, transparent), var(--ink-900) 75%);border:1px solid color-mix(in srgb, var(--el) 40%, transparent);justify-content:center;align-items:center;gap:.2rem;padding:.25rem;display:flex}.mini-tw:disabled{opacity:.4;cursor:not-allowed}.mini-tw.tw-on{box-shadow:0 0 0 1px var(--el), 0 0 .6rem color-mix(in srgb, var(--el) 60%, transparent)}.hhud-bottom{align-items:flex-end}.hhud-center{flex:1;justify-content:center;min-width:0;display:flex}.hero-bar2{--hero:var(--gold-400);gap:var(--sp-3);border-radius:var(--r-lg);border:1px solid var(--line);width:min(100%,46rem);box-shadow:var(--shadow-2);background:linear-gradient(170deg,#10221feb,#060c0bf0);grid-template-columns:auto minmax(0,1fr) auto;align-items:end;padding:.5rem .7rem;display:grid;position:relative}.hero-bar2:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--hero) 45%, transparent);position:absolute;inset:-1px}.hb-portrait{flex-direction:column;align-self:center;align-items:center;gap:.3rem;display:flex;position:relative}.hb-face{--ring:var(--gold-400);--xp:0deg;aspect-ratio:1;background:conic-gradient(var(--gold-300) var(--xp), #f1ecdf1f 0);border-radius:50%;place-items:center;width:clamp(4rem,3rem + 2vw,5.2rem);padding:4px;display:grid;position:relative}.hb-face img,.hb-face-dot{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 2px var(--ink-950), 0 0 0 3.5px var(--ring);background:var(--hero);border-radius:50%}.hb-lv{border-radius:var(--r-pill);background:var(--grad-gold);min-width:1.6rem;color:var(--ink-950);font-weight:var(--fw-black);font-size:var(--fs-xs);text-align:center;border:1px solid var(--gold-100);padding:0 .35rem;position:absolute;bottom:-.35rem;left:50%;transform:translate(-50%)}.hb-sp{font-size:var(--fs-2xs);font-weight:var(--fw-black);color:var(--ink-950);background:var(--jade-300);border-radius:var(--r-pill);white-space:nowrap;animation:res-low calc(1.2s / var(--motion)) ease-in-out infinite;padding:.05rem .4rem}.hb-mid{flex-direction:column;gap:.2rem;min-width:0;display:flex}.hb-name{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);display:flex}.hb-name strong{color:var(--gold-100);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hb-stats{gap:var(--sp-2);font-size:var(--fs-2xs);white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex}.hb-mid .progress{height:.75rem}.hb-mid .progress-lg{height:1rem}.hb-skills{align-items:flex-end;gap:.4rem;margin-top:.3rem;display:flex}.hskill{flex-direction:column;align-items:center;gap:.15rem;display:flex;position:relative}.hskill-passive{align-self:center;margin-right:.2rem}.hskill-btn{aspect-ratio:1;cursor:pointer;background:var(--ink-800);width:clamp(2.9rem,2rem + 1.6vw,3.8rem);box-shadow:0 0 0 1px var(--ink-950), 0 0 0 2px color-mix(in srgb, var(--hero) 70%, var(--gold-400)), inset 0 0 .6rem #0009;transition:transform var(--dur-fast), box-shadow var(--dur-fast);border:0;border-radius:.6rem;padding:0;position:relative;overflow:hidden}.hskill-btn img{object-fit:cover;width:100%;height:100%}.hskill-fallback{font-weight:var(--fw-black);color:var(--gold-200);font-size:var(--fs-lg)}.hskill-btn:hover:not(:disabled){transform:translateY(-2px)}.hskill-btn:disabled{cursor:default}.hskill-btn .kbd{min-width:1.15rem;height:1.15rem;font-size:.6rem;position:absolute;top:.15rem;left:.15rem}.hskill-mana{font-size:var(--fs-2xs);font-weight:var(--fw-black);color:#9ecfff;text-shadow:0 1px 2px #000;position:absolute;bottom:.1rem;right:.2rem}.hskill-cd{--cd:0deg;font-size:var(--fs-lg);font-weight:var(--fw-black);color:#fff;text-shadow:0 1px 3px #000;background:conic-gradient(#000000b8 var(--cd), #00000026 0);place-items:center;display:grid;position:absolute;inset:0}.hskill-ult .hskill-btn{box-shadow:0 0 0 1px var(--ink-950), 0 0 0 2px var(--gold-300), 0 0 .7rem #e5b44f73}.hskill-locked .hskill-btn>img{filter:grayscale()brightness(.45)}.hskill-nomana .hskill-btn>img{filter:saturate(.25)brightness(.7)hue-rotate(190deg)}.hskill-aim .hskill-btn{box-shadow:0 0 0 2px var(--jade-200), 0 0 1rem var(--jade-400);transform:translateY(-3px)}.hskill-pips{gap:2px;display:flex}.hskill-pips i{background:#f1ecdf2e;border-radius:2px;width:.45rem;height:.22rem}.hskill-pips i.on{background:var(--gold-300);box-shadow:0 0 .25rem var(--gold-400)}.hskill-up{border:1px solid var(--gold-100);background:var(--grad-gold);width:1.35rem;height:1.35rem;color:var(--ink-950);font-weight:var(--fw-black);cursor:pointer;box-shadow:var(--glow-gold);animation:res-pulse calc(1s / var(--motion)) ease-in-out infinite;z-index:1;border-radius:50%;position:absolute;top:-.55rem;right:-.45rem}.buff-bar{flex-wrap:wrap;gap:.25rem;display:flex;position:absolute;bottom:calc(100% + .3rem);left:.5rem}.buff{font-size:var(--fs-2xs);font-weight:var(--fw-bold);border-radius:var(--r-pill);border:1px solid var(--line-jade);color:var(--jade-200);background:#060c0bd9;padding:.1rem .45rem}.buff-shield{border-color:var(--gold-400);color:var(--gold-200)}.buff-recall{border-color:var(--info);color:#cde9ff}.buff-rage{color:#ffc2c7;border-color:#e63946}.buff-star{color:#fff4c7;border-color:#ffe28a}.hb-inv{flex-direction:column;align-self:center;gap:.3rem;display:flex}.inv{grid-template-columns:repeat(3,clamp(2.3rem,1.7rem + 1vw,2.9rem));gap:.25rem;display:grid;position:relative}.inv-cell{aspect-ratio:1;border-radius:var(--r-sm);background:#0408078c;border:1px dashed #f1ecdf2e;place-items:center;display:grid;position:relative}.inv-cell .jade-icon{--size:100%;width:100%;height:100%}.inv-has{border-style:solid;border-color:var(--line);cursor:grab}.inv-act{cursor:pointer}.inv-over{box-shadow:0 0 0 2px var(--jade-300)}.inv-drag{opacity:.4}.inv-key{font-size:.6rem;font-weight:var(--fw-black);background:var(--grad-gold);color:var(--ink-950);border-radius:var(--r-xs);padding:0 .2rem;position:absolute;top:-.35rem;left:-.3rem}.inv-cd{border-radius:inherit;font-weight:var(--fw-black);color:#fff;background:#0000009e;place-items:center;display:grid;position:absolute;inset:0}.inv-sell{text-align:center;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:#ffb0a8;border:1px dashed var(--danger);border-radius:var(--r-sm);background:#ff5f571a;grid-column:1/-1;padding:.3rem}.item-tip{flex-direction:column;gap:.3rem;max-width:16rem;display:flex}.item-tip p{margin:0}.minimap2{flex-direction:column;flex:none;align-items:stretch;gap:.3rem;display:flex}.mm-tools{justify-content:flex-end;display:flex}.mm-cam{--btn-h:1.6rem;font-size:var(--fs-2xs);background:#060c0bd9}.mm-cam-on{border-color:var(--jade-400);color:var(--jade-200)}.mm-canvas{border-radius:var(--r-md);border:1px solid var(--line);width:clamp(11rem,7rem + 7vw,16rem);height:auto;box-shadow:var(--shadow-1);cursor:crosshair;background:var(--ink-950);display:block}.shop2{z-index:4;width:min(54rem,100vw - 2rem);max-height:calc(100vh - 16rem);animation:modal-in var(--dur-med) var(--ease-out);position:absolute;top:4.2rem;left:50%;overflow-y:auto;transform:translate(-50%)}.shop2 .hud-card-head .res-gold{margin-left:auto;margin-right:var(--sp-2)}.shop2 .shop-far{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.shop2 .shop-far .btn{flex:none}.shop-suggest{flex-direction:column;gap:.3rem;display:flex}.suggest-row{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.suggest{font:inherit;color:var(--fg);gap:0 var(--sp-2);text-align:left;cursor:pointer;border-radius:var(--r-md);background:linear-gradient(90deg,#e5b44f1a,#04080780);border:1px solid #e5b44f59;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;padding:.35rem .5rem;display:grid}.suggest .jade-icon{grid-row:1/3}.suggest-name{font-weight:var(--fw-bold);font-size:var(--fs-xs)}.suggest .badge{justify-self:start}.suggest:hover,.suggest-on{border-color:var(--gold-300);box-shadow:var(--glow-gold)}.shop-body{gap:var(--sp-3);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.shop-list .tabs-pill{margin-bottom:var(--sp-2);width:-moz-fit-content;width:fit-content}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.35rem;display:grid}.shop-cell{font:inherit;color:var(--fg);border-radius:var(--r-md);border:1px solid var(--line-soft);cursor:pointer;background:#04080780;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem;display:flex}.shop-cell:hover,.shop-cell-on{border-color:var(--line-jade);background:var(--surface-hover)}.shop-cell-on{box-shadow:0 0 0 1px var(--jade-400)}.shop-poor{opacity:.6}.shop-cell-name{font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-align:center;line-height:1.2}.shop-detail{gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line-soft);background:#04080773;flex-direction:column;display:flex}.rt-root,.rt-children{margin:0;padding:0;list-style:none}.rt-children{border-left:1px dashed var(--line);margin-left:.9rem;padding-left:1.1rem}.rt-node{padding:.15rem 0}.rt-item{font-size:var(--fs-xs);align-items:center;gap:.35rem;display:inline-flex}.rt-owned .rt-item{color:var(--jade-200)}.scoreboard{z-index:var(--z-modal);width:min(58rem,100vw - 2rem);padding:var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--gold-500);box-shadow:var(--shadow-2), var(--glow-gold);animation:modal-in var(--dur-fast) var(--ease-out);background:linear-gradient(170deg,#10221ff5,#060c0bf7);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.sb-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:baseline;display:flex}.sb-head h3{font-size:var(--fs-lg);margin:0}.sb-items{gap:2px;display:inline-flex}.sb-items .jade-icon{--size:1.6rem}.sb-empty{border:1px dashed #f1ecdf26;border-radius:.4rem;width:1.6rem;height:1.6rem}.death-screen{z-index:3;justify-content:flex-start;align-items:center;gap:var(--sp-2);text-align:center;animation:fade-in var(--dur-slow) var(--ease-out) backwards;background:radial-gradient(at 50% 32%,#020504d1,#0205048c 45%,#1e040459 100%);flex-direction:column;padding-top:22vh;display:flex;position:absolute;inset:0;pointer-events:none!important}.death-screen>*{position:relative}.death-screen p{border-radius:var(--r-pill);background:#020504b3;padding:.3rem .8rem}.death-ring{--p:360deg;background:conic-gradient(var(--danger) var(--p), #f1ecdf1a 0);border-radius:50%;place-items:center;width:6rem;height:6rem;padding:.4rem;display:grid;box-shadow:0 0 2rem #ff5f5780}.death-ring strong{background:var(--ink-950);width:100%;height:100%;font-size:var(--fs-2xl);color:#ffd0cc;border-radius:50%;place-items:center;display:grid}.death-title{font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:.1em;text-transform:uppercase;color:#ff9a92;text-shadow:0 0 1rem #ff5f5799}.death-screen p{max-width:22rem;margin:0}.state-banner{border-radius:var(--r-pill);font-weight:var(--fw-bold);font-size:var(--fs-sm);border:1px solid var(--jade-400);color:var(--jade-200);pointer-events:none;background:#061e1ae0;padding:.35rem 1rem;position:absolute;top:22%;left:50%;transform:translate(-50%)}.state-aim{border-color:var(--gold-400);color:var(--gold-200);background:#1e1606e0}@media (max-width:1280px){.hhud .whud-bottom-left{width:12rem}.hhud .whud-bottom-left .chat-log,.hb-stats{display:none}}@media (max-width:1100px){.hhud .whud-left{width:14rem;display:flex}.hhud .whud-left .feed{display:none}}.hhud .hhud-boss{top:calc(var(--sp-3) + 3.3rem);width:clamp(18rem,34vw,34rem)}.hhud .shop2{max-height:calc(100vh - 19rem);top:7.4rem}.hhud .whud-top,.hhud .whud-bottom,.hhud .whud-left,.hhud .hhud-boss{z-index:4}.pkhud .pk-top{top:calc(var(--safe-t,0px) + var(--sp-2));left:calc(var(--safe-l,0px) + var(--sp-2));right:calc(var(--safe-r,0px) + var(--sp-2));gap:var(--sp-2);pointer-events:auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;display:grid;position:absolute}.pk-side{align-items:center;gap:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(170deg,#10221fe6,#060c0beb);min-width:0;padding:.35rem .6rem;display:flex}.pk-foe{text-align:right;flex-direction:row-reverse}.pk-side-main{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.pk-name{font-weight:var(--fw-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pk-hp{border-radius:var(--r-pill);background:#2b0d0d;height:.6rem;display:block;overflow:hidden}.pk-hp span{height:100%;transition:width var(--dur-fast);background:linear-gradient(90deg,#ff5f57,#ff8a82);display:block}.pk-me .pk-hp span{background:linear-gradient(90deg, var(--jade-500), var(--hp))}.pk-foe .pk-hp{transform:scaleX(-1)}.pk-pips{gap:.25rem;display:flex}.pk-pips i{border:2px solid var(--gold-400);border-radius:50%;width:.8rem;height:.8rem}.pk-pips i.on{background:var(--grad-gold);box-shadow:0 0 .5rem var(--gold-400)}.pk-clock{border-radius:var(--r-md);border:1px solid var(--gold-500);background:#060c0be6;flex-direction:column;align-items:center;min-width:6rem;padding:.25rem .8rem;display:flex}.pk-round{font-size:var(--fs-2xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.pk-clock strong{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--gold-100);white-space:nowrap}.pk-low{animation:res-low calc(1s / var(--motion)) ease-in-out infinite;color:#ff8a82!important}.pk-menu{pointer-events:auto}.pkhud .pk-banner{border-radius:var(--r-pill);white-space:nowrap;font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--ink-950);background:var(--grad-gold);box-shadow:var(--glow-gold);animation:summary-in var(--dur-slow) var(--ease-spring) backwards;pointer-events:none;padding:.5rem 1.4rem;position:absolute;top:30%;left:50%;transform:translate(-50%)}.pkhud .pk-banner-soft{color:var(--gold-100);border:1px solid var(--gold-500);font-size:var(--fs-md);box-shadow:none;background:#060c0bd9}.pkhud .pk-keys{bottom:var(--sp-2);text-shadow:0 1px 3px #000;white-space:nowrap;margin:0;position:absolute;left:50%;transform:translate(-50%)}.ta-dash{background:radial-gradient(circle at 40% 35%, #7cc7ff80, var(--ink-800))}:root:not([data-touch=true]) .pkhud .touch-actions{transform-origin:100% 100%;transform:scale(.9)}:root[data-compact=true] .pk-side{padding:.25rem .4rem}:root[data-compact=true] .pk-name .muted{display:none}:root[data-compact=true][data-orient=portrait] .pkhud .pk-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}:root[data-compact=true][data-orient=portrait] .pk-clock{grid-area:2/1/auto/-1;justify-self:center}:root[data-compact=true] .pkhud .pk-banner{font-size:var(--fs-lg)}.pk-summary{gap:var(--sp-4);margin:var(--sp-2) 0;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pk-score{font-size:var(--fs-2xl);font-weight:var(--fw-black);color:var(--gold-100);font-variant-numeric:tabular-nums}.pk-elo{font-size:var(--fs-md)}.pk-loss{color:#ff8a82}:root:not([data-compact=true]) .pkhud .pk-top{right:9.5rem}.gear-look{gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);border:1px dashed color-mix(in srgb, var(--gold-400) 55%, transparent);background:#f4cf780f;align-items:center;display:flex}.gear-look img{object-fit:contain;filter:drop-shadow(0 0 .4rem #f4cf7880);flex:none;width:3rem;height:3rem;animation:2.4s ease-in-out infinite gear-float}.gear-look>span{gap:.15rem;display:grid}.gear-line{font-size:var(--fs-xs);color:var(--gold-200);line-height:1.35}@keyframes gear-float{50%{transform:translateY(-3px)rotate(-4deg)}}.hhud .team-name,.pk-name,.sb-name{color:var(--pc,inherit)}.hskill-lock,.ta-lock{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hskill-lock .ui-icon,.ta-lock .ui-icon{filter:drop-shadow(0 1px 1px #00000080)}.ta-skill.is-locked .ta-btn .ta-lock img{filter:drop-shadow(0 1px 1px #00000080);opacity:1;border-radius:0}.mm-frame{display:block}.hhud .res-bar button.res{font:inherit;color:var(--gold-200);cursor:pointer;background:0 0;border:0;padding:0}.sb-scroll{min-width:0}.sb-head .sb-close{margin-left:var(--sp-2)}:root[data-touch=true] .hhud .kb-only{display:none}:root[data-uiv2=on] .hud:is(.hhud,.pkhud){--hv-ink:var(--v2-ink);--hv-line:var(--v2-line);--hv-gold:#f3b93a;--hv-hit:44px;--hv-navy:linear-gradient(180deg, #3d84e6, #1f55b0 55%, #173f8f);--hv-track:linear-gradient(180deg, #3a2615, #5b3f27);--hv-hp:linear-gradient(180deg, #9af38a, #3fc24c 55%, #279a39);--hv-foe:linear-gradient(180deg, #ff9a8b, #ee4b3d 55%, #c22f24);--hv-mp:linear-gradient(180deg, #98d4ff, #3e98f0 55%, #2470cf);--hv-xp:linear-gradient(180deg, #ffe789, #ffc21a 55%, #e09a00);--hv-jade:linear-gradient(180deg, #95f6d3, #2fcf98 55%, #16a072)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress{--ph:.95rem;--fill:var(--hv-jade);height:var(--ph);min-height:var(--ph);border:2px solid var(--hv-line);background:var(--hv-track);border-image:;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 2px #00000059,0 1px #ffffff8c}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-lg{--ph:1.2rem}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-hp{--fill:var(--hv-hp)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-mp{--fill:var(--hv-mp)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-gold{--fill:var(--hv-xp)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-danger{--fill:var(--hv-foe)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-fill{width:var(--pct);background:var(--fill);border-radius:999px;inset:0 auto 0 0;box-shadow:inset 0 -2px #00000029,1px 0 #00000040}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-fill:after{background:#ffffff6b;border-radius:999px;inset:12% 6% 54%}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-label{color:#fff;text-shadow:var(--t-outline);font-family:var(--font-display);letter-spacing:.02em;font-size:.78rem;font-weight:800;line-height:1}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .progress-lg .progress-label{font-size:.86rem}:root[data-uiv2=on] .hud.hhud .res-bar{box-shadow:none;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-image:;flex-wrap:nowrap;align-items:center;gap:.45rem;min-height:0;padding:0}:root[data-uiv2=on] .hud.hhud .res-bar .res{--rh:2.3rem;height:var(--rh);font:inherit;font-family:var(--font-display);color:#fff;text-shadow:var(--t-outline);background:var(--hv-navy);border:2px solid var(--hv-gold);box-shadow:0 0 0 2px var(--hv-line), inset 0 2px 0 #ffffff4d, 0 .22rem .35rem #3c280a4d;border-radius:999px;gap:.3rem;padding:0 .85rem 0 .22rem;font-weight:800;line-height:1;position:relative}:root[data-uiv2=on] .hud.hhud .res-bar .res strong{color:#fff;font-size:1.05rem}:root[data-uiv2=on] .hud.hhud .res-bar .res-label{color:#d9ecff;text-shadow:var(--t-outline);letter-spacing:.06em;font-size:.72rem}:root[data-uiv2=on] .hud.hhud .res-bar :is(.res-wave,.res-core) .res-ico{object-fit:contain;box-shadow:0 0 0 1.5px #c88a12, 0 0 0 3px var(--hv-line);filter:none;background:radial-gradient(circle at 50% 38%,#fffdf5,#f1dcab);border-radius:50%;flex:none;padding:.2rem;display:inline-block;width:1.8rem!important;height:1.8rem!important}:root[data-uiv2=on] .hud.hhud .res-bar .res-gold{--cap:calc(var(--rh) * var(--ui-res_pill-ar,1.07));border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-res_pill) var(--ui-res_pill-s) fill / 0 var(--cap) stretch;box-shadow:none;cursor:pointer;filter:drop-shadow(0 .18rem .25rem #3c280a59);background:0 0;border-radius:0;justify-content:center;min-width:1.6rem;padding:0 .15rem}:root[data-uiv2=on] .hud.hhud .res-bar .res-gold:active{transform:scale(.96)}:root[data-uiv2=on] .hud.hhud .res-bar .res-gold .res-ico{left:calc(var(--cap) * -.52 - .75rem);filter:drop-shadow(0 1px 1px #0006);position:absolute;top:50%;transform:translateY(-50%);width:1.5rem!important;height:1.5rem!important}:root[data-uiv2=on] .hud.hhud .res-bar .res-phase{height:auto;box-shadow:none;background:0 0;border:0;gap:.4rem;padding:0;font-size:.86rem;font-weight:700}:root[data-uiv2=on] .hud.hhud .whud-top-right :is(.dot,.fps){text-shadow:none}:root[data-uiv2=on][data-compact=true] .hud.hhud .whud-top-right .hud-icon-btn,:root[data-uiv2=on][data-touch=true] .hud.hhud .whud-top-right .hud-icon-btn,:root[data-uiv2=on] .hud.pkhud .pk-menu{aspect-ratio:1;background:var(--ui-round_btn) center / contain no-repeat;color:#fff;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:0;text-shadow:var(--t-outline);font-family:var(--font-display);filter:drop-shadow(0 .18rem .25rem #3c280a59);border:0;border-image:;border-radius:50%;padding:0;font-weight:800}:root[data-uiv2=on][data-touch=true] .hud.hhud .whud-top-right .hud-icon-btn,:root[data-uiv2=on][data-touch=true] .hud.pkhud .pk-menu{width:var(--hv-hit);height:var(--hv-hit);min-width:var(--hv-hit)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .hud-icon-btn.is-on{filter:drop-shadow(0 0 .45rem #2fcf98e6)}:root[data-uiv2=on] .hud.hhud .obj-bar{background:var(--hv-track);width:3.6rem;height:.62rem;box-shadow:inset 0 1px 2px #0006, 0 0 0 1.5px var(--hv-line)}:root[data-uiv2=on] .hud.hhud .obj-fill{background:var(--hv-jade)}:root[data-uiv2=on] .hud.hhud :is(.obj-foe,.obj-low) .obj-fill{background:var(--hv-foe)}:root[data-uiv2=on] .hud.hhud .obj-inv{box-shadow:inset 0 1px 2px #0006, 0 0 0 1.5px var(--hv-line), 0 0 0 3px #f3c860}:root[data-uiv2=on] .hud.hhud .res-bar .res-core{gap:.4rem;padding-right:.7rem}:root[data-uiv2=on] .hud.hhud .res-bar .res-core strong{text-align:right;min-width:2.4em;font-size:.95rem}:root[data-uiv2=on] .hud.hhud .res-bar .res-core.obj-crit strong{color:#ffd0cc}:root[data-uiv2=on] .hud.hhud .res-bar .res-core.obj-crit{border-color:#ff5e4d}:root[data-uiv2=on][data-compact=true] .hud.hhud .res-core .obj-bar{width:2.8rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .dd-base .obj-bar{width:2.3rem}:root[data-uiv2=on][data-compact=true][data-orient=landscape] .hud.hhud .whud-center-top{left:50%;right:auto;top:calc(var(--safe-t) + 3.2rem);width:min(34vw,16rem);transform:translate(-50%)}:root[data-uiv2=on] .hud.hhud .tg-main strong,:root[data-uiv2=on] .hud.hhud .team-name{color:var(--hv-ink)}:root[data-uiv2=on] :is(.hud.hhud .team-name,.hud.pkhud .pk-name,.hud.hhud .sb-name):before{content:"";vertical-align:.02em;background:var(--pc,var(--hv-gold));width:.62rem;height:.62rem;box-shadow:0 0 0 1.5px var(--hv-line), inset 0 1px 0 #ffffff80;border-radius:50%;margin-right:.3rem;display:inline-block}:root[data-uiv2=on] .hud.hhud .ally-rs{color:#c0392b}:root[data-uiv2=on] .hud.hhud .ally .progress{--ph:.6rem}:root[data-uiv2=on] .hud.hhud .feed-bad{color:#b3261e}:root[data-uiv2=on] .hud.hhud .feed-boss{color:#7d2bb0}:root[data-uiv2=on] .hud.hhud .hud-banner{color:var(--hv-ink);border:2px solid var(--hv-line);text-shadow:none;background:#fff8e6f2}:root[data-uiv2=on] .hud.hhud .key-hints{color:#fff;text-shadow:var(--t-outline);font-weight:700}:root[data-uiv2=on] .hud.hhud .hero-bar2{--fw:.7rem;gap:.6rem}:root[data-uiv2=on] .hud.hhud .hb-name strong{color:var(--hv-ink)}:root[data-uiv2=on] .hud.hhud .hb-mid{gap:.22rem}:root[data-uiv2=on] .hud.hhud .hb-face{background:conic-gradient(#ffc21a var(--xp), #5b3a1c2e 0)}:root[data-uiv2=on] .hud.hhud .hb-lv{z-index:2;color:var(--hv-ink);border:2px solid var(--hv-line);background:var(--hv-xp);font-family:var(--font-display);line-height:1.15}:root[data-uiv2=on] .hud.hhud .buff{color:#146b45;font-family:var(--font-display);background:#fff8e6f2;border:2px solid #2fa77b;font-weight:800}:root[data-uiv2=on] .hud.hhud .buff-shield{color:#8f5600;border-color:#d99a12}:root[data-uiv2=on] .hud.hhud .buff-recall{color:#1f55b0;border-color:#3e98f0}:root[data-uiv2=on] .hud.hhud .buff-rage{color:#a3121f;border-color:#e63946}:root[data-uiv2=on] .hud.hhud .buff-star{color:#2a3f9e;border-color:#4a6cf7}:root[data-uiv2=on] .hud.hhud .hb-skills{gap:.6rem;margin-top:.4rem}:root[data-uiv2=on] .hud.hhud .hskill-btn{box-shadow:none;background:radial-gradient(circle,#fffaf0 0 57%,#0000 59%);border-radius:50%;overflow:visible}:root[data-uiv2=on] .hud.hhud .hskill-btn>img{border-radius:50%;width:82%;height:82%;position:absolute;inset:9%}:root[data-uiv2=on] .hud.hhud .hskill-btn:after{content:"";z-index:1;pointer-events:none;background:var(--ui-skill_ring) center / contain no-repeat;position:absolute;inset:-12%}:root[data-uiv2=on] .hud.hhud .hskill-fallback{color:var(--hv-ink)}:root[data-uiv2=on] .hud.hhud .hskill-cd{z-index:1;color:#fff;text-shadow:var(--t-outline);font-family:var(--font-display);background:conic-gradient(#28190aad var(--cd), #28190a1f 0);border-radius:50%;inset:9%}:root[data-uiv2=on] .hud.hhud .hskill-btn .kbd{z-index:2;top:-.4rem;left:-.4rem}:root[data-uiv2=on] .hud.hhud .hskill-mana{z-index:2;line-height:1.2;font-family:var(--font-display);color:#fff;text-shadow:var(--t-outline);background:var(--hv-mp);border:1.5px solid var(--hv-line);border-radius:999px;padding:0 .3rem;font-size:.7rem;bottom:-.3rem;left:50%;right:auto;transform:translate(-50%)}:root[data-uiv2=on] .hud.hhud .hskill-ult .hskill-btn{box-shadow:none;filter:drop-shadow(0 0 .4rem #ffc21abf)}:root[data-uiv2=on] .hud.hhud .hskill-aim .hskill-btn{box-shadow:none;filter:drop-shadow(0 0 .55rem #2fcf98f2)}:root[data-uiv2=on] .hud.hhud .hskill-locked .hskill-btn>img{filter:grayscale()brightness(1.1)contrast(.75);opacity:.55}:root[data-uiv2=on] .hud.hhud .hskill-locked .hskill-btn:after{filter:grayscale(.8)brightness(1.05)}:root[data-uiv2=on] .hud.hhud .hskill-nomana .hskill-btn>img{filter:saturate(.3)brightness(.85)}:root[data-uiv2=on] .hud.hhud .hskill-nomana .hskill-mana{background:var(--hv-foe)}:root[data-uiv2=on] .hud.hhud .hskill-pips{margin-top:.15rem}:root[data-uiv2=on] .hud.hhud .hskill-pips i{background:#5b3a1c38}:root[data-uiv2=on] .hud.hhud .hskill-pips i.on{box-shadow:0 0 0 1px var(--hv-line);background:#ffc21a}:root[data-uiv2=on] .hud.hhud :is(.hskill-up,.ta-level){border:2px solid var(--hv-line);color:#fff;text-shadow:var(--t-outline);font-family:var(--font-display);background:radial-gradient(circle at 50% 32%,#a6f7c6,#33c46f 58%,#1d8c4c);font-weight:800;line-height:1;box-shadow:inset 0 2px #ffffff73}:root[data-uiv2=on] .hud.hhud .inv-cell{background:#fffaeeeb var(--ui-item_slot) center / 100% 100% no-repeat}:root[data-uiv2=on] .hud.hhud .inv-key{color:var(--hv-ink);border:1px solid var(--hv-line);background:var(--hv-xp);font-family:var(--font-display)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) :is(.inv-cd,.ta-cd){color:#fff;text-shadow:var(--t-outline);font-family:var(--font-display)}:root[data-uiv2=on] .hud.hhud .inv-sell{color:#b3261e;background:#ff5f571f}:root[data-uiv2=on] .hud.hhud .minimap2{box-shadow:none;filter:none;background:0 0;border:0;border-image:;gap:.25rem;padding:0}:root[data-uiv2=on] .hud.hhud .mm-frame{border:.55rem solid #0000;border-image:var(--ui-minimap) 23% / .8rem stretch;filter:drop-shadow(0 .2rem .3rem #3c280a4d)}:root[data-uiv2=on] .hud.hhud .mm-canvas{box-shadow:none;background:#efe2bf;border:0;border-radius:.15rem}:root[data-uiv2=on] .hud.hhud .mm-cam{background:0 0}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-btn{color:#fff;text-shadow:var(--t-outline);font-family:var(--font-display);background:var(--ui-side_btn) center / contain no-repeat;font-weight:800}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-recall small{color:#fff;text-shadow:var(--t-outline);font-size:.9rem;font-weight:800}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-item{background:#fffaeeeb var(--ui-item_slot) center / 100% 100% no-repeat;border-radius:.5rem;overflow:visible}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-item img{object-fit:contain;width:80%;height:80%}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-bag.is-on{filter:drop-shadow(0 0 .55rem #2fcf98f2);box-shadow:none}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill .ta-btn{background:radial-gradient(circle,#fffaf0 0 57%,#0000 59%)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill .ta-btn:after{z-index:1}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-fallback{color:var(--hv-ink);text-shadow:var(--t-soft)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill .ta-cd{z-index:1;font-family:var(--font-display);color:#fff;text-shadow:var(--t-outline);background:conic-gradient(#28190aa8 var(--cd), #28190a1f 0);inset:8%}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-mana{z-index:2;line-height:1.2;font-family:var(--font-display);color:#fff;text-shadow:var(--t-outline);background:var(--hv-mp);border:1.5px solid var(--hv-line);border-radius:999px;padding:0 .32rem;font-size:.74rem;font-weight:800;bottom:-.3rem}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill.is-nomana .ta-mana{background:var(--hv-foe)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill.is-locked .ta-btn>img{filter:grayscale()brightness(1.1)contrast(.75);opacity:.55}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill.is-locked .ta-btn:after{filter:grayscale(.8)brightness(1.05)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill.is-nomana .ta-btn>img{filter:saturate(.3)brightness(.85)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-skill.is-aiming .ta-btn{filter:drop-shadow(0 0 .6rem #2fcf98f2)}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-aim{box-shadow:0 0 0 2px var(--hv-line), 0 0 .8rem #2fcf98cc;background:#2fcf98}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-attack{background:var(--ui-attack_btn) center / contain no-repeat;color:#fff}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .ta-attack small{text-shadow:var(--t-outline);margin-top:-.1rem;font-size:.86rem}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .joy-base{opacity:.8;background-size:contain}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .joy-base.joy-on{opacity:1}:root[data-uiv2=on] .hud:is(.hhud,.pkhud) .joy-knob{filter:drop-shadow(0 .2rem .3rem #3c280a66);background-size:contain}:root[data-uiv2=on][data-touch=true] .hud.hhud .hero-bar2{box-shadow:none;filter:drop-shadow(0 .15rem .2rem #3c280a4d);background:0 0;border:0;border-image:;align-items:center;gap:.45rem;padding:0}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-name{display:none}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-face{width:2.9rem;padding:3px}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-lv{min-width:1.45rem;font-size:.78rem;bottom:-.45rem}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-sp{z-index:2;position:absolute;bottom:calc(100% + .15rem);left:50%;transform:translate(-50%)}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-mid{gap:.2rem;padding:.1rem 0}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-mid .progress{--ph:.95rem;height:var(--ph)}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-mid .progress-lg{--ph:1.15rem}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-mid .progress-gold{--ph:.5rem;border-width:1.5px}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-mid .progress-gold .progress-label{display:none}:root[data-uiv2=on][data-touch=true] .hud.hhud .hb-mid .progress-label{font-size:.76rem}:root[data-uiv2=on] .hud.hhud .state-banner{border:2px solid var(--hv-line);background:var(--hv-jade);color:#fff;text-shadow:var(--t-outline);font-family:var(--font-display);padding:.3rem 1.1rem;font-size:.95rem;font-weight:800;box-shadow:inset 0 2px #fff6,0 .25rem .5rem #3c280a4d}:root[data-uiv2=on] .hud.hhud .state-aim{background:var(--hv-xp);color:var(--hv-ink);text-shadow:var(--t-soft)}:root[data-uiv2=on] .hud.hhud .death-screen{background:radial-gradient(at 50% 34%,#2d190c80,#2d190c38 50%,#0000 82%)}:root[data-uiv2=on] .hud.hhud .death-ring{background:conic-gradient(#ff5e4d var(--p), #fff8e673 0);width:5.6rem;height:5.6rem;box-shadow:0 0 0 3px var(--hv-line), 0 0 1.6rem #ff5e4d8c;padding:.35rem}:root[data-uiv2=on] .hud.hhud .death-ring strong{color:var(--hv-ink);box-shadow:inset 0 0 0 2px var(--hv-line);font-family:var(--font-display);background:radial-gradient(circle at 50% 35%,#fffdf5,#f3e2b8);font-size:2.1rem;font-weight:800}:root[data-uiv2=on] .hud.hhud .death-title{color:#fff;text-shadow:var(--t-outline), 0 0 1rem #ff5e4dbf;letter-spacing:.06em;font-size:1.45rem}:root[data-uiv2=on] .hud.hhud .death-screen p{color:var(--hv-ink);border:2px solid var(--hv-line);text-shadow:none;background:#fff8e6f2;border-radius:1.1rem;padding:.3rem .9rem;font-weight:600}:root[data-uiv2=on] .hud.hhud :is(.shop2,.scoreboard){--fw:1rem;border-style:solid;border-color:#0000;border-width:var(--fw) calc(var(--fw) * var(--ui-panel-ar));border-image:var(--ui-panel) var(--ui-panel-s) stretch;background:var(--ui-panel_bg) center / cover no-repeat;box-shadow:none;filter:drop-shadow(0 .6rem 1.2rem #3c280a59);-webkit-backdrop-filter:none;backdrop-filter:none;background-clip:padding-box;border-radius:0}:root[data-uiv2=on] .hud.hhud .shop2{z-index:6;gap:.45rem;padding:.15rem .6rem .6rem}:root[data-uiv2=on] .hud.hhud :is(.shop2 .hud-card-head h3,.sb-head h3,.touch-bag .sheet-head strong){--bh:2.15rem;--cap:calc(var(--bh) * var(--ui-badge-ar,1.36) * .62);min-height:var(--bh);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-badge) var(--ui-badge-s) fill / 0 var(--cap) stretch;padding:0 .3rem;padding-top:calc(var(--bh) * var(--ui-badge-ft,0));padding-bottom:calc(var(--bh) * var(--ui-badge-fb,0));color:var(--hv-ink);text-shadow:var(--t-soft);font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;filter:drop-shadow(0 .12rem .15rem #3c280a4d);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;flex:0 auto;align-items:center;margin:0 auto 0 0;font-size:1rem;font-weight:800;line-height:1.1;display:inline-flex}:root[data-uiv2=on] .hud.hhud .shop2 .hud-card-head{min-height:2.6rem}:root[data-uiv2=on] .hud.hhud .shop2 .hud-card-head .res-gold{height:2.1rem;margin:0 var(--sp-2) 0 0;font-family:var(--font-display);color:#fff;text-shadow:var(--t-outline);background:var(--hv-navy);border:2px solid var(--hv-gold);box-shadow:0 0 0 2px var(--hv-line), inset 0 2px 0 #ffffff4d;border-radius:999px;align-items:center;gap:.3rem;padding:0 .85rem 0 .4rem;font-weight:800;display:inline-flex}:root[data-uiv2=on] .hud.hhud .shop2 .hud-card-head .res-gold strong{font-size:1.05rem}:root[data-uiv2=on] .hud.hhud :is(.shop2,.scoreboard) :is(.btn-icon,.sb-close){min-width:var(--hv-hit);width:var(--hv-hit);height:var(--hv-hit);min-height:var(--hv-hit)}:root[data-uiv2=on] .hud.hhud .shop2 .notice{margin:0;padding:.3rem .7rem;font-size:.82rem;line-height:1.3}:root[data-uiv2=on] .hud.hhud .shop2 .field-label{color:#8f5600;letter-spacing:.06em}:root[data-uiv2=on] .hud.hhud :is(.shop-cell,.suggest) .gold{color:#ffe27a;text-shadow:var(--t-outline);font-family:var(--font-display);font-weight:800}:root[data-uiv2=on] .hud.hhud :is(.shop-cell-name,.suggest-name){font-family:var(--font-display);font-weight:700}:root[data-uiv2=on] .hud.hhud .suggest{text-align:left;justify-items:start}:root[data-uiv2=on] .hud.hhud :is(.shop-cell-on,.suggest-on){filter:drop-shadow(0 0 .35rem #ffc21af2)brightness(1.06)}:root[data-uiv2=on] .hud.hhud .shop-detail{gap:.45rem}:root[data-uiv2=on] .hud.hhud .shop-detail>*{order:2}:root[data-uiv2=on] .hud.hhud .shop-detail>.row:first-child{order:0;align-items:flex-start}:root[data-uiv2=on] .hud.hhud .shop-detail>.btn{order:1}:root[data-uiv2=on] .hud.hhud .shop-detail strong.gold{color:var(--hv-ink);font-family:var(--font-display);font-size:1.05rem}:root[data-uiv2=on] .hud.hhud .rt-owned .rt-item{color:#146b45}:root[data-uiv2=on] .hud.hhud .rt-children{border-left-color:#5b3a1c59}:root[data-uiv2=on] .hud.hhud .scoreboard{padding:.25rem .8rem .6rem}:root[data-uiv2=on] .hud.hhud .sb-head{align-items:center;gap:var(--sp-2)}:root[data-uiv2=on] .hud.hhud .sb-head>.muted{margin-left:auto}:root[data-uiv2=on] .hud.hhud .sb-name{color:var(--hv-ink);white-space:nowrap;font-weight:700}:root[data-uiv2=on] .hud.hhud .sb-empty{background:#fff6;border-color:#5b3a1c4d}:root[data-uiv2=on] .hud.hhud .scoreboard td.gold{color:#8f5600;font-family:var(--font-display);font-weight:800}:root[data-uiv2=on] .hud.hhud .touch-bag .sheet-head{background:0 0}:root[data-uiv2=on] .hud.hhud .touch-bag :is(.btn,.inv-cell,.mini-tw){min-height:var(--hv-hit)}:root[data-uiv2=on] .hud.hhud .touch-bag .sheet-head .btn{min-width:var(--hv-hit);width:var(--hv-hit);height:var(--hv-hit)}:root[data-uiv2=on] .hud.hhud .touch-bag .tb-detail{background:#ffffff80;border-color:#5b3a1c40}:root[data-uiv2=on] .hud.hhud .mini-towers-card .hud-card-head h3{color:#8f5600;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop2{top:calc(var(--safe-t) + .3rem);bottom:calc(var(--safe-b) + .3rem);left:calc(var(--safe-l) + .45rem);right:calc(var(--safe-r) + .45rem);--fw:.8rem;animation:modal-in var(--dur-med) var(--ease-out);border-radius:0;grid-template:"head head""sug det""list det"minmax(0,1fr)/minmax(0,1.35fr) minmax(0,1fr);gap:.3rem .55rem;padding:0 .45rem .35rem;display:grid;overflow:hidden}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop2:has(>.notice){grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"head head""note note""sug det""list det"}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop2>.hud-card-head{grid-area:head;min-height:0}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop2>.notice{grid-area:note;padding:.15rem .6rem;font-size:.78rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop2>.shop-suggest{grid-area:sug;gap:.15rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop2>.shop-body{display:contents}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-list{overscroll-behavior:contain;grid-area:list;min-height:0;padding:.1rem .15rem .2rem;overflow-y:auto}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-detail{overscroll-behavior:contain;grid-area:det;min-height:0;padding:.4rem .5rem;overflow-y:auto}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-suggest .field-label{font-size:.72rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .suggest-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .suggest{min-height:var(--hv-hit);grid-template-columns:auto minmax(0,1fr);gap:0 .3rem;padding:.3rem .35rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .suggest .jade-icon{--size:2rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .suggest .badge{display:none}:root[data-uiv2=on][data-compact=true] .hud.hhud .suggest-name{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-list .tabs-pill{margin-bottom:.3rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-list .tabs-pill .tab{--th:var(--hv-hit);min-height:var(--hv-hit)}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.3rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-cell{gap:.1rem;padding:.45rem .25rem .35rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-cell .jade-icon{--size:2.2rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-cell-name{font-size:.78rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-detail .jade-icon-lg{--size:2.8rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .shop-detail>.btn{min-height:var(--hv-hit);--btn-h:var(--hv-hit)}:root[data-uiv2=on][data-compact=true] .hud.hhud :is(.shop2 .hud-card-head h3,.sb-head h3,.touch-bag .sheet-head strong){--bh:2rem;font-size:.95rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .scoreboard{--fw:.8rem;flex-direction:column;width:min(48rem,100vw - 1rem);max-height:calc(100dvh - .8rem);padding:.1rem .5rem .4rem;display:flex}:root[data-uiv2=on][data-compact=true] .hud.hhud .sb-head{margin-bottom:.2rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .sb-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}:root[data-uiv2=on][data-compact=true] .hud.hhud .scoreboard .sb-col-hero{display:none}:root[data-uiv2=on][data-compact=true] .hud.hhud .scoreboard .table :is(th,td){padding:.3rem .4rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .sb-items .jade-icon,:root[data-uiv2=on][data-compact=true] .hud.hhud .sb-empty{--size:1.45rem;width:1.45rem;height:1.45rem}:root[data-uiv2=on] .hud.pkhud .pk-side{gap:.45rem;padding:.15rem .5rem}:root[data-uiv2=on] .hud.pkhud .pk-name{color:var(--hv-ink);font-family:var(--font-display);font-size:.95rem;font-weight:800;line-height:1.2}:root[data-uiv2=on] .hud.pkhud .pk-name .muted{font-family:var(--font-ui,inherit);font-weight:600}:root[data-uiv2=on] .hud.pkhud .pk-hp{border:2px solid var(--hv-line);background:var(--hv-track);height:.95rem;box-shadow:inset 0 2px 2px #00000059,0 1px #ffffff8c}:root[data-uiv2=on] .hud.pkhud .pk-hp span{background:var(--hv-foe);border-radius:999px;box-shadow:inset 0 -2px #00000029,inset 0 2px #fff6}:root[data-uiv2=on] .hud.pkhud .pk-me .pk-hp span{background:var(--hv-hp)}:root[data-uiv2=on] .hud.pkhud .pk-pips i{border:2px solid var(--hv-line);background:#ffffffa6;width:.9rem;height:.9rem}:root[data-uiv2=on] .hud.pkhud .pk-pips i.on{background:var(--hv-xp);box-shadow:0 0 .45rem #ffc21ad9}:root[data-uiv2=on] .hud.pkhud .pk-clock{min-width:6.5rem;padding:.05rem .9rem .1rem;position:relative}:root[data-uiv2=on] .hud.pkhud .pk-round{color:var(--muted);font-family:var(--font-display);letter-spacing:.05em;font-weight:700}:root[data-uiv2=on] .hud.pkhud .pk-clock strong{color:var(--hv-ink);font-size:1.35rem;line-height:1.1}:root[data-uiv2=on] .hud.pkhud .pk-low{color:#d6382c!important}:root[data-uiv2=on] .hud.pkhud .pk-practice{top:calc(100% + var(--fw,.6rem) + .2rem);border:2px solid var(--hv-line);color:var(--hv-ink);text-transform:none;letter-spacing:0;background:#fff8e6f0;border-radius:999px;padding:.05rem .65rem;font-size:.72rem;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 .15rem .3rem #3c280a40}:root[data-uiv2=on] .hud.pkhud .pk-banner{--bh:3.3rem;--cap:calc(var(--bh) * var(--ui-badge-ar,1.36) * .7);min-height:var(--bh);box-shadow:none;border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-badge) var(--ui-badge-s) fill / 0 var(--cap) stretch;padding:0 .5rem;padding-top:calc(var(--bh) * var(--ui-badge-ft,0));padding-bottom:calc(var(--bh) * var(--ui-badge-fb,0));color:#fff;text-shadow:var(--t-outline);font-family:var(--font-display);filter:drop-shadow(0 .3rem .5rem #3c280a59);background:0 0;border-radius:0;align-items:center;font-size:1.4rem;font-weight:800;line-height:1.1;display:inline-flex}:root[data-uiv2=on] .hud.pkhud .pk-banner-soft{border:2px solid var(--hv-line);min-height:0;color:var(--hv-ink);text-shadow:none;background:#fff8e6f2;border-image:;border-radius:999px;padding:.3rem 1.1rem;font-size:1rem;box-shadow:0 .25rem .5rem #3c280a4d}:root[data-uiv2=on] .hud.pkhud .pk-keys{color:#fff;text-shadow:var(--t-outline);font-weight:700}:root[data-uiv2=on][data-compact=true] .hud.pkhud .pk-name{font-size:.86rem}:root[data-uiv2=on][data-compact=true] .hud.pkhud .pk-banner{--bh:2.8rem;font-size:1.15rem}.event-banner{z-index:5;text-align:center;pointer-events:none;border:2px solid var(--gold-300);color:#fff;width:max-content;max-width:min(30rem,86vw);animation:event-banner-in 5.2s var(--ease-out) forwards;background:#08121ce6;border-radius:1rem;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem 1.4rem .55rem;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.event-banner strong{font-family:var(--font-display);letter-spacing:.04em;font-size:1.35rem}.event-banner span{opacity:.92;font-size:.85rem;line-height:1.3}@keyframes event-banner-in{0%{opacity:0;transform:translate(-50%,-.8rem)scale(.9)}7%{opacity:1;transform:translate(-50%)scale(1.05)}11%{transform:translate(-50%)scale(1)}86%{opacity:1}to{opacity:0}}.shop-cell.shop-locked{filter:grayscale(.85);opacity:.72}.shop-lock-note{align-items:center;gap:.35rem;display:flex}:root[data-uiv2=on] .hud.hhud .event-banner{color:var(--hv-ink);border:2px solid var(--hv-line);background:#fff8e6f5;box-shadow:inset 0 2px #fff9,0 .4rem 1rem #3c280a4d}:root[data-uiv2=on] .hud.hhud .event-banner strong{color:#fff;text-shadow:var(--t-outline);border:2px solid var(--hv-line);background:linear-gradient(#ffcf5a,#f3a72a);border-radius:999px;padding:.05rem 1rem}:root[data-uiv2=on] .hud.hhud :is(.event-massive,.event-judge,.event-dday) strong{background:var(--hv-foe)}:root[data-uiv2=on] .hud.hhud .event-winged strong{background:linear-gradient(#c49bff,#8a5ae0)}:root[data-uiv2=on] .hud.hhud .event-forge strong{background:var(--hv-hp)}:root[data-uiv2=on] .hud.hhud :is(.event-onslaught,.event-siege) strong{background:var(--hv-foe)}:root[data-uiv2=on] .hud.hhud .event-flyover strong{background:linear-gradient(#c49bff,#8a5ae0)}:root[data-uiv2=on] .hud.hhud .event-dawn strong{background:linear-gradient(#6f7fe6,#3b3f9e)}:root[data-uiv2=on] .hud.hhud .event-sunrise strong{background:linear-gradient(#ffd27a,#ff9a3c)}.hud.hhud .res-timer{font-variant-numeric:tabular-nums;white-space:nowrap}.hud.hhud .map-timer-trial{color:var(--gold-300,#ffd166)}:root[data-uiv2=on] .hud.hhud .map-timer-trial{color:#b8740f}:root[data-uiv2=on] .hud.hhud .map-timer-dawn{color:#3b3f9e}:root[data-compact=true][data-orient=landscape] .hud.hhud .event-banner{top:20%}:root[data-compact=true][data-orient=landscape] .hud.hhud .event-banner strong{font-size:1.45rem}:root[data-compact=true][data-orient=landscape] .hud.hhud .event-banner span{font-size:.8rem}.dd-base{border-radius:999px;align-items:center;display:inline-flex;position:relative}.dd-base .obj-bar{width:3rem}.dd-base-inv{filter:drop-shadow(0 1px 1px #00000080);position:absolute;top:50%;transform:translateY(-50%)}.dd-base-ours .dd-base-inv{left:-.5rem}.dd-base-theirs .dd-base-inv{right:-.5rem}.dd-score{align-items:center;gap:.35rem;font-size:1.05rem;font-weight:800;display:inline-flex}.dd-score-sep{opacity:.7;font-size:.8em}.dd-next{white-space:nowrap;font-size:.8rem}.dd-scoreboard .dd-team-table+.dd-team-table{margin-top:.6rem}:root[data-uiv2=on] .hud.hhud .res-bar .res.dd-score{gap:.4rem;padding:0 .6rem}:root[data-uiv2=on] .hud.hhud .dd-base .obj-bar{width:2.8rem}:root[data-compact=true] .hud.hhud .dd-next{display:none}.hud.whud .wait-overlay{z-index:40;pointer-events:auto;background:#1e120673;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.hud.whud .wait-card{text-align:center;max-width:min(26rem,100%);color:var(--fg);background:var(--surface-0);border:2px solid var(--v2-line);box-shadow:var(--shadow-2);border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;padding:1rem 1.4rem;display:flex}.hud.whud .wait-card strong{font-size:1.1rem}.hud.whud .wait-card p{margin:0}.hud.whud .wait-count{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.hud.whud .wait-spinner{border:3px solid var(--line-soft);width:1.8rem;height:1.8rem;animation:spin calc(1s / var(--motion,1)) linear infinite;border-top-color:#f3a72a;border-radius:50%}:root[data-compact=true][data-orient=landscape] .hud.whud .wait-card{gap:.2rem;padding:.6rem 1rem}.ta-skill-pop{right:calc(var(--safe-r,0px) + 15.4rem);bottom:calc(var(--safe-b,0px) + .8rem);width:min(19rem,46vw);max-width:none;max-height:calc(100vh - 1.6rem);overflow-y:auto}.skill-info{text-align:left;gap:.3rem;font-size:.86rem;line-height:1.4;display:grid}.skill-info p{margin:0}.skill-info-head{align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.skill-info-head strong{color:#ffd34d;font-size:1.04rem}.skill-info-lv{color:#9fd8ff;margin-left:auto;font-size:.78rem;font-weight:700}.skill-info-ult{color:#3a2410;background:#f4cf78;border-radius:999px;padding:.05rem .45rem;font-size:.7rem;font-weight:800}.skill-info .si-desc{color:#ffe6b3}.skill-info .si-desc-next{color:#ffd08a}.skill-info .si-cost{flex-wrap:wrap;gap:.2rem .8rem;font-size:.8rem;font-weight:700;display:flex}.skill-info .si-mana{color:#7fc4ff}.skill-info .si-cd{color:#86eeb0}.skill-info-next{border-top:1px dashed #ffd34d73;gap:.25rem;margin-top:.1rem;padding-top:.35rem;display:grid}.skill-info .si-next-head{letter-spacing:.04em;text-transform:uppercase;color:#ffad47;font-size:.74rem;font-weight:800}.skill-info .si-req{color:#ff8f73;font-weight:700}.skill-info .si-hint{color:#ffd34d;font-weight:700}.skill-info .si-max{color:#7cf0c4;font-weight:700}.item-tip .skill-info+.gold{color:#ffd34d;font-weight:700}.ta-skill .ta-level,.hskill .hskill-up{z-index:3}.hb-crit{color:var(--gold-300);font-weight:800}:root[data-uiv2=on] .hud.hhud .hb-crit{color:#c25e00}:root[data-uiv2=on] .hud.hhud :is(.whud-top-right,.hud-chat,.allies){box-shadow:none;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-image:;padding:0}:root[data-uiv2=on] .hud.hhud .whud-top-right{gap:.35rem}:root[data-uiv2=on] .hud.hhud .whud-top-right .fps{color:#fff;text-shadow:var(--t-outline);font-weight:700}:root[data-uiv2=on][data-touch=true] .hud.hhud .whud-top-right :is(.dot,.fps),:root[data-uiv2=on] .hud.hhud .hud-icon-btn .menu-label{display:none}:root[data-uiv2=on][data-touch=true]:not([data-compact=true]) .hud.hhud .whud-top{right:calc(var(--safe-r,0px) + var(--sp-3) + 3.3rem)}:root[data-uiv2=on] .hud.hhud .hud-chat .chat-line{color:#fff;text-shadow:var(--t-outline);font-weight:600}:root[data-uiv2=on] .hud.hhud .allies{gap:.3rem}:root[data-uiv2=on] .hud.hhud .allies .team-name{color:#fff;text-shadow:var(--t-outline);font-weight:800}:root[data-uiv2=on] .hud.hhud .allies .ally-rs{color:#ffd0cc;text-shadow:0 0 2px #7d130b,0 0 2px #7d130b,0 1px #7d130b;font-weight:800}:root[data-uiv2=on][data-compact=true] .hud.hhud .allies{gap:.2rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .allies .avatar{--size:1.75rem}:root[data-uiv2=on][data-compact=true] .hud.hhud .allies .team-name{font-size:.78rem;line-height:1.15}:root[data-uiv2=on][data-compact=true] .hud.hhud .ally .progress{--ph:.45rem;border-width:1.5px}:root[data-uiv2=on] .hud.hhud .feed-item{box-shadow:none;color:#fff;text-shadow:var(--t-outline);background:0 0;border:0;border-image:;border-radius:0;padding:0;font-weight:700}:root[data-uiv2=on] .hud.hhud .feed-good{color:#d9ffe9}:root[data-uiv2=on] .hud.hhud .feed-team{color:#ffe9a8}:root[data-uiv2=on] .hud.hhud .feed-boss{color:#f3dcff;text-shadow:0 0 2px #4a1f73,0 0 2px #4a1f73,0 1px #4a1f73}:root[data-uiv2=on] .hud.hhud .feed-bad{color:#fff;text-shadow:0 0 2px #8f1d14,0 0 2px #8f1d14,0 1px #8f1d14,0 0 .45rem #ff4632bf}:root[data-uiv2=on] .hud.hhud .event-banner{--ol:#6b4300;--glow:#ffbe28d9;box-shadow:none;background:0 0;border:0;gap:.1rem;padding:0}:root[data-uiv2=on] .hud.hhud .event-banner:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#190a058c,#190a054d 55%,#0000);position:absolute;inset:-.8rem -3rem}:root[data-uiv2=on] .hud.hhud .event-banner strong{color:#fff;text-shadow:0 0 3px var(--ol), 0 0 3px var(--ol), 0 0 3px var(--ol), 0 2px 0 var(--ol), 0 0 .4rem #1e08048c, 0 0 1rem var(--glow);background:0 0;border:0;border-radius:0;padding:0;font-size:1.9rem;line-height:1.1;display:inline-block}:root[data-uiv2=on] .hud.hhud .event-banner span{color:#fff;text-shadow:var(--t-outline), 0 0 .5rem #1e0f05b3;opacity:1;font-size:.92rem;font-weight:700}:root[data-uiv2=on] .hud.hhud :is(.event-massive,.event-judge,.event-dday,.event-onslaught,.event-siege){--ol:#7d130b;--glow:#ff3c28e6}:root[data-uiv2=on] .hud.hhud :is(.event-massive,.event-judge,.event-dday,.event-onslaught,.event-siege) strong{animation:banner-warn calc(.8s / var(--motion)) ease-in-out infinite}:root[data-uiv2=on] .hud.hhud .event-forge{--ol:#0f5a36;--glow:#2fcf98e6}:root[data-uiv2=on] .hud.hhud :is(.event-winged,.event-flyover){--ol:#4a2a8a;--glow:#aa78ffe6}:root[data-uiv2=on] .hud.hhud .event-dawn{--ol:#22265e;--glow:#6e7de6e6}:root[data-uiv2=on] .hud.hhud .event-sunrise{--ol:#8a4a00;--glow:#ffa03ce6}@keyframes banner-warn{50%{filter:brightness(1.2);transform:scale(1.07)}}:root[data-uiv2=on] .hud.hhud .state-banner{box-shadow:none;color:#fff;text-shadow:var(--t-outline), 0 0 .6rem #2fcf98cc;background:0 0;border:0;padding:0;font-size:1.05rem}:root[data-uiv2=on] .hud.hhud .state-aim{color:#ffe9a8;text-shadow:var(--t-outline), 0 0 .6rem #ffc21acc}.adm-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.adm-grid>.panel-wide{grid-column:1/-1}.adm-kpis{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.adm-kpis div{flex-direction:column;gap:.2rem;display:flex}.adm-kpis b{font-size:var(--fs-2xl);color:var(--fg-strong);font-variant-numeric:tabular-nums}.adm-kpis span{color:var(--muted);font-size:var(--fs-sm)}.adm-bars{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.adm-bars li{align-items:center;gap:var(--sp-3);grid-template-columns:minmax(6rem,11rem) 1fr auto;display:grid}.adm-bars li:hover .adm-bar-fill{fill:var(--jade-300)}.adm-bar-label{color:var(--fg);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adm-bar{width:100%;height:.75rem}.adm-bar-track{fill:var(--line-soft)}.adm-bar-fill{fill:var(--jade-400)}.adm-bar-val{color:var(--fg-strong);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:right;min-width:4.5rem}.adm-cols{margin:0}.adm-cols svg{width:100%;height:9rem;display:block}.adm-axis{stroke:var(--line);stroke-width:.3px;vector-effect:non-scaling-stroke}.adm-hit{fill:#0000}.adm-col{fill:var(--jade-400)}.adm-cols g:hover .adm-col{fill:var(--jade-300)}.adm-cols-x{gap:0;margin-top:.3rem;display:grid}.adm-cols-x span{color:var(--muted);font-size:var(--fs-xs);text-align:center;white-space:nowrap;flex-direction:column;align-items:center;min-width:0;display:flex;overflow:visible}.adm-cols-x b{color:var(--fg-strong)}.adm-table-wrap{overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.adm-table th{text-align:left;color:var(--muted);font-weight:var(--fw-semibold);border-bottom:1px solid var(--line);padding:.4rem .5rem}.adm-table td{border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--fg);padding:.45rem .5rem}.adm-msg{word-break:break-word;max-width:36rem;font-family:ui-monospace,monospace}.admin .topbar>.tabs{max-width:calc(100vw - 2 * var(--gutter));flex:100%;margin-right:-9.5rem}#ui>.screen{pointer-events:none}.screen>*{pointer-events:auto}.screen>.hud{pointer-events:none}.page{max-width:92rem;padding:var(--gutter);padding-top:calc(var(--gutter) * .8);gap:var(--sp-5);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.page-center{place-items:center;display:grid}.page-center .panel{width:min(100%,28rem)}.connecting{gap:var(--sp-3);margin-bottom:var(--sp-3)}.seal-sm{width:2.2rem;height:2.2rem;animation:spin calc(6s / var(--motion)) linear infinite}.top-controls{top:var(--sp-3);right:var(--sp-3);z-index:var(--z-float);gap:var(--sp-2);align-items:center;display:flex;position:fixed}.lang-toggle{border-radius:var(--r-pill);border:1px solid var(--line);background:#040807b3;padding:.15rem;display:flex}.lang-toggle button{font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-black);letter-spacing:.06em;color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;padding:.25rem .65rem}.lang-toggle button[aria-pressed=true]{background:var(--grad-gold);color:var(--ink-950)}.top-controls .gear{--btn-h:2rem;border-color:var(--line);color:var(--gold-200);background:#040807b3}.top-controls .gear:hover svg{transform:rotate(60deg)}.top-controls .gear svg{transition:transform var(--dur-slow) var(--ease-out)}.hud .hud-top{margin-right:9rem}.topbar{align-items:center;gap:var(--sp-4);flex-wrap:wrap;min-height:3rem;padding-right:9.5rem;display:flex}.topbar-logo{filter:drop-shadow(0 0 .8rem #e5b44f4d);width:auto;height:clamp(2.4rem,1.6rem + 2vw,3.4rem)}.topbar-right{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.user-chip{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--line);font-weight:var(--fw-semibold);font-size:var(--fs-sm);background:#04080799;padding:.2rem .85rem .2rem .25rem;display:inline-flex}.rejoin{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--jade-400);border-radius:var(--r-md);font-weight:var(--fw-bold);animation:screen-in var(--dur-slow) var(--ease-out) backwards;background:linear-gradient(90deg,#3fd3a22e,#e5b44f1f);display:flex}.auth{justify-content:center;align-items:center;gap:var(--sp-5);min-height:100vh;padding:var(--gutter);flex-direction:column;display:flex}.auth-hero{align-items:center;gap:var(--sp-1);pointer-events:none;flex-direction:column;display:flex}.auth-logo{filter:drop-shadow(0 0 1.6rem #e5b44f59);width:min(80vw,clamp(22rem,14rem + 22vw,40rem));height:auto;animation:logo-float calc(5s / var(--motion)) ease-in-out infinite}.auth-tagline{color:var(--gold-200);font-size:var(--fs-lg);letter-spacing:.04em;text-align:center;text-shadow:0 2px 8px #000;margin:0}@keyframes logo-float{50%{transform:translateY(-.3rem)scale(1.01)}}.auth-panel{width:min(100%,26rem)}.auth-apk{--btn-h:3.3rem;margin-top:var(--sp-3);flex-direction:column;gap:0;line-height:1.15;text-decoration:none}.auth-apk small{font-size:var(--fs-xs);opacity:.8;font-weight:600}.auth-apk-short{display:none}.links{gap:var(--sp-2);flex-direction:column;align-items:center;display:flex}.recovery-code{gap:var(--sp-3);margin:0 0 var(--sp-4);align-items:center;display:flex}.recovery-code code{font-size:var(--fs-lg);letter-spacing:.15em;white-space:nowrap;font-weight:var(--fw-black);color:var(--gold-200);padding:var(--sp-3);border-radius:var(--r-md);border:1px dashed var(--gold-500);text-align:center;background:#040807cc;flex:1}.auth-features{gap:var(--sp-4);flex-wrap:wrap;justify-content:center;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.auth-features li{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);border-radius:var(--r-pill);border:1px solid var(--line-soft);background:#0408078c;padding:.35rem .8rem;display:flex}@media (max-height:760px){.auth{justify-content:flex-start;gap:var(--sp-3)}.auth-logo{width:min(70vw,24rem)}}.mode-cards{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.mode-card{border-radius:var(--r-lg);isolation:isolate;border:1px solid var(--line);min-height:clamp(11rem,6rem + 10vw,16rem);box-shadow:var(--shadow-2);transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med), border-color var(--dur-med);grid-template-columns:1.1fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.mode-card:before{content:"";z-index:-2;position:absolute;inset:0}.mode-wave:before{background:radial-gradient(at 25% 60%,#e5b44f52,#0000 60%),linear-gradient(120deg,#1a1608 0%,#0b1514 60%)}.mode-hero:before{background:radial-gradient(at 25% 60%,#3fd3a252,#0000 60%),linear-gradient(120deg,#06231b 0%,#0b1514 60%)}.mode-card:hover{border-color:var(--gold-400);box-shadow:var(--shadow-2), var(--glow-gold);transform:translateY(-.2rem)}.mode-art{height:100%;min-height:inherit;position:relative;overflow:hidden}.mode-art img{object-fit:contain;filter:drop-shadow(0 .6rem 1rem #0009);width:auto;height:82%;transition:transform var(--dur-slow) var(--ease-out);position:absolute;bottom:4%}.mode-art-0{opacity:.8;left:-4%;transform:scale(.78)}.mode-art-1{z-index:1;left:18%}.mode-art-2{opacity:.8;left:42%;transform:scale(.78)}.mode-card:hover .mode-art-1{transform:translateY(-.4rem)scale(1.04)}.mode-info{z-index:1;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-3);flex-direction:column;display:flex;position:relative}.mode-title{background:var(--text-gold);color:#0000;filter:drop-shadow(0 2px 4px #000);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,1rem + 1.3vw,2.4rem);line-height:1.1}.mode-desc{margin:0 0 var(--sp-2);color:var(--fg);font-size:var(--fs-sm);max-width:24rem}.lobby-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;display:grid}.lobby-grid>.panel{width:100%}.join-code{gap:var(--sp-2);align-items:center;display:flex}.join-code input{width:10rem;font-size:var(--fs-sm);letter-spacing:.2em;padding:.35rem .5rem}.join-code input::placeholder{letter-spacing:.05em;font-weight:var(--fw-semibold)}.room-list{margin:var(--sp-3) 0 0;gap:var(--sp-2);flex-direction:column;max-height:22rem;padding:0;list-style:none;display:flex;overflow-y:auto}.room-row{gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line-soft);transition:border-color var(--dur-fast), background var(--dur-fast);background:#04080773;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;display:grid}.room-row:hover{border-color:var(--line-jade);background:var(--surface-hover)}.room-main{flex-direction:column;min-width:0;display:flex}.room-main strong,.room-main .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-tags{gap:var(--sp-1);display:flex}.room-count{font-weight:var(--fw-black);color:var(--gold-200);font-variant-numeric:tabular-nums}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-5) 0;flex-direction:column;display:flex}.meta-panel .history,.meta-panel .lb-list,.meta-panel .achv-grid{max-height:22rem;overflow-y:auto}@media (max-width:900px){.mode-cards,.lobby-grid{grid-template-columns:1fr}.room-tags{display:none}.room-row{grid-template-columns:auto minmax(0,1fr) auto auto}}.form-2col{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.history{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-btn{all:unset;box-sizing:border-box;cursor:pointer;width:100%;padding:var(--sp-2);border-radius:var(--r-sm);gap:var(--sp-2);font-size:var(--fs-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.history-btn:hover,.history-btn:focus-visible{background:var(--surface-hover)}.history-btn:focus-visible{outline:2px solid var(--gold-300)}.history-main{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.match-detail{padding:var(--sp-2) var(--sp-1) var(--sp-3);gap:var(--sp-2);font-size:var(--fs-sm);flex-direction:column;display:flex;overflow-x:auto}.dmg-list{gap:var(--sp-1);flex-direction:column;display:flex}.dmg-row{gap:var(--sp-2);grid-template-columns:minmax(6rem,9rem) 1fr 2.6rem;align-items:center;display:grid}.dmg-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dmg-bar{border-radius:var(--r-pill);background:#f1ecdf14;height:.5rem;overflow:hidden}.dmg-bar span{background:linear-gradient(90deg, var(--jade-600), var(--jade-300));height:100%;display:block}.dmg-val{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.lb-filters{margin-bottom:var(--sp-2)}.lb-filters .select{flex:1}.lb-list{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lb-row{gap:var(--sp-2);font-size:var(--fs-sm);padding:var(--sp-2);border-radius:var(--r-sm);background:#04080773;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;display:grid}.lb-rank{font-weight:var(--fw-black);color:var(--muted);text-align:center}.lb-top .lb-rank{width:1.7rem;height:1.7rem;color:var(--ink-950);border-radius:50%;place-items:center;display:grid}.lb-top-1 .lb-rank{background:var(--grad-gold);box-shadow:var(--glow-gold)}.lb-top-2 .lb-rank{background:linear-gradient(#f2f4f5,#9aa5ad)}.lb-top-3 .lb-rank{background:linear-gradient(#f1c79a,#9a6234)}.lb-top-1{border:1px solid #e5b44f73}.lb-names{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-score{font-variant-numeric:tabular-nums;color:var(--gold-200)}.achv-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.achv{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);opacity:.55;font-size:var(--fs-sm);border:1px solid var(--line-soft);filter:grayscale(.6);background:#04080773;flex-direction:column;gap:.1rem;display:flex}.achv-on{opacity:1;filter:none;background:linear-gradient(160deg,#e5b44f1f,#04080780);border-color:#e5b44f80}.achv-icon{color:var(--gold-300);font-size:var(--fs-lg)}.achv-count{grid-column:1/-1}.achv-new{margin:var(--sp-3) 0 0;text-align:center}.achv-new-h{color:var(--gold-200);letter-spacing:.12em;text-transform:uppercase;font-size:var(--fs-sm);animation:fade-in var(--dur-med) .6s both;align-items:center;gap:.4rem;display:inline-flex}.achv-new-list{margin:var(--sp-2) 0 0;gap:var(--sp-2);flex-direction:column;align-items:center;padding:0;list-style:none;display:flex}.achv-card{gap:var(--sp-3);text-align:left;border-radius:var(--r-md);width:min(100%,26rem);box-shadow:var(--glow-gold), inset 0 0 1rem #e5b44f1f;animation:achv-in calc(.6s / var(--motion)) var(--ease-spring) var(--d) both;background:linear-gradient(100deg,#e5b44f38,#0408078c 55%,#e5b44f1f);border:1px solid #e5b44f99;grid-template-columns:auto 1fr;align-items:center;padding:.45rem .9rem;display:grid;position:relative;overflow:visible}@keyframes achv-in{0%{opacity:0;filter:brightness(2);transform:translateY(.6rem)scale(.85)}60%{filter:brightness(1.4)}to{opacity:1;filter:brightness();transform:none}}.achv-seal{width:2.6rem;height:2.6rem;color:var(--ink-950);background:var(--grad-gold);box-shadow:0 0 0 2px var(--ink-950), 0 0 0 3px var(--gold-300), var(--glow-gold);animation:achv-seal calc(.7s / var(--motion)) var(--ease-spring) calc(var(--d) + .15s) both;border-radius:50%;place-items:center;display:grid}@keyframes achv-seal{0%{opacity:0;transform:scale(2.4)rotate(-40deg)}to{opacity:1;transform:none}}.achv-card-text{flex-direction:column;line-height:1.25;display:flex}.achv-card-text strong{color:var(--gold-100);font-size:var(--fs-lg)}.achv-sparks{pointer-events:none;position:absolute;top:50%;left:1.7rem}.achv-sparks i{background:var(--gold-100);width:.4rem;height:.4rem;box-shadow:0 0 .5rem var(--gold-300);opacity:0;--a:calc(var(--i) * 60deg);animation:achv-spark calc(.9s / var(--motion)) ease-out calc(var(--d) + .2s) both;border-radius:50%;position:absolute}@keyframes achv-spark{0%{opacity:1;transform:rotate(var(--a)) translateX(.4rem) scale(1.2)}to{opacity:0;transform:rotate(var(--a)) translateX(2.6rem) scale(.3)}}:root[data-reduced-motion=true] :is(.achv-card,.achv-seal,.achv-sparks i,.ws-star,.ws-sparks i,.ws-rays,.ws-title){opacity:1;transform:none;animation:none!important}.room .topbar{gap:var(--sp-4)}.room-heading{flex-direction:column;gap:.1rem;min-width:0;display:flex}.room-name{font-size:var(--fs-xl);background:var(--text-gold);color:#0000;text-overflow:ellipsis;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.2;overflow:hidden}.room-meta{gap:var(--sp-3);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;display:flex}.code-chip{font:inherit;font-size:var(--fs-sm);gap:var(--sp-2);cursor:pointer;color:var(--fg);border:1px dashed var(--gold-500);border-radius:var(--r-pill);background:#04080799;align-items:center;padding:.15rem .75rem;display:inline-flex}.code-chip strong{letter-spacing:.25em;color:var(--gold-200)}.code-chip-copy{color:var(--jade-300);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.code-chip:hover{border-style:solid}.net-status{align-items:center;gap:var(--sp-1);color:var(--muted);display:inline-flex}.room-summary{gap:var(--sp-1);flex-wrap:wrap;margin-left:auto;display:flex}.room-grid{gap:var(--sp-5);grid-template-columns:minmax(15rem,20rem) minmax(0,1fr) minmax(16rem,21rem);align-items:start;display:grid}.room-grid>.panel,.room-side>.panel,.room-center>.panel{width:100%}.room-side,.room-center{gap:var(--sp-5);flex-direction:column;min-width:0;display:flex}.slots{margin:0 0 var(--sp-4);gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.slot{--pc:var(--line);align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:linear-gradient(90deg, color-mix(in srgb, var(--pc) 14%, transparent), #04080773 60%);border:1px solid var(--line-soft);border-left:3px solid var(--pc);animation:screen-in var(--dur-med) var(--ease-out) backwards;display:flex}.slot-empty{opacity:.6;background:0 0;border-style:dashed;border-left-width:1px}.avatar-empty{background:0 0;box-shadow:inset 0 0 0 1px #f1ecdf40}.slot-main{flex-direction:column;flex:1;min-width:0;display:flex}.slot-name{font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-cta{align-items:stretch;gap:var(--sp-2);text-align:center;flex-direction:column;display:flex}.room-chat .chat-log{min-height:4rem;max-height:12rem}.room-side .form{gap:var(--sp-2)}.room-side{container-type:inline-size}@container (width<=24rem){.room-side .form-2col{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}}.room-side .panel{padding:clamp(1rem,.7rem + .6vw,1.6rem)}.room-side .panel-title{margin-bottom:var(--sp-3)}.map-preview .map-art{aspect-ratio:16/8;border-radius:var(--r-md);background-position:50%;background-size:cover;background-color:var(--ink-700);border:1px solid var(--line);background-image:radial-gradient(at 30% 30%,#3fd3a24d,#0000 55%),radial-gradient(at 75% 80%,#e5b44f40,#0000 50%),linear-gradient(160deg,#173d33,#070d0c);position:relative;overflow:hidden}.map-art-alveoli{background-image:radial-gradient(at 30% 30%,#7dff6b40,#0000 55%),linear-gradient(160deg,#1f3a1c,#070d0c)}.map-art-ban_long{background-image:radial-gradient(at 70% 30%,#ff7a3d4d,#0000 55%),linear-gradient(160deg,#3a2a16,#0d0906)}.map-art-cuu_khuc{background-image:radial-gradient(at 40% 30%,#dff0ff4d,#0000 55%),linear-gradient(160deg,#2a3a48,#070b10)}.map-art-neural_core{background-image:radial-gradient(at 50% 40%,#ffe14d40,#0000 55%),linear-gradient(160deg,#26283a,#070d0c)}.map-art-towers{justify-content:center;align-items:flex-end;gap:2%;display:flex;position:absolute;inset:auto 0 6%}.map-art-towers img{filter:drop-shadow(0 .4rem .6rem #0009);width:auto;height:clamp(3.5rem,2rem + 4vw,6rem)}.map-desc{margin:var(--sp-3) 0}.element-row{gap:var(--sp-1);flex-wrap:wrap;display:flex}@media (max-width:1100px){.room-grid{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr)}.room-side{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}}@media (max-width:760px){.room-grid,.room-side{grid-template-columns:minmax(0,1fr)}}.hero-select{gap:var(--sp-4);flex-direction:column;display:flex}.hero-grid{gap:var(--sp-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.room-hero .room-center .panel-title{margin-bottom:var(--sp-3)}.hero-card{--hero:var(--gold-400);--owner:transparent;font:inherit;color:var(--fg);cursor:pointer;padding:0 0 var(--sp-2);align-items:center;gap:var(--sp-1);background:linear-gradient(180deg, color-mix(in srgb, var(--hero) 18%, var(--ink-800)), var(--ink-900));border-radius:var(--r-md);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast), box-shadow var(--dur-med);border:1px solid #f1ecdf24;flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-card img{aspect-ratio:1;object-fit:cover;width:100%;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero-card-dot{aspect-ratio:1;background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--hero) 80%, white), var(--hero));border-radius:50%;width:70%;margin:10% 0 0}.hero-card-name{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:center;padding:0 var(--sp-1);line-height:1.2}.hero-card .el-icon{top:var(--sp-1);right:var(--sp-1);font-size:var(--fs-md);position:absolute}.hero-card:hover,.hero-card-view{border-color:color-mix(in srgb, var(--hero) 70%, white);transform:translateY(-2px)}.hero-card-on{border-color:var(--gold-300);box-shadow:0 0 0 1px var(--gold-300), var(--glow-gold)}.hero-card-on:after{content:"✓";top:var(--sp-1);left:var(--sp-1);background:var(--grad-gold);width:1.3rem;height:1.3rem;color:var(--ink-950);font-weight:var(--fw-black);font-size:var(--fs-xs);border-radius:50%;place-items:center;display:grid;position:absolute}.hero-card-taken img{filter:grayscale(.85)brightness(.6)}.hero-card-owner{font-size:var(--fs-2xs);font-weight:var(--fw-black);border-radius:var(--r-xs);border:1px solid var(--owner);color:var(--owner);white-space:nowrap;text-overflow:ellipsis;background:#040807d9;max-width:90%;padding:.1rem .4rem;position:absolute;top:38%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-8deg)}.hero-detail{--hero:var(--gold-400);gap:var(--sp-5);animation:fade-in var(--dur-med) both;grid-template-columns:minmax(12rem,.95fr) minmax(0,2fr);display:grid}.hero-art{border-radius:var(--r-lg);background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--hero) 45%, transparent), transparent 65%), linear-gradient(180deg, var(--ink-700), var(--ink-950));border:1px solid var(--line);align-self:start;height:clamp(15rem,40vh,26rem);min-height:15rem;position:relative;overflow:hidden}.hero-art img{object-fit:contain;object-position:bottom;z-index:1;filter:drop-shadow(0 .5rem 1.2rem #000000b3);width:100%;height:96%;animation:hero-breathe calc(4s / var(--motion)) ease-in-out infinite;position:absolute;inset:4% 0 0}.sprite-preview{z-index:1;position:absolute;inset:0}.sprite-preview-canvas{width:100%;height:100%;display:block}.hero-art-dot{aspect-ratio:1;background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--hero) 70%, white), var(--hero) 60%, transparent 72%);border-radius:50%;width:min(70%,9rem);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hero-art-aura{background:radial-gradient(ellipse, color-mix(in srgb, var(--hero) 70%, transparent), transparent 70%);height:18%;animation:aura-pulse calc(2.5s / var(--motion)) ease-in-out infinite;border-radius:50%;position:absolute;bottom:3%;left:10%;right:10%}@keyframes hero-breathe{50%{transform:translateY(-.25rem)}}@keyframes aura-pulse{50%{opacity:.55;transform:scaleX(.9)}}.hero-info{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.hero-head{gap:var(--sp-2);flex-direction:column;display:flex}.hero-head .row{flex-wrap:wrap}.hero-title{font-size:var(--fs-xl);background:var(--text-gold);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.1}.hero-desc{color:var(--fg);font-size:var(--fs-sm);margin:0}.hero-stats{gap:var(--sp-1) var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.hero-stat{gap:var(--sp-2);font-size:var(--fs-xs);grid-template-columns:6.2rem 1fr 2.4rem;align-items:center;display:grid}.hero-stat-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-stat-val{text-align:right;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.hero-stat .progress{height:.45rem}.hero-skills{gap:var(--sp-1);max-height:max(12rem,100vh - 34rem);padding:0;padding-right:var(--sp-1);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.hero-skill{gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line-soft);background:#04080766;grid-template-columns:auto 1fr;align-items:start;display:grid}.hero-skill p{font-size:var(--fs-xs);color:var(--muted);margin:.15rem 0 0;line-height:1.45}.hero-skill-head{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.hero-skill-cost{margin-left:auto}.hero-pick-cta{justify-content:flex-end;display:flex}@media (max-width:1400px){.hero-stats{grid-template-columns:1fr}.hero-card-name{font-size:var(--fs-2xs)}}@media (max-width:900px){.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-detail{grid-template-columns:1fr}}.result-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur-slow) both;padding:var(--gutter);background:radial-gradient(at 50% 30%,#040807cc,#020504f2);display:flex;position:fixed;overflow-y:auto}.result{align-items:center;gap:var(--sp-2);text-align:center;width:min(100%,46rem);animation:modal-in var(--dur-slow) var(--ease-spring) both;flex-direction:column;margin:auto;display:flex;position:relative}.result-banner{z-index:-1;pointer-events:none;background:radial-gradient(#e5b44f59,#0000 65%);width:30rem;height:12rem;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.result-lose .result-banner{background:radial-gradient(#ff5f5740,#0000 65%)}.result-title{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(2rem,1.2rem + 2.4vw,3.6rem);line-height:1.1}.result-title.win{background:var(--text-gold);color:#0000;filter:drop-shadow(0 0 1.2rem #e5b44f8c);-webkit-background-clip:text;background-clip:text}.result-title.lose{color:#ff8a82;text-shadow:0 0 1.2rem #ff5f5780}.result-sub{margin:0 0 var(--sp-3);color:var(--fg)}.result .panel{text-align:left}.result-stats{gap:var(--sp-3);margin-bottom:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.result-stat{padding:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line);background:#04080780;flex-direction:column;align-items:center;gap:0;display:flex}.result-stat strong{font-size:var(--fs-xl);color:var(--gold-200);font-variant-numeric:tabular-nums}.result-stat small{font-size:var(--fs-sm);color:var(--muted)}.table-wrap{overflow-x:auto}.cell-player{align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);display:inline-flex}.row-me{background:#3fd3a20f}.result-actions{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.result .table td{padding:.35rem .6rem}.settings .modal-body{min-height:18rem}.settings-grid{gap:var(--sp-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:640px){.settings-grid{grid-template-columns:1fr}}.music-actions{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.music-list{border:1px solid var(--border,#00000026);border-radius:var(--r-md);max-height:9.5rem;margin:0;padding:0;list-style:none;overflow-y:auto}.music-list li{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);padding:.25rem .25rem .25rem .6rem;display:flex}.music-list li+li{border-top:1px solid var(--border,#0000001a)}.music-list .music-now{font-weight:var(--fw-bold)}.music-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.music-del{width:2rem;height:2rem;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:50%;flex:none}.music-del:hover,.music-del:focus-visible{background:#00000014}.keybinds{gap:var(--sp-1) var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.keybind{font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--line-soft);padding:.2rem 0;display:flex}.kbd-btn{cursor:pointer;min-width:3.4rem;height:1.8rem;font-size:var(--fs-xs)}.kbd-btn:hover{border-color:var(--gold-200)}.kbd-listening{border-color:var(--jade-300);color:var(--jade-200);animation:1s ease-in-out infinite aura-pulse}.key-dupe{color:#ffaaa4;border-color:var(--danger)!important}.modal-foot .spacer{text-align:left}.kit-title{font-size:var(--fs-xl);margin:0}.kit-grid{gap:var(--sp-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.kit-col{gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#0408078c;flex-direction:column;display:flex}.kit-lang{align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);margin:0;display:flex}.kit-section{gap:var(--sp-2);flex-direction:column;display:flex}.kit-h{font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-300);margin:0}.kit-body{gap:var(--sp-3);flex-direction:column;display:flex}.kit-row{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:1000px){.kit-grid{grid-template-columns:1fr}}.mode-card.mode-pk{grid-column:1/-1}.mode-card.mode-pk .mode-art{max-height:9rem}.kit-wave-summary{pointer-events:none;height:19rem;position:relative}.kit-wave-summary .wave-summary{animation-name:summary-in;top:2.2rem}.dd-teams{gap:var(--sp-3);margin-bottom:var(--sp-3);grid-template-columns:1fr;display:grid}.dd-team{border-left:4px solid var(--team);padding-left:var(--sp-2)}.dd-team-name{margin:0 0 var(--sp-2);color:var(--team);font-size:1rem}.dd-team .slots{margin-bottom:0}.dd-team .slot-empty{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.dd-team .slot-bot{opacity:.92}.row-foe{opacity:.88}.top-controls .coffee span{font-size:1.05em;line-height:1}.top-controls .coffee:hover span{transition:transform var(--dur-slow) var(--ease-out);display:inline-block;transform:rotate(-12deg)}body:has(:is(.whud,.hhud,.pkhud)) .top-controls .coffee{display:none}.donate .modal-body,.donate-msg,.donate-thanks{text-align:center}.donate-qr{width:min(100%,16rem);height:auto;margin:var(--sp-3) auto;border-radius:var(--r-md,.75rem);background:#fff;display:block}.donate-acct{width:100%;padding:var(--sp-2) var(--sp-3);font:inherit;color:inherit;border-radius:var(--r-md,.75rem);cursor:pointer;background:#78501414;border:1.5px dashed #a06e288c;flex-direction:column;align-items:center;gap:.1rem;display:flex}.donate-acct strong{font-size:var(--fs-lg,1.25rem);letter-spacing:.08em;color:#9a5a12}.donate-acct .muted{color:#5a3c1ebf}.donate-acct:hover{background:#78501424;border-color:#c98a2a}@media (max-height:520px) and (orientation:landscape){.donate .modal-body{gap:var(--sp-2) var(--sp-4);grid-template-columns:auto 1fr;grid-template-areas:"qr msg""qr acct""qr thx";align-items:center;display:grid}.donate-qr{grid-area:qr;width:auto;height:min(62vh,15rem);margin:0}.donate-msg{grid-area:msg;margin:0}.donate-acct{grid-area:acct}.donate-thanks{grid-area:thx;margin:0}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--hit:44px}:root[data-compact=true]{font-size:calc(16px * var(--font-scale));--fs-2xs:.875rem;--fs-xs:.875rem;--fs-sm:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.35rem;--gutter:.75rem}:root[data-touch=true]{-webkit-tap-highlight-color:transparent}:root[data-touch=true] body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}:root[data-touch=true] :is(input,textarea){-webkit-user-select:text;user-select:text}:root[data-touch=true] :is(.btn,.seg-btn,.tab,.lang-toggle button,.emote-btn,select,.link,.tw-btn){min-height:var(--hit)}:root[data-touch=true] .lang-toggle button{min-width:var(--hit)}:root[data-touch=true] input:not([type=range],[type=checkbox],[type=radio]){min-height:var(--hit)}:root[data-touch=true] .btn-icon{min-width:var(--hit);width:auto}:root[data-touch=true] .toggle{min-height:var(--hit)}:root[data-touch=true] input[type=range]{height:var(--hit)}:root[data-touch=true] :is(.whud .kbd,.whud .btn-kbd,.key-hints){display:none}.top-controls{top:calc(var(--sp-3) + var(--safe-t));right:calc(var(--sp-3) + var(--safe-r))}:root[data-compact=true] .top-controls .gear{--btn-h:var(--hit)}:root[data-compact=true] body:has(.whud) .top-controls{display:none}:root[data-compact=true] .page{padding-left:calc(var(--gutter) + var(--safe-l));padding-right:calc(var(--gutter) + var(--safe-r));padding-bottom:calc(var(--gutter) + var(--safe-b))}:root[data-compact=true] .page:not(.room) .topbar{padding-top:var(--safe-t)}:root[data-compact=true][data-orient=portrait] .page:not(.room) .topbar:has(>.topbar-right){padding-right:0}:root[data-compact=true][data-orient=portrait] .topbar>.topbar-right{flex-wrap:wrap;flex:100%;gap:.4rem;min-width:0}:root[data-compact=true][data-orient=portrait] .topbar-right>:last-child{margin-left:auto}:root[data-compact=true][data-orient=portrait] .user-chip .uc-name{max-width:8.5rem}:root[data-compact=true] .modal-backdrop{padding:calc(var(--safe-t) + .5rem) 0 0;place-items:end center}:root[data-compact=true] .modal{width:100%;max-height:calc(100dvh - var(--safe-t) - .5rem);border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(var(--safe-b) + var(--sp-3));padding-left:calc(var(--sp-4) + var(--safe-l));padding-right:calc(var(--sp-4) + var(--safe-r));animation:sheet-in var(--dur-med) var(--ease-out)}@keyframes sheet-in{0%{opacity:0;transform:translateY(30%)}}:root[data-compact=true] .whud .whud-top{top:calc(var(--safe-t) + .35rem);left:calc(var(--safe-l) + .35rem);right:calc(var(--safe-r) + .35rem);gap:.35rem}:root[data-compact=true] .whud .res-bar{min-height:var(--hit);flex-wrap:nowrap;gap:.7rem;padding:.15rem .6rem}:root[data-compact=true] .whud :is(.res-label,.res-phase,.fps){display:none}:root[data-compact=true] .whud .res strong{font-size:1.05rem}:root[data-compact=true] .whud .whud-top-right{flex-wrap:nowrap;gap:.2rem;padding:.15rem}:root[data-compact=true] .whud .whud-top-right .btn{--btn-h:var(--hit);padding:0 .6rem}:root[data-compact=true] .whud .menu-label{display:none}.hud-icon-btn{justify-content:center;min-width:2.2rem}.hud-icon-btn.is-on{border-color:var(--jade-400);background:#22b08440}:root[data-compact=true] .whud .whud-top-right,:root[data-compact=true] .whud .whud-top-right .btn{pointer-events:auto}:root[data-compact=true][data-orient=portrait] .whud .whud-top{gap:.25rem}:root[data-compact=true][data-orient=portrait] .whud .res-bar{gap:.45rem;padding:.15rem .45rem}:root[data-compact=true][data-orient=portrait] .whud .whud-top-right{flex:none;gap:.25rem;padding:0}:root[data-compact=true][data-orient=portrait] .whud .whud-top-right .btn{padding:0}:root[data-compact=true][data-orient=portrait] .hhud .res-bar .btn{font-size:var(--fs-xs)}:root[data-compact=true] .whud .whud-center-top{top:calc(var(--safe-t) + 3.6rem);width:min(94vw,26rem)}:root[data-compact=true] .whud .boss-bar .weak-resist{display:none}:root[data-compact=true] .whud .whud-left{top:calc(var(--safe-t) + 3.4rem);left:calc(var(--safe-l) + .4rem);width:min(64vw,19rem);display:block}:root[data-compact=true] .whud .feed-item{pointer-events:none;padding:.15rem .5rem}:root[data-compact=true] .whud .feed-item:not(:nth-last-child(-n+2)){display:none}:root[data-compact=true] body:has(.boss-bar) .whud .whud-left{top:calc(var(--safe-t) + 7rem)}:root[data-compact=true] .whud .whud-side{display:none}:is(:root[data-compact=true] .whud .whud-side.sheet-open,.whud .whud-sheet){gap:var(--sp-2);z-index:var(--z-float);pointer-events:auto;overscroll-behavior:contain;width:auto;max-height:min(72dvh,34rem);padding:.4rem calc(.6rem + var(--safe-r)) calc(.6rem + var(--safe-b)) calc(.6rem + var(--safe-l));border-top:1px solid var(--gold-500);border-radius:var(--r-lg) var(--r-lg) 0 0;animation:sheet-in var(--dur-med) var(--ease-out);background:linear-gradient(170deg,#10221ff7,#060c0bfa);flex-direction:column;display:flex;position:absolute;inset:auto 0 0;overflow-y:auto;box-shadow:0 -.6rem 2rem #0000008c}:root[data-orient=landscape] :is(:root[data-compact=true] .whud .whud-side.sheet-open,.whud .whud-sheet){border-top:0;border-left:1px solid var(--gold-500);border-radius:var(--r-lg) 0 0 var(--r-lg);width:min(23rem,46vw);max-height:none;padding-top:calc(.4rem + var(--safe-t));animation-name:side-in;top:0;left:auto}@keyframes side-in{0%{opacity:0;transform:translate(30%)}}:is(:root[data-compact=true] .whud .whud-side.sheet-open,.whud .whud-sheet)>*{pointer-events:auto}:root[data-compact=true] .whud .whud-sheet .hud-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.sheet-head{align-items:center;gap:var(--sp-2);z-index:1;background:inherit;padding:.2rem 0;display:flex;position:sticky;top:-.4rem}.sheet-head strong{background:var(--text-gold);color:#0000;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;flex:1}.sheet-grip{background:#f1ecdf40;border-radius:1rem;width:2.6rem;height:.25rem;margin-left:-1.3rem;position:absolute;top:-.15rem;left:50%}:root[data-orient=landscape] .sheet-grip{display:none}.whud .enemy-pin{z-index:var(--z-float);pointer-events:auto;top:calc(var(--safe-t) + 3.6rem);gap:var(--sp-2);border-radius:var(--r-md);box-shadow:var(--shadow-2);background:linear-gradient(170deg,#142c27f7,#070d0cf7);border:1px solid #e5b44f80;align-items:flex-start;padding:.55rem .4rem .55rem .7rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}:root[data-compact=true][data-orient=landscape] .whud .enemy-pin{left:calc(var(--safe-l) + .4rem);top:calc(var(--safe-t) + 3.4rem);transform:none}:root[data-touch=true] .whud .enemy-tip{display:none!important}:root[data-compact=true] .whud .whud-bottom{left:calc(var(--safe-l) + .35rem);right:calc(var(--safe-r) + .35rem);bottom:calc(var(--safe-b) + .35rem);flex-direction:column;align-items:stretch;gap:.3rem}:root[data-compact=true] .whud .whud-bottom-left{width:100%;display:none}:root[data-compact=true] .whud .whud-bottom.chat-open .whud-bottom-left{order:-1;display:flex}:root[data-compact=true] .whud .hud-chat .chat-log{max-height:4.6rem;display:flex}:root[data-compact=true] .whud .whud-bar{align-items:stretch;gap:.3rem;padding-right:0}:root[data-compact=true] .whud .build-hint{white-space:normal;font-size:var(--fs-2xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}:root[data-compact=true][data-orient=landscape] .whud .build-hint{-webkit-line-clamp:1;height:1.3em}:root[data-compact=true] .whud .tower-bar{scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;justify-content:flex-start;padding:.3rem;overflow:auto hidden}:root[data-compact=true] .whud .tower-bar::-webkit-scrollbar{display:none}:root[data-compact=true] .whud .tower-bar .tooltip-anchor{scroll-snap-align:start;flex:none}:root[data-compact=true] .whud .tw-btn{width:4.1rem}:root[data-compact=true][data-orient=landscape] .whud .tw-btn{width:3.6rem}:root[data-compact=true] .whud .tw-cost{font-size:.875rem}:root[data-compact=true] .whud .tw-tier{font-size:.875rem;bottom:1.25rem}:root[data-touch=true] .whud .tw-btn:hover{transform:none}.call-early-fab{pointer-events:auto;border-radius:var(--r-md);cursor:pointer;min-width:9rem;min-height:3.5rem;font:inherit;color:var(--ink-950);background:var(--grad-gold);border:1px solid var(--gold-200);box-shadow:inset 0 1px 0 #ffffff8c, 0 0 0 1px #5e411099, 0 .4rem 1rem #00000073, var(--glow-gold);flex-direction:column;justify-content:center;align-self:flex-end;align-items:center;gap:.05rem;padding:.35rem 1rem;display:flex}.call-early-fab:active{transform:scale(.97)}.cef-main{font-weight:var(--fw-black);font-size:var(--fs-md);white-space:nowrap}.cef-cd{font-size:var(--fs-2xs);font-weight:var(--fw-bold);opacity:.8;font-variant-numeric:tabular-nums}:root[data-compact=true] .call-early-fab{position:absolute;bottom:calc(100% + .3rem);right:0}:root[data-compact=true][data-orient=landscape] .call-early-fab{min-height:var(--hit)}.whud .rotate-hint{z-index:var(--z-float);pointer-events:auto;left:50%;top:calc(var(--safe-t) + 3.5rem);align-items:center;gap:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line-jade);width:min(92vw,24rem);box-shadow:var(--shadow-2);font-size:var(--fs-sm);background:linear-gradient(170deg,#142c27f5,#070d0cf5);padding:.55rem .6rem .55rem .8rem;display:flex;position:absolute;transform:translate(-50%)}.rotate-hint span:nth-child(2){flex:1}.whud:has(.tutorial) .rotate-hint{display:none}.rotate-icon{color:var(--jade-300);animation:rotate-wiggle calc(2.4s / var(--motion)) ease-in-out infinite;display:grid}@keyframes rotate-wiggle{0%,60%,to{transform:rotate(0)}75%{transform:rotate(-90deg)}}:root[data-compact=true] .wave-summary{padding:var(--sp-2) var(--sp-3);width:max-content;max-width:94vw;top:30%}:root[data-compact=true] .ws-stats{gap:var(--sp-3)}:root[data-compact=true][data-orient=portrait] .ws-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;display:grid}:root[data-compact=true][data-orient=portrait] .ws-stats span{white-space:nowrap;letter-spacing:.03em}:root[data-compact=true] .ws-title{font-size:var(--fs-lg)}:root[data-compact=true] .leak-alert{font-size:var(--fs-md);white-space:nowrap}:root[data-compact=true] .room .topbar{gap:var(--sp-2);padding-right:0;padding-top:var(--safe-t)}:root[data-compact=true] .code-chip{white-space:nowrap;min-height:var(--hit);padding:.2rem .7rem}:root[data-compact=true] .code-chip strong{letter-spacing:.15em}:root[data-compact=true][data-orient=portrait] .room .topbar{padding-right:8.5rem}:root[data-compact=true][data-orient=portrait] .room-heading{flex-basis:100%;order:2}:root[data-compact=true][data-orient=portrait] .room-summary{order:3;margin-left:0}:root[data-compact=true] .whud .dot{display:none}:root[data-compact=true] .whud .res{gap:.2rem}:root[data-compact=true] .whud .res-wave .ui-icon{display:none}.recenter-fab{pointer-events:auto;position:absolute;bottom:calc(100% + .3rem);left:0}:root[data-compact=true] .hhud .whud-bottom-left,:root[data-touch=true] .hhud :is(.hb-skills,.hb-inv,.hb-stats,.mm-tools){display:none}:root[data-touch=true] .hhud .whud-bottom{pointer-events:none}:root[data-touch=true] .hhud .hero-bar2{gap:var(--sp-2);grid-template-columns:auto minmax(0,1fr);width:min(100%,21rem);padding:.35rem .6rem}:root[data-touch=true] .hhud .hb-face{width:3.2rem}:root[data-touch=true] .hhud .hb-mid .progress{height:.6rem}:root[data-touch=true] .hhud .hb-mid .progress-lg{height:.85rem}:root[data-touch=true] .hhud .hb-mid .progress-label{font-size:.875rem}:root[data-touch=true] .hhud .whud-bottom{left:0;right:0;bottom:calc(var(--safe-b) + .35rem);width:min(21rem,100vw - 30rem);margin:0 auto}:root[data-touch=true]:not([data-compact=true]) .hhud .whud-bottom{width:min(32rem,100vw - 30rem)}:root[data-touch=true]:not([data-compact=true]) .hhud .whud-bottom-left{flex:none;width:11rem}:root[data-touch=true][data-orient=portrait] .hhud .whud-bottom{width:min(24rem,100vw - 1rem);bottom:calc(var(--safe-b) + 14.4rem)}:root[data-touch=true] .hhud .hhud-center{width:100%}:root[data-touch=true] .hhud .minimap2{pointer-events:auto;top:calc(var(--safe-t) + var(--sp-3) + 3.65rem);right:calc(var(--safe-r) + .4rem);position:fixed}:root[data-touch=true][data-compact=true] .hhud .minimap2{top:calc(var(--safe-t) + 4rem)}:root[data-touch=true] .hhud .mm-canvas{width:7.5rem}:root[data-touch=true][data-orient=landscape][data-compact=true] .hhud .mm-canvas{width:6.5rem}:root[data-compact=true] .hhud .hhud-left{top:calc(var(--safe-t) + 3.4rem);left:calc(var(--safe-l) + .4rem);width:min(40vw,11.5rem);max-height:38vh;padding-bottom:.45rem}:root[data-compact=true][data-orient=portrait] .hhud .hhud-left{top:calc(var(--safe-t) + 6.6rem)}:root[data-compact=true] .hhud .hhud-left .feed-item:not(:nth-last-child(-n+2)){display:none}:root[data-compact=true] .hhud .whud-center-top{top:calc(var(--safe-t) + 3.3rem);width:min(60vw,22rem)}:root[data-compact=true][data-orient=landscape] .hhud .whud-center-top{top:calc(var(--safe-t) + 3.2rem);width:min(34vw,16rem)}:root[data-compact=true][data-orient=portrait] .hhud .whud-center-top{left:calc(var(--safe-l) + .4rem);transform:none}.joy-zone{z-index:3;left:var(--safe-l);bottom:var(--safe-b);touch-action:none;pointer-events:auto;width:42vw;height:min(52vh,15rem);position:fixed}:root[data-orient=portrait] .joy-zone{height:14rem}:root[data-orient=landscape] .joy-zone{width:34vw}:root[data-touch=true] .hhud .hhud-center>*{pointer-events:none}.joy-base{opacity:.65;pointer-events:none;width:112px;height:112px;transition:opacity var(--dur-fast);background:radial-gradient(circle,#3fd3a214,#04080759 70%);border:2px solid #e5b44f59;border-radius:50%;position:absolute;bottom:1.2rem;left:1.2rem}.joy-base.joy-on{opacity:1;bottom:auto;transform:translate(-50%,-50%)}.joy-knob{background:radial-gradient(circle at 40% 35%, var(--gold-100), var(--gold-400) 60%, var(--gold-600));border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 0 .8rem #e5b44f99,0 .2rem .5rem #00000080}.touch-actions{z-index:3;right:calc(var(--safe-r) + .4rem);bottom:calc(var(--safe-b) + .4rem);pointer-events:none;width:14rem;height:14rem;position:fixed}.touch-actions>*{pointer-events:auto}.ta-dead{opacity:.4}.ta-btn{cursor:pointer;touch-action:none;width:3.6rem;height:3.6rem;font:inherit;color:var(--gold-100);background:var(--ink-800);box-shadow:0 0 0 2px var(--ink-950), 0 0 0 3.5px color-mix(in srgb, var(--gold-400) 80%, transparent), 0 .3rem .8rem #00000080;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;overflow:hidden}.ta-btn:active{transform:scale(.94)}.ta-btn img{object-fit:cover;width:100%;height:100%}.ta-skill{position:absolute}.ta-skill .ta-btn{position:relative}.ta-skill-q{bottom:.5rem;right:7.1rem}.ta-skill-w{bottom:5.5rem;right:5.5rem}.ta-skill-e{bottom:7.1rem;right:.5rem}.ta-skill-r{bottom:.2rem;right:.2rem}.ta-skill-r .ta-btn{width:4.6rem;height:4.6rem;box-shadow:0 0 0 2px var(--ink-950), 0 0 0 4px var(--gold-300), 0 0 1rem #e5b44f80}.ta-fallback{font-weight:var(--fw-black);font-size:var(--fs-lg)}.ta-cd{--cd:0deg;font-weight:var(--fw-black);font-size:var(--fs-lg);color:#fff;text-shadow:0 1px 3px #000;background:conic-gradient(#000000b3 var(--cd), #00000040 0);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.ta-mana{font-size:.875rem;font-weight:var(--fw-black);color:#9ecfff;text-shadow:0 1px 2px #000,0 0 2px #000;position:absolute;bottom:.1rem;left:50%;transform:translate(-50%)}.ta-skill.is-locked .ta-btn img{filter:grayscale()brightness(.4)}.ta-skill.is-nomana .ta-btn img{filter:saturate(.25)brightness(.7)hue-rotate(190deg)}.ta-skill.is-aiming .ta-btn{box-shadow:0 0 0 2px var(--jade-200), 0 0 1.2rem var(--jade-400);overflow:visible}.ta-aim{background:var(--jade-300);width:1.4rem;height:1.4rem;box-shadow:0 0 .8rem var(--jade-400);pointer-events:none;border-radius:50%;margin:-.7rem 0 0 -.7rem;position:absolute;top:50%;left:50%}.ta-level{cursor:pointer;border:1px solid var(--gold-100);background:var(--grad-gold);width:1.9rem;height:1.9rem;color:var(--ink-950);font-weight:var(--fw-black);animation:ta-glow calc(1.2s / var(--motion)) ease-in-out infinite;border-radius:50%;padding:0;font-size:1.1rem;line-height:1;position:absolute;top:-.5rem;left:-.5rem}@keyframes ta-glow{50%{box-shadow:0 0 .9rem var(--gold-300), 0 0 0 2px var(--gold-100)}}@media (prefers-reduced-motion:reduce){.ta-level{animation:none}}:root[data-reduced-motion=true] .ta-level{animation:none}.ta-level:after{content:"";position:absolute;inset:-.5rem}.ta-recall{flex-direction:column;gap:0;width:3.55rem;height:3.55rem;font-size:1.15rem;line-height:1;display:flex;bottom:.4rem;right:11.2rem}.ta-recall small{font-size:.875rem;font-weight:var(--fw-bold)}.ta-bag{width:3.55rem;height:3.55rem;font-size:1.3rem;bottom:11.2rem;right:.4rem}.ta-bag.is-on{box-shadow:0 0 0 2px var(--jade-200), 0 0 1rem var(--jade-400)}.ta-item{border-radius:var(--r-md);width:3.55rem;height:3.55rem}.ta-item-0{bottom:4.4rem;right:10.3rem}.ta-item-1{bottom:10.3rem;right:4.4rem}.ta-attack{color:#ffe7c2;width:5.2rem;height:5.2rem;box-shadow:0 0 0 2px var(--ink-950), 0 0 0 4px #ff7a4d, 0 0 1.2rem #ff7a4d8c, 0 .3rem .8rem #00000080;background:radial-gradient(circle at 50% 35%,#7a2a1f,#3a0f0c 70%);flex-direction:column;gap:.1rem;line-height:1;display:flex;bottom:.2rem;right:.2rem}.ta-attack small{font-size:.875rem;font-weight:var(--fw-black);letter-spacing:.04em}.ta-attack.is-on{box-shadow:0 0 0 2px var(--ink-950), 0 0 0 4px #ffd166, 0 0 1.8rem #ffd166bf}.touch-actions.has-attack{width:16.4rem;height:16rem}.has-attack .ta-skill-q{bottom:1rem;right:8.6rem}.has-attack .ta-skill-w{bottom:4.8rem;right:7.6rem}.has-attack .ta-skill-e{bottom:7.6rem;right:4.8rem}.has-attack .ta-skill-r{bottom:8.4rem;right:.7rem}.has-attack .ta-skill-r .ta-btn{width:4.2rem;height:4.2rem}.has-attack .ta-level{width:2.2rem;height:2.2rem}.has-attack .ta-level:after{border-radius:50%;inset:-.6rem}.has-attack .ta-skill-q .ta-level{top:.7rem;left:-1.1rem}.has-attack .ta-skill-w .ta-level{top:-.2rem;left:-.86rem}.has-attack .ta-skill-e .ta-level{top:-.86rem;left:-.2rem}.has-attack .ta-skill-r .ta-level{top:-1rem;left:1rem}.has-attack .ta-recall{bottom:7.9rem;right:12.9rem}.has-attack .ta-dash{bottom:.3rem;right:12.5rem}.has-attack .ta-bag{bottom:12.5rem;right:4.3rem}.has-attack .ta-item-0{bottom:4.3rem;right:12.5rem}.has-attack .ta-item-1{bottom:9.5rem;right:9.5rem}:root[data-compact=true][data-orient=landscape] .touch-actions.has-attack{transform-origin:100% 100%;transform:scale(.86)}.touch-bag .tb-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;display:grid}.touch-bag .inv-cell{font:inherit;cursor:pointer;min-height:var(--hit);padding:0}.touch-bag .tb-detail{gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line-soft);background:#04080773;flex-direction:column;display:flex}.touch-bag .tb-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.touch-bag .item-tip{max-width:none}.touch-bag .mini-tw{min-height:var(--hit);font-size:.875rem}:root[data-touch=true] .hhud .mini-tw-row{grid-template-columns:repeat(3,1fr)}:root[data-compact=true] .hhud .shop2{bottom:0;left:0;right:0;top:calc(var(--safe-t) + .4rem);width:auto;max-height:none;z-index:var(--z-float);border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(var(--safe-b) + var(--sp-3));padding-left:calc(var(--sp-3) + var(--safe-l));padding-right:calc(var(--sp-3) + var(--safe-r));animation:sheet-in var(--dur-med) var(--ease-out);position:fixed;transform:none}:root[data-compact=true] .hhud .shop-body{grid-template-columns:1fr}:root[data-compact=true][data-orient=landscape] .hhud .shop-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}:root[data-compact=true][data-orient=portrait] .hhud .suggest-row{grid-template-columns:1fr}:root[data-compact=true] .hhud .shop-grid{grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr))}:root[data-compact=true] .hhud .shop-cell-name{font-size:.875rem}:root[data-compact=true] .hhud .state-banner{top:auto;bottom:calc(var(--safe-b) + 15rem)}:root[data-compact=true][data-orient=landscape] .hhud .state-banner{bottom:calc(var(--safe-b) + 6rem)}:root[data-compact=true] :is(.small,.muted,.chip,.legend,.field-label,.badge,.kbd){font-size:var(--fs-xs)}:root[data-touch=true] .kbd-btn{min-height:var(--hit);min-width:var(--hit)}:root[data-compact=true] .whud .whud-top-right .btn{min-width:var(--hit)}:root[data-touch=true] ::-webkit-scrollbar{width:0;height:0}:root[data-touch=true] *{scrollbar-width:none}:root[data-compact=true][data-orient=portrait] :is(.room-grid,.room-side,.mode-cards,.lobby-grid){grid-template-columns:minmax(0,1fr)}.result .th-short,:root[data-compact=true] .result :is(.th-full,.col-minor){display:none}:root[data-compact=true] .result .th-short{font-size:var(--fs-md);display:inline}:root[data-compact=true] .result .table :is(th,td){padding:.35rem .4rem}:root[data-compact=true] .result .cell-player{gap:.3rem}:root[data-compact=true] .result .cell-player .badge{display:none}:root[data-compact=true][data-orient=portrait] .result .col-hero{text-overflow:ellipsis;white-space:nowrap;max-width:5.5rem;overflow:hidden}:root[data-compact=true][data-orient=portrait] .result :is(.col-hero,.col-lv){display:none}.fs-gate{z-index:10000;padding:max(16px, var(--safe-t,0px)) 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-in var(--dur-med) var(--ease-out);background:radial-gradient(at 50% 40%,#102c26f0,#030807f7);place-items:center;display:grid;position:fixed;inset:0}.fs-gate-card{text-align:center;gap:var(--sp-3);width:100%;max-width:26rem;padding:var(--sp-5) var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--gold-500);box-shadow:var(--shadow-2);background:linear-gradient(170deg,#142c27f5,#070d0cf5);justify-items:center;display:grid}.fs-gate-card h2{font-size:var(--fs-lg);color:var(--gold-200);margin:0}.fs-gate-card p{color:var(--fg);margin:0;line-height:1.5}.fs-gate-icon{color:var(--gold-300,#f4cf78);animation:1.6s ease-in-out infinite fs-pulse}.fs-gate-go{min-width:14rem;min-height:3.4rem;font-size:var(--fs-md)}:root[data-uiart=on] .fs-gate-go{padding-inline:.9em}.fs-gate-err{color:#ffb3bf}.fs-gate-icon.is-rotating{animation:fs-rotate 2.4s var(--ease-out) infinite}@keyframes fs-rotate{0%,15%{transform:rotate(-90deg)}55%,85%{filter:drop-shadow(0 0 .7rem #3fd3a299);transform:rotate(0)}to{transform:rotate(-90deg)}}:root[data-uiart=on] .fs-gate{background:linear-gradient(#02050499, #020504cc), var(--ui-bg_auth) center / cover no-repeat}@media (max-height:520px){.fs-gate-card{gap:var(--sp-2);max-width:30rem;padding:var(--sp-3) var(--sp-4)}.fs-gate-icon :is(img,svg){width:3rem!important;height:3rem!important}}@keyframes fs-pulse{50%{filter:drop-shadow(0 0 .6rem #f4cf7899);transform:scale(1.12)}}@media (max-height:430px) and (orientation:landscape){:root[data-compact=true]{font-size:calc(14px * var(--font-scale));--fs-2xs:.84rem;--fs-xs:.86rem;--fs-sm:.93rem;--fs-md:1rem;--fs-lg:1.1rem;--fs-xl:1.3rem;--hit:40px}}:root[data-compact=true][data-orient=landscape] .page:not(.room) .topbar{padding-right:calc(12.5rem + var(--safe-r));gap:var(--sp-2);flex-wrap:nowrap}:root[data-compact=true][data-orient=landscape] .topbar-right{gap:var(--sp-2);min-width:0}:root[data-compact=true][data-orient=landscape] .user-chip{min-width:0}:root[data-compact=true][data-orient=landscape] .user-chip .uc-name{max-width:8rem;font-size:var(--fs-sm)}:root[data-compact=true][data-orient=landscape] .room-grid{gap:var(--sp-3);grid-template-columns:minmax(16.5rem,19rem) minmax(0,1fr)}.slot-main>.small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot>.badge,.slot>.pill{flex:none}:root[data-compact=true][data-orient=landscape] .pause-menu{width:min(100%,34rem)}:root[data-compact=true][data-orient=landscape] .pause-menu .stack{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}:root[data-compact=true][data-orient=landscape] .pause-menu .stack>:first-child{grid-column:1/-1}:root[data-compact=true][data-orient=landscape] .pause-menu .stack .btn-lg{--btn-h:2.9rem;font-size:var(--fs-md)}:root[data-compact=true][data-orient=landscape] .whud .whud-bar{position:relative}:root[data-compact=true][data-orient=landscape] .whud .build-hint{text-align:left;pointer-events:none;position:absolute;bottom:calc(100% + .25rem);left:.3rem;right:11rem}:root[data-compact=true][data-orient=landscape] .whud .recenter-fab{bottom:calc(100% + 1.65rem)}:root[data-compact=true][data-orient=landscape] .hhud .res-bar .btn{--btn-h:2.2rem;font-size:var(--fs-xs)}:root[data-compact=true][data-orient=landscape] .room .topbar{padding-right:calc(12.5rem + var(--safe-r))}:root[data-compact=true][data-orient=landscape] .hhud .whud-bottom{width:min(22rem,100vw - 27rem)}.hhud .hb-mid .progress-label{white-space:nowrap}:root[data-uiart=on]{--art-text-dark:#2b1a04;--art-text-light:#f6ecd2}:root[data-uiart=on] .panel:not(.panel-plain){--fw:clamp(1.1rem, .85rem + .9vw, 1.7rem);border-style:solid;border-width:var(--fw) calc(var(--fw) * var(--ui-panel-ar));border-image:var(--ui-panel) var(--ui-panel-s) stretch;background:var(--ui-panel_bg) center / cover no-repeat;box-shadow:none;filter:drop-shadow(0 .6rem 1.2rem #0000008c);-webkit-backdrop-filter:none;backdrop-filter:none;background-clip:padding-box;border-radius:0;padding:clamp(.45rem,.2rem + .8vw,1.1rem)}:root[data-uiart=on] .panel:not(.panel-plain):before{display:none}:root[data-uiart=on] .wave-summary{--fw:1.1rem;border-style:solid;border-color:#0000;border-width:var(--fw) calc(var(--fw) * var(--ui-panel-ar));border-image:var(--ui-panel) var(--ui-panel-s) stretch;background:var(--ui-panel_bg) center / cover no-repeat;box-shadow:none;filter:drop-shadow(0 .6rem 1.2rem #0000008c)drop-shadow(0 0 1rem #e5b44f59);background-clip:padding-box;border-radius:0;padding:.2rem 1rem .6rem}:root[data-uiart=on] .ws-title{--rh:2.4em;--cap:calc(var(--rh) * var(--ui-title_ribbon-ar));min-height:var(--rh);line-height:var(--rh);border-style:solid;border-width:0 var(--cap);border-image:var(--ui-title_ribbon) var(--ui-title_ribbon-s) fill stretch;max-width:100%;color:var(--gold-100);text-shadow:0 1px 2px #000,0 0 .6rem #e5b44f8c;filter:drop-shadow(0 .3rem .5rem #0009);font-size:calc(var(--fs-lg) * 1.3);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:-1.2em auto 0;padding:0 .6em;animation:none;display:inline-block}:root[data-uiart=on] :is(.hud-card,.whud .res-bar,.whud .whud-top-right,.whud .hud-chat,.whud .tower-bar,.hero-bar2,.shop-detail,.enemy-tip,.enemy-pin,.tutorial,.hhud .scoreboard,.rotate-hint,.gear-look){--fw:.62rem;border-style:solid;border-width:var(--fw) calc(var(--fw) * var(--ui-card-ar));border-image:var(--ui-card) var(--ui-card-s) stretch;background:var(--ui-card_bg) center / cover no-repeat;box-shadow:none;filter:drop-shadow(0 .35rem .7rem #00000080);-webkit-backdrop-filter:none;backdrop-filter:none;background-clip:padding-box;border-radius:0}:root[data-uiart=on] .hero-bar2:before{display:none}:root[data-uiart=on] .hero-bar2{--fw:.85rem}:root[data-uiart=on] :is(.tooltip,.toast){--fw:.7rem;border-style:solid;border-width:var(--fw) calc(var(--fw) * var(--ui-tooltip-ar));border-image:var(--ui-tooltip) var(--ui-tooltip-s) stretch;background:var(--ui-tooltip_bg) center / cover no-repeat;box-shadow:none;filter:drop-shadow(0 .3rem .6rem #0009);background-clip:padding-box;border-radius:0}:root[data-uiart=on] .toast{padding:.2rem .6rem}:root[data-uiart=on] .panel-title{--rh:2.6em;--cap:calc(var(--rh) * var(--ui-title_ribbon-ar));width:-moz-fit-content;width:fit-content;max-width:100%;min-height:var(--rh);border-style:solid;border-width:0 var(--cap);border-image:var(--ui-title_ribbon) var(--ui-title_ribbon-s) fill stretch;color:var(--gold-100);text-shadow:0 1px 2px #000,0 0 .6rem #e5b44f73;font-size:var(--fs-md);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;padding:0 .6em}:root[data-uiart=on] .panel-title:after{display:none}:root[data-uiart=on] .panel-head .panel-title{flex:0 auto}:root[data-uiart=on] .divider:empty{background:var(--ui-divider) center / auto 100% no-repeat;min-height:1.4rem}:root[data-uiart=on] .divider:empty:before,:root[data-uiart=on] .divider:empty:after{display:none}:root[data-uiart=on] .btn{--art:var(--ui-btn_primary);--art-s:var(--ui-btn_primary-s);--cap:calc(var(--btn-h) * var(--ui-btn_primary-ar) * .85);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--art) var(--art-s) fill / 0 var(--cap) stretch;box-shadow:none;color:var(--art-text-dark);text-shadow:0 1px #fff0c88c;filter:drop-shadow(0 .18rem .3rem #00000073);background:0 0;border-radius:0;padding:0 .15em}:root[data-uiart=on] .btn:hover:not(:disabled){filter:brightness(1.1)saturate(1.06)drop-shadow(0 0 .5rem #e5b44f73);box-shadow:none}:root[data-uiart=on] .btn:active:not(:disabled){filter:brightness(.92)drop-shadow(0 .1rem .2rem #00000080)}:root[data-uiart=on] .btn:disabled{filter:grayscale(.7)brightness(.75);opacity:.7}:root[data-uiart=on] .btn-secondary{--art:var(--ui-btn_secondary);--art-s:var(--ui-btn_secondary-s);color:var(--art-text-light);text-shadow:0 1px 2px #000c}:root[data-uiart=on] .btn-ghost{--art:var(--ui-btn_ghost);--art-s:var(--ui-btn_ghost-s);color:var(--gold-100);text-shadow:0 1px 2px #000}:root[data-uiart=on] .btn-danger{--art:var(--ui-btn_danger);--art-s:var(--ui-btn_danger-s);color:#fff1df;text-shadow:0 1px 2px #3c0000cc}:root[data-uiart=on] .btn-ghost:hover:not(:disabled){background:0 0;border-color:#0000}:root[data-uiart=on] :is(.btn-icon,.hud-icon-btn){min-width:var(--btn-h);aspect-ratio:1;background:var(--ui-round_btn) center / 100% 100% no-repeat;color:var(--gold-100);text-shadow:0 1px 2px #000;border:0;border-image:;padding:0}:root[data-uiart=on] .hud-icon-btn:not(.btn-icon){aspect-ratio:auto;background:var(--ui-square_btn) center / 100% 100% no-repeat;width:auto;padding:0 .7em}:root[data-uiart=on] .hud-icon-btn.is-on{filter:drop-shadow(0 0 .45rem var(--jade-300))}:root[data-uiart=on] .btn .ui-icon{width:1.35em!important;height:1.35em!important}:root[data-uiart=on] .tabs{border-bottom:0;gap:.2rem;padding-bottom:.15rem}:root[data-uiart=on] .tab{--th:2.7rem;--cap:calc(var(--th) * var(--ui-tab-ar));min-height:var(--th);border-style:solid;border-width:0 var(--cap);border-image:var(--ui-tab) var(--ui-tab-s) fill / 0 var(--cap) stretch;color:var(--muted);padding:.35rem .1rem .1rem}:root[data-uiart=on] .tab[aria-selected=true]{--cap:calc(var(--th) * var(--ui-tab_on-ar));border-image:var(--ui-tab_on) var(--ui-tab_on-s) fill / 0 var(--cap) stretch;color:#effff8;text-shadow:0 1px 2px #02241a,0 0 .5rem #3fd3a299}:root[data-uiart=on] .tab[aria-selected=true]:after{display:none}:root[data-uiart=on] .tabs-pill{background:0 0;gap:.25rem;padding:0}:root[data-uiart=on] .tabs-pill .tab{--th:2rem;--cap:calc(var(--th) * var(--ui-pill-ar) * .7);border-width:0 var(--cap);border-image:var(--ui-pill) var(--ui-pill-s) fill / 0 var(--cap) stretch;box-shadow:none;background:0 0;border-radius:0;padding:.1rem 0}:root[data-uiart=on] .tabs-pill .tab[aria-selected=true]{--cap:calc(var(--th) * var(--ui-pill_on-ar) * .7);border-image:var(--ui-pill_on) var(--ui-pill_on-s) fill / 0 var(--cap) stretch;color:var(--art-text-dark);text-shadow:0 1px #fff0c899;background:0 0}:root[data-uiart=on] .seg-btn{background:var(--ui-pill) center / 100% 100% no-repeat;border:0;border-radius:0}:root[data-uiart=on] .seg-on{background-image:var(--ui-pill_on);color:var(--art-text-dark)}:root[data-uiart=on] :is(input:not([type=range],[type=checkbox],[type=radio]),select,textarea){--cap:calc(2.7em * var(--ui-input-ar) * .45);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-input) var(--ui-input-s) fill / 0 var(--cap) stretch;background:0 0;border-radius:0;min-height:2.7em;padding:.4rem .35rem}:root[data-uiart=on] textarea{background:#040807b3;border:1px solid #e5b44f59;padding:.5rem .7rem}:root[data-uiart=on] :is(input,select):focus{box-shadow:none;filter:drop-shadow(0 0 .4rem #3fd3a28c)}:root[data-uiart=on] .select select{padding-right:1.6rem}:root[data-uiart=on] .select:after{right:calc(2.7em * var(--ui-input-ar) * .45 + .45rem)}:root[data-uiart=on] .progress{--ph:.95rem;--cap:calc(var(--ph) * var(--ui-bar-ar));height:var(--ph);background:var(--ui-bar) center / 100% 100% no-repeat;border:0;border-image:var(--ui-bar) var(--ui-bar-s) fill / 0 var(--cap) stretch;border-style:solid;border-width:0 var(--cap);background:0 0;border-color:#0000;border-radius:0;overflow:visible}:root[data-uiart=on] .progress-fill{inset:28% auto 28% calc(var(--cap) * -.35);width:calc((100% + var(--cap) * .7) * var(--pctn,0));border-radius:2px}:root[data-uiart=on] .progress-lg{--ph:1.25rem}:root[data-uiart=on] .progress-label{z-index:1}:root[data-uiart=on] .boss-bar .progress{--ph:1.6rem;--cap:calc(var(--ph) * var(--ui-boss_bar-ar));border-image:var(--ui-boss_bar) var(--ui-boss_bar-s) fill / 0 var(--cap) stretch}:root[data-uiart=on] .boss-bar .progress-fill{inset:34% auto 34% calc(var(--cap) * -.12);width:calc((100% + var(--cap) * .24) * var(--pctn,0))}:root[data-uiart=on] .badge-gold,:root[data-uiart=on] .pill-host{--bh:1.5em;--cap:calc(var(--bh) * var(--ui-badge-ar) * .6);min-height:var(--bh);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-badge) var(--ui-badge-s) fill / 0 var(--cap) stretch;color:var(--art-text-dark);text-shadow:0 1px #fff0c880;background:0 0;border-radius:0;padding:0}:root[data-uiart=on] .avatar{box-shadow:none}:root[data-uiart=on] .avatar:after{content:"";pointer-events:none;background:var(--ui-avatar_ring) center / contain no-repeat;filter:drop-shadow(0 0 .25rem color-mix(in srgb, var(--ring) 60%, transparent));position:absolute;inset:-16%}:root[data-uiart=on] .avatar-badge{z-index:1}:root[data-uiart=on] .hb-face img,:root[data-uiart=on] .hb-face-dot{box-shadow:0 0 0 2px var(--ink-950)}:root[data-uiart=on] .hb-face:after{content:"";pointer-events:none;z-index:1;background:var(--ui-avatar_ring) center / contain no-repeat;position:absolute;inset:-14%}:root[data-uiart=on] .jade-icon{box-shadow:none;border-radius:.2rem;overflow:visible}:root[data-uiart=on] .jade-icon:after{content:"";pointer-events:none;background:var(--ui-item_slot) center / 100% 100% no-repeat;position:absolute;inset:-9%}:root[data-uiart=on] .inv-cell{background:#0408078c var(--ui-item_slot) center / 100% 100% no-repeat;border:0;border-radius:.25rem}:root[data-uiart=on] .inv-cell .jade-icon:after{display:none}:root[data-uiart=on] :is(.shop-cell,.suggest){background:var(--ui-square_btn) center / 100% 100% no-repeat;border:0;border-radius:.3rem}:root[data-uiart=on] :is(.shop-cell-on,.suggest-on){filter:drop-shadow(0 0 .4rem var(--jade-300))}:root[data-uiart=on] .tw-btn{border:0;border-radius:.35rem;overflow:visible}:root[data-uiart=on] .tw-btn:after{content:"";pointer-events:none;z-index:1;background:var(--ui-card_slot) center / 100% 100% no-repeat;position:absolute;inset:-6% -4%}:root[data-uiart=on] .tw-btn>*{z-index:2}:root[data-uiart=on] .tw-on{box-shadow:none;filter:drop-shadow(0 0 .55rem var(--el)) brightness(1.1)}:root[data-uiart=on] .ta-btn{background:var(--ui-round_btn) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 .25rem .4rem #0000008c)}:root[data-uiart=on] .ta-skill .ta-btn{background:radial-gradient(circle, var(--ink-800) 60%, transparent 62%);overflow:visible}:root[data-uiart=on] .ta-skill .ta-btn img{border-radius:50%;width:82%;height:82%}:root[data-uiart=on] .ta-skill .ta-btn:after{content:"";pointer-events:none;background:var(--ui-skill_ring) center / contain no-repeat;position:absolute;inset:-12%}:root[data-uiart=on] .ta-skill-r .ta-btn,:root[data-uiart=on] .ta-skill.is-aiming .ta-btn{box-shadow:none;filter:drop-shadow(0 0 .6rem #e5b44f8c)}:root[data-uiart=on] .ta-attack{background:var(--ui-attack_btn) center / 100% 100% no-repeat;color:#fff1df;box-shadow:none;filter:drop-shadow(0 .3rem .6rem #0009)drop-shadow(0 0 .6rem #ff5a3c59)}:root[data-uiart=on] .ta-attack.is-on{box-shadow:none;filter:brightness(1.15)drop-shadow(0 0 1rem #ffd166cc)}:root[data-uiart=on] .ta-attack small{text-shadow:0 1px 2px #000,0 0 .3rem #000}:root[data-uiart=on] .ta-cd{border-radius:50%}:root[data-uiart=on] .ta-level{background:var(--ui-round_btn) center / 100% 100%;color:var(--gold-100);border:0}:root[data-uiart=on] .joy-base{background:var(--ui-joy_base) center / 100% 100% no-repeat;filter:drop-shadow(0 .3rem .6rem #00000080);border:0;width:128px;height:128px}:root[data-uiart=on] .joy-knob{background:var(--ui-joy_knob) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 0 .5rem #3fd3a299);width:58px;height:58px;margin:-29px 0 0 -29px}:root[data-uiart=on] .result-title{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-width:min(90vw,30rem);padding:.55em 2.4em .5em;position:relative}:root[data-uiart=on] .result-title.win{background-image:var(--ui-banner_win);color:#fff3cf;text-shadow:0 2px 3px #3a2405,0 0 1rem #ffd166cc;filter:none;-webkit-background-clip:border-box;background-clip:border-box}:root[data-uiart=on] .result-title.lose{background-image:var(--ui-banner_lose);color:#ffd6d0;text-shadow:0 2px 3px #2a0303,0 0 1rem #ff5f57b3}:root[data-uiart=on] .ui-icon{filter:drop-shadow(0 .1rem .15rem #000000b3)}.el-icon.el-art{filter:drop-shadow(0 .08em .12em #0009);width:1.4em;height:1.4em}.el-icon.el-art img{object-fit:contain;width:100%;height:100%}:root[data-uiart=on] :is(.mode-card,.live-nav-btn,.profile-hero,.reward-panel,.fs-gate-card,.kit-col,.pk-side,.rejoin,.room-center>.panel-plain,.mini-tw,.minimap2,.touch-bag,.whud-sheet,.hero-art){--fw:.75rem;border-style:solid;border-width:var(--fw) calc(var(--fw) * var(--ui-card-ar));border-image:var(--ui-card) var(--ui-card-s) stretch;background-color:#0000;background-image:var(--ui-card_bg);box-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:cover;background-clip:padding-box;border-radius:0}:root[data-uiart=on] .mode-card{--fw:1rem}:root[data-uiart=on] .mode-card:before{opacity:.55;inset:0}:root[data-uiart=on] :is(.mode-card,.live-nav-btn):hover{box-shadow:none;filter:brightness(1.08)drop-shadow(0 0 .7rem #e5b44f59)}:root[data-uiart=on] .live-nav-btn{--fw:.55rem;padding:.35rem .2rem}:root[data-uiart=on] .live-nav-btn .ui-icon{width:2rem!important;height:2rem!important}:root[data-uiart=on] :is(.room-row,.slot,.achv,.mod-list li,.realm-ladder li,.hero-skill,.lb-row,.history-row){--fw:.5rem;border-style:solid;border-color:#0000;border-width:var(--fw) calc(var(--fw) * var(--ui-card-ar));border-image:var(--ui-card) var(--ui-card-s) stretch;background:var(--ui-card_bg) center / cover no-repeat;box-shadow:none;background-clip:padding-box;border-radius:0;padding-inline:.45rem}:root[data-uiart=on] .slot{box-shadow:inset 3px 0 0 var(--pc)}:root[data-uiart=on] .slot-empty{box-shadow:none;opacity:.6}:root[data-uiart=on] :is(.room-row,.slot):hover{filter:brightness(1.12);background:0 0}:root[data-uiart=on] :is(.bp-cell,.shop-card,.pick,.hero-card,.result-stat,.profile-stats div){box-shadow:none;background:var(--ui-square_btn) center / 100% 100% no-repeat;border:0;border-radius:.35rem}:root[data-uiart=on] :is(.hero-card,.pick,.shop-card,.bp-cell)[aria-pressed=true],:root[data-uiart=on] :is(.hero-card-on,.pick-on,.bp-cell.is-claimable){filter:drop-shadow(0 0 .5rem var(--jade-300)) brightness(1.08)}:root[data-uiart=on] :is(.user-chip,.realm-chip,.topbar-right .linh-thach,.lang-toggle){--ch:2.4rem;--cap:calc(var(--ch) * var(--ui-pill-ar) * .55);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-pill) var(--ui-pill-s) fill / 0 var(--cap) stretch;box-shadow:none;min-height:var(--ch);background:0 0;border-radius:0;padding-inline:0}:root[data-uiart=on] .lang-toggle button[aria-pressed=true]{background:var(--ui-round_btn) center / 100% 100%;color:var(--gold-100);box-shadow:none}:root[data-uiart=on] .toggle-track{background:var(--ui-pill) center / 100% 100% no-repeat;border:0;border-radius:0;width:3.2rem;height:1.6rem}:root[data-uiart=on] .toggle input:checked+.toggle-track{background:var(--ui-pill_on) center / 100% 100% no-repeat;border:0}:root[data-uiart=on] .toggle-track:after{background:var(--ui-joy_knob) center / 100% 100% no-repeat;width:1.25rem;height:1.25rem;box-shadow:none;left:.18rem}:root[data-uiart=on] .toggle input:checked+.toggle-track:after{background:var(--ui-joy_knob) center / 100% 100% no-repeat;transform:translate(1.55rem,-50%);box-shadow:0 0 .4rem #3fd3a2cc}:root[data-uiart=on] .loading{background:linear-gradient(#0205048c, #020504bf), var(--ui-bg_auth) center / cover no-repeat}:root[data-uiart=on] .whud .feed-item{--cap:calc(2.2em * var(--ui-input-ar) * .4);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-input) var(--ui-input-s) fill / 0 var(--cap) stretch;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0}:root[data-uiart=on] .pk-clock{--fw:.6rem;border-style:solid;border-width:var(--fw) calc(var(--fw) * var(--ui-card-ar));border-image:var(--ui-card) var(--ui-card-s) stretch;background:var(--ui-card_bg) center / cover no-repeat;box-shadow:none;background-clip:padding-box;border-radius:0}:root[data-uiart=on][data-touch=true] :is(.hud-card,.whud .res-bar,.whud .whud-top-right,.whud .tower-bar,.hero-bar2,.pk-side,.pk-clock,.minimap2,.ta-btn,.ta-attack){filter:none}.logo-art.auth-logo{object-fit:contain;filter:drop-shadow(0 .6rem 1.2rem #0000008c);width:auto;max-width:86vw;height:clamp(8rem,5rem + 12vh,15rem)}@media (max-height:760px){.logo-art.auth-logo{height:clamp(6rem,3rem + 12vh,9rem)}}.logo-art.topbar-logo{filter:drop-shadow(0 .2rem .4rem #0009);width:auto;height:clamp(2.8rem,2rem + 2vw,3.8rem)}.logo-art.loading-logo{object-fit:contain;width:auto;max-width:86vw;height:min(32vh,15rem)}img.loading-seal,img.seal-sm{object-fit:contain;filter:drop-shadow(0 0 .6rem #3fd3a273)}:root[data-uiart=on] :is(.badge,.pill){--bh:1.55em;--tag:var(--ui-tag_neutral);--tag-s:var(--ui-tag_neutral-s);--cap:calc(var(--bh) * var(--ui-tag_neutral-ar) * .5);min-height:var(--bh);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--tag) var(--tag-s) fill / 0 var(--cap) stretch;color:var(--fg);text-shadow:0 1px 2px #000;background:0 0;border-radius:0;padding:0 .1em}:root[data-uiart=on] :is(.badge-jade,.pill-ok){--tag:var(--ui-tag_jade);--tag-s:var(--ui-tag_jade-s);color:#effff8}:root[data-uiart=on] .badge-info{--tag:var(--ui-tag_info);--tag-s:var(--ui-tag_info-s);color:#eaf6ff}:root[data-uiart=on] :is(.badge-danger,.pill-bad){--tag:var(--ui-tag_danger);--tag-s:var(--ui-tag_danger-s);color:#fff0ea}:root[data-uiart=on] .badge-el{color:var(--el);filter:drop-shadow(0 0 .15rem color-mix(in srgb, var(--el) 70%, transparent))}:root[data-uiart=on] :is(.badge-gold,.pill-host){--tag:var(--ui-badge);--tag-s:var(--ui-badge-s);--cap:calc(var(--bh) * var(--ui-badge-ar) * .6);color:var(--art-text-dark);text-shadow:0 1px #fff0c880}:root[data-uiart=on] .kbd{box-shadow:none;background:var(--ui-kbd) center / 100% 100% no-repeat;min-width:1.7em;height:1.7em;color:var(--gold-100);text-shadow:0 1px 2px #000;border:0;border-radius:.2rem}:root[data-uiart=on] .check input{appearance:none;cursor:pointer;background:var(--ui-check_box) center / 100% 100% no-repeat;border:0;flex:none;width:1.35rem;height:1.35rem;margin:0}:root[data-uiart=on] .check input:checked{background-image:var(--ui-icon_star), var(--ui-check_box);background-position:50%;background-repeat:no-repeat;background-size:70% 70%,100% 100%}:root[data-uiart=on] .slider input[type=range]{border-style:solid;border-color:#0000;border-width:0 calc(1rem * var(--ui-bar-ar));border-image:var(--ui-bar) var(--ui-bar-s) fill / 0 calc(1rem * var(--ui-bar-ar)) stretch;background:0 0;border-radius:0;height:1rem}:root[data-uiart=on] .slider input[type=range]::-webkit-slider-thumb{width:1.55rem;height:1.55rem;box-shadow:none;background:var(--ui-joy_knob) center / 100% 100% no-repeat;border:0;border-radius:50%}:root[data-uiart=on] .slider input[type=range]::-moz-range-thumb{background:var(--ui-joy_knob) center / 100% 100% no-repeat;border:0;width:1.45rem;height:1.45rem}:root[data-uiart=on] :is(.emote-btn,.pin-chip,.dm-tag,.dm-mod){background:var(--ui-square_btn) center / 100% 100% no-repeat;color:var(--gold-100);text-shadow:0 1px 2px #000;border:0;border-radius:.3rem}:root[data-uiart=on] .emote-btn:hover{filter:brightness(1.15);background:var(--ui-square_btn) center / 100% 100% no-repeat}:root[data-uiart=on] .emote-bar{background:var(--ui-card_bg) center / cover;border:0;border-image:var(--ui-card) var(--ui-card-s) stretch;border-style:solid;border-width:.55rem calc(.55rem * var(--ui-card-ar));border-radius:0}:root[data-uiart=on] .btn{padding-top:calc(var(--btn-h) * var(--ui-btn_primary-ft,0));padding-bottom:calc(var(--btn-h) * var(--ui-btn_primary-fb,0));line-height:1.1}:root[data-uiart=on] :is(.btn-icon,.hud-icon-btn){padding-top:0;padding-bottom:0}:root[data-uiart=on] .tab{padding-top:calc(var(--th) * var(--ui-tab-ft,0));padding-bottom:calc(var(--th) * var(--ui-tab-fb,0));line-height:1.1}:root[data-uiart=on] .tab[aria-selected=true]{padding-top:calc(var(--th) * var(--ui-tab_on-ft,0));padding-bottom:calc(var(--th) * var(--ui-tab_on-fb,0))}:root[data-uiart=on] .tabs-pill .tab{padding-top:calc(var(--th) * var(--ui-pill-ft,0));padding-bottom:calc(var(--th) * var(--ui-pill-fb,0))}:root[data-uiart=on] .tabs-pill .tab[aria-selected=true]{padding-top:calc(var(--th) * var(--ui-pill_on-ft,0));padding-bottom:calc(var(--th) * var(--ui-pill_on-fb,0))}:root[data-uiart=on] .panel-title{--rh:3em;padding-top:calc(var(--rh) * var(--ui-title_ribbon-ft,0));padding-bottom:calc(var(--rh) * var(--ui-title_ribbon-fb,0));margin-bottom:calc(var(--sp-4) - var(--rh) * var(--ui-title_ribbon-fb,0) * .6);line-height:1.15}:root[data-uiart=on] :is(.badge,.pill){padding-top:calc(var(--bh) * var(--ui-tag_neutral-ft,0));padding-bottom:calc(var(--bh) * var(--ui-tag_neutral-fb,0));line-height:1.1}:root[data-uiart=on] :is(.badge-gold,.pill-host){padding-top:calc(var(--bh) * var(--ui-badge-ft,0));padding-bottom:calc(var(--bh) * var(--ui-badge-fb,0))}:root[data-uiart=on] :is(.user-chip,.realm-chip,.topbar-right .linh-thach,.lang-toggle){line-height:1.1}:root[data-uiart=on] :is(.bp-cell,.shop-card,.pick,.hero-card,.result-stat,.profile-stats div,.shop-cell,.suggest,.emote-btn,.pin-chip,.dm-tag,.dm-mod,.hud-icon-btn:not(.btn-icon)){--pw:.8rem;border:0 solid #0000;border-image:var(--ui-square_btn) 26% fill / var(--pw) stretch;background:0 0;border-radius:0}:root[data-uiart=on] :is(.emote-btn,.pin-chip,.dm-tag,.dm-mod,.hud-icon-btn:not(.btn-icon)){--pw:.55rem}:root[data-uiart=on] .hero-card{padding:.32rem .32rem .7rem}:root[data-uiart=on] .hero-card img{border-radius:.3rem}:root[data-uiart=on] .hero-card .el-icon{top:.5rem;right:.5rem}:root[data-uiart=on] .code-chip,:root[data-uiart=on][data-compact=true] .code-chip{--ch:2.5rem;--cap:calc(var(--ch) * var(--ui-pill-ar) * .55);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-pill) var(--ui-pill-s) fill / 0 var(--cap) stretch;min-height:var(--ch);background:0 0;border-radius:0;padding:0 .1rem;line-height:1.1}:root[data-uiart=on][data-touch=true] .code-chip{--ch:max(2.5rem, var(--hit))}:root[data-uiart=on] .hb-sp{--bh:1.7em;--cap:calc(var(--bh) * var(--ui-tag_jade-ar) * .5);min-height:var(--bh);border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-tag_jade) var(--ui-tag_jade-s) fill / 0 var(--cap) stretch;color:#effff8;text-shadow:0 1px 2px #02241a;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0 .1em;line-height:1.1;display:inline-flex}:root[data-uiart=on] .call-early-fab,:root[data-uiart=on][data-compact=true] .call-early-fab{--h:3.4rem;--cap:calc(var(--h) * var(--ui-btn_primary-ar) * .8);min-height:var(--h);box-shadow:none;border-style:solid;border-color:#0000;border-width:0 var(--cap);border-image:var(--ui-btn_primary) var(--ui-btn_primary-s) fill / 0 var(--cap) stretch;padding:calc(var(--h) * var(--ui-btn_primary-ft,0)) .15rem calc(var(--h) * var(--ui-btn_primary-fb,0));color:var(--art-text-dark);text-shadow:0 1px #fff0c88c;filter:drop-shadow(0 .25rem .5rem #00000080);background:0 0;border-radius:0;line-height:1.1}:root[data-uiart=on] .topbar-right .user-chip{--ch:2.9rem;gap:.5rem;padding-block:.15rem}:root[data-uiart=on] .topbar-right .user-chip .avatar{margin-left:calc(var(--cap) * -.55)}:root[data-uiart=on] .user-chip .uc-main{gap:.05rem;padding-right:.45rem;line-height:1.05}:root[data-uiart=on] .topbar-right .realm-chip{--ch:2.5rem;padding:0 .3rem 0 .1rem}:root[data-uiart=on] .topbar-right .linh-thach{--ch:2.5rem}:root[data-uiart=on] :is(.badge-gold,.pill-host){--bh:1.85em}:root[data-uiart=on] .notice{--fw:.6rem;border-style:solid;border-color:#0000;border-width:var(--fw) calc(var(--fw) * var(--ui-tooltip-ar));border-image:var(--ui-tooltip) var(--ui-tooltip-s) stretch;background:var(--ui-tooltip_bg) center / cover no-repeat;background-clip:padding-box;border-radius:0;padding:.4rem .7rem;box-shadow:inset 3px 0 #e0564c}:root[data-uiart=on] .ta-recall{justify-content:center;overflow:visible}:root[data-uiart=on] .ta-recall small{white-space:nowrap;color:var(--gold-100);text-shadow:0 1px 2px #000,0 0 .25rem #000;line-height:1;position:absolute;bottom:calc(100% + .1rem);left:50%;transform:translate(-50%)}:root[data-uiart=on] .ta-attack{justify-content:center;gap:0;padding-top:.2rem}:root[data-uiart=on] .ta-attack .ui-icon{width:2rem!important;height:2rem!important}:root[data-uiart=on] :is(:root[data-compact=true] .whud .whud-side.sheet-open,.whud .whud-sheet),:root[data-uiart=on][data-orient=landscape] :is(:root[data-compact=true] .whud .whud-side.sheet-open,.whud .whud-sheet){--fw:.8rem;border-style:solid;border-color:#0000;border-width:var(--fw) calc(var(--fw) * var(--ui-panel-ar));border-image:var(--ui-panel) var(--ui-panel-s) stretch;background:var(--ui-panel_bg) center / cover no-repeat;background-clip:padding-box;border-radius:0;box-shadow:-.4rem 0 1.4rem #00000080}:root[data-uiart=on] .shop-cell{gap:.25rem;padding:.6rem .4rem .45rem}:root[data-uiart=on] .suggest{padding:.45rem .5rem}:root[data-uiart=on] :is(.room-grid,.lobby-grid){--fw:clamp(1.1rem, .85rem + .9vw, 1.7rem);border-style:solid;border-color:#0000;border-width:var(--fw) calc(var(--fw) * var(--ui-panel-ar));border-image:var(--ui-panel) var(--ui-panel-s) stretch;background:var(--ui-panel_bg) center / cover no-repeat;filter:drop-shadow(0 .6rem 1.2rem #0000008c);gap:var(--sp-3);background-clip:padding-box;padding:.35rem .5rem}:root[data-uiart=on] :is(.room-grid,.lobby-grid) .room-side,:root[data-uiart=on] :is(.room-grid,.lobby-grid) .room-center{gap:var(--sp-3)}:root[data-uiart=on] :is(.room-grid,.lobby-grid) .panel:not(.panel-plain){filter:none;background:linear-gradient(#04080757,#0408072e) padding-box padding-box;border:1px solid #e5b44f33;border-image:;border-radius:.35rem;padding:.55rem .9rem .9rem;box-shadow:inset 0 1px #ffecbe0f,inset 0 0 0 1px #00000059}:root[data-uiart=on] :is(.room-grid,.lobby-grid) .panel:not(.panel-plain)>.panel-title:first-child,:root[data-uiart=on] :is(.room-grid,.lobby-grid) .panel:not(.panel-plain)>.panel-head:first-child{margin-top:-.2rem}:root[data-uiart=on] .room-grid>.panel,:root[data-uiart=on] .room-side>.panel,:root[data-uiart=on] .room-center>.panel{width:auto}:root[data-compact=true] :root[data-uiart=on] .room-grid{padding:.2rem}:root[data-uiart=on][data-compact=true] :is(.room-grid,.lobby-grid){--fw:.95rem;gap:var(--sp-2);padding:.15rem .25rem}:root[data-uiart=on][data-compact=true] :is(.room-grid,.lobby-grid) .panel:not(.panel-plain){padding:.45rem .6rem .7rem}:root[data-uiart=on] .whud-top,:root[data-uiart=on]:not([data-compact=true]) .pkhud .pk-top{right:10.5rem}:root[data-uiart=on][data-compact=true][data-orient=portrait] .whud .whud-top-right{filter:none;background:0 0;border:0;border-image:}h1,h2,h3,h4,.panel-title,.btn,.tab,.mode-title,.mode-card .badge,.result-title,.room-name,.hero-title,.hero-card-name,.ws-title,.ws-stats strong,.pk-banner,.death-banner,.death-title,.recall-banner,.leak-alert,.state-banner,.reward-h,.breakthrough,.hb-name>strong,.pk-name strong,.live-nav-btn,.res strong,.result-stat strong,.achv strong,.achv-new,.realm-badge,.code-chip strong,.lo-label,.shop-card>strong,.loading-tip-label,.tl-wave>strong,.slot-name,.lb-score,.wave-summary .ws-stars{font-family:var(--font-display);font-weight:var(--fw-regular);letter-spacing:.035em}.btn{font-size:calc(var(--fs-md) * 1.14)}.btn-small,.btn-sm{font-size:calc(var(--fs-sm) * 1.14)}.btn-big,.btn-lg{font-size:calc(var(--fs-lg) * 1.14);letter-spacing:.07em}.panel-title{font-size:calc(var(--fs-lg) * 1.15)}:root[data-uiart=on] .panel-title{font-size:calc(var(--fs-md) * 1.2)}.tab{font-size:calc(var(--fs-sm) * 1.16)}.hero-card-name{font-size:calc(var(--fs-xs) * 1.2)}.res strong{font-size:calc(var(--fs-lg) * 1.12)}.ws-title{letter-spacing:.1em}.room-name{font-size:calc(var(--fs-xl) * 1.1)}.hero-title{font-size:calc(var(--fs-xl) * 1.15)}:root[data-uiart=on] :is(.btn-sm,.btn-small):not(.btn-icon,.hud-icon-btn){padding-top:calc(var(--btn-h) * var(--ui-btn_primary-ft,0) - .1em);padding-bottom:calc(var(--btn-h) * var(--ui-btn_primary-fb,0) + .1em);line-height:1.15}:root[data-uiv2=on]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--v2-ink:#4a2f17;--v2-line:#5b3a1c;--t-outline:0 0 2px var(--v2-line), 0 0 2px var(--v2-line), 0 1px 0 var(--v2-line), 0 2px 2px #0000004d;--t-soft:0 1px 0 #fffae6b3;--fg:var(--v2-ink);--fg-strong:#2e1c0c;--muted:#7a5f45;--faint:#a08a70;--surface-0:#fffaeef7;--surface-1:#fff8e7f0;--surface-2:#fff4dcf5;--surface-hover:#ffc93c29;--line:#5b3a1c59;--line-soft:#5b3a1c24;--line-jade:#2eaa708c;--shadow-1:0 .3rem .8rem #3c280a33;--shadow-2:0 .8rem 2rem #3c280a47;--grad-panel:linear-gradient(180deg, #fffaf0, #f6ead0);--text-gold:linear-gradient(180deg, #ffd34d, #e08a00);--panel:#fff8e7f0;--panel-border:#5b3a1c66;--font-display:"Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;--art-text-dark:#4a2400;--art-text-light:#fff}:root[data-uiv2=on] :is(html,body){background:#cfe9ff}:root[data-uiv2=on] ::selection{background:#ffc93c73}:root[data-uiv2=on] ::-webkit-scrollbar-thumb{background:#5b3a1c59}:root[data-uiv2=on] :is(h1,h2,h3,h4,.panel-title,.btn,.tab,.mode-title,.result-title,.room-name,.hero-title,.hero-card-name,.ws-title,.ws-stats strong,.pk-banner,.death-banner,.death-title,.recall-banner,.leak-alert,.state-banner,.reward-h,.breakthrough,.hb-name>strong,.pk-name strong,.live-nav-btn,.res strong,.result-stat strong,.achv strong,.achv-new,.realm-badge,.code-chip strong,.lo-label,.shop-card>strong,.loading-tip-label,.tl-wave>strong,.slot-name,.lb-score,.uc-name){font-family:var(--font-display);letter-spacing:.01em;font-weight:800}:root[data-uiv2=on] .btn{font-size:calc(var(--fs-md) * 1.06)}:root[data-uiv2=on] :is(.btn-small,.btn-sm){font-size:var(--fs-sm)}:root[data-uiv2=on] :is(.btn-big,.btn-lg){font-size:calc(var(--fs-lg) * 1.08);letter-spacing:.02em}:root[data-uiv2=on] .btn{color:var(--art-text-dark);text-shadow:var(--t-soft);filter:drop-shadow(0 .15rem .2rem #3c280a4d)}:root[data-uiv2=on] .btn-ghost{color:var(--v2-ink);text-shadow:var(--t-soft)}:root[data-uiv2=on] :is(.btn-secondary,.btn-danger){color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .btn:hover:not(:disabled){filter:brightness(1.06)drop-shadow(0 0 .45rem #ffc93c8c)}:root[data-uiv2=on] :is(.btn-icon,.hud-icon-btn){color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .tab{color:var(--muted);text-shadow:none}:root[data-uiv2=on] .tab[aria-selected=true]{color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .tabs-pill .tab,:root[data-uiv2=on] .tabs-pill .tab[aria-selected=true]{color:var(--v2-ink);text-shadow:var(--t-soft)}:root[data-uiv2=on] .seg-on{color:var(--v2-ink)}:root[data-uiv2=on] :is(.panel-title,.ws-title){color:var(--v2-ink);text-shadow:var(--t-soft)}:root[data-uiv2=on] :is(.badge,.pill){color:var(--v2-ink);text-shadow:none}:root[data-uiv2=on] :is(.badge-jade,.pill-ok,.badge-info,.badge-danger,.pill-bad){color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] :is(.badge-gold,.pill-host){color:var(--art-text-dark);text-shadow:var(--t-soft)}:root[data-uiv2=on] .badge-el,:root[data-uiv2=on] :is(input,select,textarea){color:var(--v2-ink)}:root[data-uiv2=on] input::placeholder{color:var(--faint)}:root[data-uiv2=on] select option{color:var(--v2-ink);background:#fffaf0}:root[data-uiv2=on] textarea{background:#fffdf6;border-color:#5b3a1c4d}:root[data-uiv2=on] .field-label{color:var(--muted)}:root[data-uiv2=on] .select:after{border-color:var(--v2-line)}:root[data-uiv2=on] :is(.user-chip,.realm-chip,.linh-thach,.lang-toggle,.code-chip){color:var(--v2-ink);text-shadow:none}:root[data-uiv2=on] .lang-toggle button{color:var(--muted)}:root[data-uiv2=on] .lang-toggle button[aria-pressed=true]{color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .uc-name,:root[data-uiv2=on] .kbd{color:var(--v2-ink);text-shadow:none}:root[data-uiv2=on] :is(.tooltip,.toast,.notice){color:#fff}:root[data-uiv2=on] .tooltip-title{color:#ffd34d}:root[data-uiv2=on] .toast-error{color:#ffc2bd}:root[data-uiv2=on] .toast-good{color:#b8ffd9}:root[data-uiv2=on] .toast-gold{color:#ffe27a}:root[data-uiv2=on] :is(.bp-cell,.shop-card,.pick,.hero-card,.result-stat,.profile-stats div,.shop-cell,.suggest,.emote-btn,.pin-chip,.dm-tag,.dm-mod){color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .result-title.win{color:#5a2e00;text-shadow:0 1px #fffadccc,0 0 1rem #ffe678cc}:root[data-uiv2=on] .result-title.lose{color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .avatar{background:radial-gradient(circle at 50% 35%,#b6e2ff,#4aa3e8)}:root[data-uiv2=on] .avatar-initial{color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .jade-icon{color:var(--v2-ink);background:radial-gradient(circle at 50% 40%,#fffaf0,#f0dcb0)}:root[data-uiv2=on] :is(.table th,.result-table th){color:#b06d00}:root[data-uiv2=on] .divider{color:#c88a12}:root[data-uiv2=on] .gold-text{color:#b06d00;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}:root[data-uiv2=on] .link{color:#2a7fc4}:root[data-uiv2=on] .muted{color:var(--muted)}:root[data-uiv2=on] :is(.room-grid,.lobby-grid) .panel:not(.panel-plain){background:linear-gradient(#ffffff8c,#ffffff4d);border-color:#5b3a1c38;box-shadow:inset 0 1px #fff9}:root[data-uiv2=on] .loading{background:linear-gradient(#ffffff26, #ffffff59), var(--ui-bg_auth) center / cover no-repeat;color:var(--v2-ink)}:root[data-uiv2=on] .loading-tip{color:var(--v2-ink)}:root[data-uiv2=on] .loading-tip-label{color:#b06d00}:root[data-uiv2=on] .panel:not(.panel-plain){filter:drop-shadow(0 .5rem 1rem #3c280a4d)}:root[data-uiv2=on] .modal-backdrop{background:radial-gradient(#283c6459,#141e3c99)}:root[data-uiv2=on] .profile-stats :is(dt,dd,.muted){color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .realm-badge{color:color-mix(in srgb, var(--realm,#2e8a5f) 62%, #3a2410);text-shadow:none}:root[data-uiv2=on] .ph-name{color:var(--v2-ink);text-shadow:none}:root[data-uiv2=on] .tabs-pill .tab{--th:2.5rem;min-height:var(--th);--cap:calc(var(--th) * var(--ui-pill-ar));padding-inline:.15rem}:root[data-uiv2=on] .tabs-pill .tab[aria-selected=true]{--cap:calc(var(--th) * var(--ui-pill_on-ar))}:root[data-uiv2=on][data-touch=true] .tabs-pill .tab,:root[data-uiv2=on][data-touch=true] .tab{--th:var(--hit)}:root[data-uiv2=on] :is(.badge,.pill){--cap:calc(var(--bh) * var(--ui-tag_neutral-ar))}:root[data-uiv2=on] :is(.badge-gold,.pill-host){--cap:calc(var(--bh) * var(--ui-badge-ar))}:root[data-uiv2=on] :is(.user-chip,.realm-chip,.topbar-right .linh-thach,.lang-toggle,.code-chip){--cap:calc(var(--ch) * var(--ui-pill-ar))}:root[data-uiv2=on] .btn{--cap:calc(var(--btn-h) * var(--ui-btn_primary-ar))}:root[data-uiv2=on]{--gold-100:#7a4a00;--gold-200:#8f5600;--gold-300:#a8680a;--jade-100:#146b45;--jade-200:#1a7a50}:root[data-uiv2=on] .loading{--gold-100:#fff6dc;--gold-200:#fbe6ad;--gold-300:#f4cf78;--jade-100:#d9fff0;--jade-200:#a8f5d8}:root[data-uiv2=on] .page .mod-list strong{color:#a8680a}:root[data-uiv2=on] .ws-stats{gap:var(--sp-3)}:root[data-uiv2=on] .ws-stats span{text-align:center;letter-spacing:.01em;align-items:center;line-height:1.15}:root[data-uiv2=on] .achv-card{background:linear-gradient(100deg,#ffe68c8c,#fffaebe6 55%,#ffe68c66);border-color:#e39b12b3;box-shadow:0 0 0 1px #5b3a1c40,0 .3rem .8rem #e39b1240}:root[data-uiv2=on] .achv-card-text small{color:var(--muted)}:root[data-compact=true] body:has(:is(.home,.page,.auth)) .top-controls .lang-toggle{display:none}body:has(.home) .top-controls .lang-toggle{display:none}:root[data-compact=true][data-orient=landscape] .page.room{max-width:none;min-height:0;padding:calc(.3rem + var(--safe-t)) calc(.6rem + var(--safe-r)) calc(.35rem + var(--safe-b)) calc(.6rem + var(--safe-l));grid-template-rows:auto minmax(0,1fr);gap:.35rem;margin:0;display:grid;position:fixed;inset:0;overflow:hidden}:root[data-compact=true][data-orient=landscape] .room .topbar{flex-wrap:nowrap;align-items:center;gap:.5rem;min-height:0;padding:0 3.6rem 0 0}:root[data-compact=true][data-orient=landscape] .room-heading{flex-direction:row;flex:auto;align-items:center;gap:.5rem;min-width:0}:root[data-compact=true][data-orient=landscape] .room-name{flex:0 auto;max-width:12rem;font-size:1.1rem}:root[data-compact=true][data-orient=landscape] .room-meta{flex-wrap:nowrap;gap:.4rem;min-width:0}:root[data-compact=true][data-orient=landscape] .room-meta .net-status,:root[data-compact=true][data-orient=landscape] .room-summary{display:none}:root[data-compact=true][data-orient=landscape] .page.room{width:100%}:root[data-compact=true][data-orient=landscape] .room-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:.5rem;width:auto;min-width:0;max-width:100%;min-height:0}:root[data-compact=true][data-orient=landscape] .room-grid>:is(.room-players,.room-center,.room-side){overscroll-behavior:contain;min-height:0;overflow-y:auto}:root[data-compact=true][data-orient=landscape] .room-side{flex-direction:column;grid-column:auto;gap:.5rem;display:flex}:root[data-compact=true][data-orient=landscape] .room-side .form-2col{grid-template-columns:minmax(0,1fr);gap:.4rem}:root[data-compact=true][data-orient=landscape] .room-players{flex-direction:column;display:flex}:root[data-compact=true][data-orient=landscape] .room-players .room-cta{margin-top:auto}:root[data-compact=true][data-orient=landscape] .room-center{flex-direction:column;display:flex}:root[data-compact=true][data-orient=landscape] .room-center .map-preview{flex-direction:column;flex:auto;min-height:0;display:flex}:root[data-compact=true][data-orient=landscape] .room-center .map-art{flex:auto;height:auto;min-height:7rem}:root[data-compact=true][data-orient=landscape] .room-center .map-desc{margin:.3rem 0 0;font-size:.875rem}:root[data-compact=true][data-orient=landscape] .room-chat .chat-log{max-height:7rem}:root[data-uiv2=on] .code-chip strong{color:#b04a00;text-shadow:none;letter-spacing:.08em}:root[data-uiv2=on] .code-chip-copy{color:#2a7fc4}:root[data-uiv2=on] :is(.room-name,.profile-h){color:#fff;text-shadow:var(--t-outline);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}:root[data-compact=true][data-orient=landscape] .auth{min-height:0;padding:calc(.4rem + var(--safe-t)) calc(3.8rem + var(--safe-r)) calc(.4rem + var(--safe-b)) calc(1rem + var(--safe-l));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(18rem,25rem);place-items:center;gap:.3rem 1rem;display:grid;position:fixed;inset:0;overflow:hidden}:root[data-compact=true][data-orient=landscape] .auth-hero{grid-area:1/1}:root[data-compact=true][data-orient=landscape] .auth-logo{object-fit:contain;width:min(100%,22rem);height:auto;max-height:52vh}:root[data-compact=true][data-orient=landscape] .auth-panel{overscroll-behavior:contain;grid-area:1/2/-1;width:100%;max-height:100%;overflow-y:auto}:root[data-compact=true][data-orient=landscape] .auth-panel .form{gap:.45rem}:root[data-compact=true][data-orient=landscape] .auth-panel .auth-apk{--btn-h:2.5rem;width:auto;margin:0;padding:0;position:absolute;top:1rem;right:.25rem}:root[data-compact=true][data-orient=landscape] .auth-panel .auth-apk small{font-size:.62rem}:root[data-compact=true][data-orient=landscape] .auth-apk-long{display:none}:root[data-compact=true][data-orient=landscape] .auth-apk-short{display:inline}:root[data-compact=true][data-orient=landscape] .auth-features{grid-area:2/1;gap:.35rem}:root[data-compact=true][data-orient=landscape] .auth-features li{padding:.2rem .6rem}:root[data-uiv2=on] .auth-tagline{color:#fff;text-shadow:var(--t-outline)}:root[data-uiv2=on] .auth-features li{color:var(--v2-ink);background:#fff8e7e6;border-color:#5b3a1c4d}:root[data-uiart=on] .loading-tip{color:#4a2f17;background:#fff8e7e0;border-radius:1rem;padding:.4rem .9rem;box-shadow:0 0 0 2px #e39b12b3}:root[data-uiart=on] .loading-tip-label{color:#b06d00}:root[data-uiart=on] .loading-status{color:#fff;text-shadow:0 1px 2px #000}.profile-body{gap:var(--sp-4);grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);align-items:start;display:grid}.profile-body .profile-hero{text-align:center;flex-direction:column;align-items:center}.profile-body .profile-hero .realm-badge{align-self:center}.profile-body .ph-meta{flex-wrap:wrap;justify-content:center}.profile-main{flex-direction:column;min-width:0;min-height:0;display:flex}.profile-main>.tabs{margin-bottom:var(--sp-2)}.profile-main .panel{width:100%}.profile-logout{margin-left:auto}@media (max-width:700px){.profile-body{grid-template-columns:minmax(0,1fr)}}:root[data-compact=true][data-orient=landscape] .page.profile{max-width:none;min-height:0;padding:calc(.3rem + var(--safe-t)) calc(.6rem + var(--safe-r)) calc(.35rem + var(--safe-b)) calc(.6rem + var(--safe-l));grid-template-rows:auto minmax(0,1fr);gap:.35rem;margin:0;display:grid;position:fixed;inset:0;overflow:hidden}:root[data-compact=true][data-orient=landscape] .page.profile .topbar{flex-wrap:nowrap;gap:.5rem;min-height:0;padding:0 3.6rem 0 0}:root[data-compact=true][data-orient=landscape] .profile-body{grid-template-columns:minmax(13rem,16rem) minmax(0,1fr);align-items:stretch;gap:.5rem;height:100%;min-height:0}:root[data-compact=true][data-orient=landscape] .profile-body .profile-hero{gap:.35rem;min-height:0;padding:.5rem;overflow-y:auto}:root[data-compact=true][data-orient=landscape] .profile-body .profile-hero .avatar-xl{--size:4.6rem}:root[data-compact=true][data-orient=landscape] .profile-main [role=tabpanel]{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}:root[data-compact=true][data-orient=landscape] .profile-main>.tabs{flex:none;margin-bottom:.3rem}:root[data-compact=true][data-orient=landscape] .page.live{max-width:none;min-height:0;padding:calc(.3rem + var(--safe-t)) calc(.6rem + var(--safe-r)) calc(.35rem + var(--safe-b)) calc(.6rem + var(--safe-l));grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);gap:.35rem .6rem;margin:0;display:grid;position:fixed;inset:0;overflow:hidden}:root[data-compact=true][data-orient=landscape] .page.live>.topbar{flex-wrap:nowrap;grid-column:1/-1;gap:.5rem;min-height:0;padding:0 3.6rem 0 0}:root[data-compact=true][data-orient=landscape] .page.live>.tabs{background:0 0;border-radius:0;flex-direction:column;grid-area:2/1;align-self:start;align-items:stretch;gap:.3rem;width:auto;max-height:100%;margin:0;padding:.15rem;overflow-y:auto}:root[data-compact=true][data-orient=landscape] .page.live>.tabs .tab{justify-content:center}:root[data-compact=true][data-orient=landscape] .page.live>:not(.topbar,.tabs){overscroll-behavior:contain;grid-area:2/2;min-height:0;overflow-y:auto}:root[data-compact=true][data-orient=landscape] .page.live .live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}:root[data-compact=true][data-orient=landscape] .page.live .panel{width:100%}:root[data-uiv2=on][data-compact=true][data-orient=landscape] .page.live>:not(.topbar,.tabs){--fw:.95rem;border-style:solid;border-color:#0000;border-width:var(--fw) calc(var(--fw) * var(--ui-panel-ar));border-image:var(--ui-panel) var(--ui-panel-s) stretch;background:var(--ui-panel_bg) center / cover no-repeat;background-clip:padding-box;padding:.3rem .4rem}:root[data-uiv2=on][data-compact=true][data-orient=landscape] .page.live>:not(.topbar,.tabs) .panel:not(.panel-plain){filter:none;background:#ffffff73;border:1px solid #5b3a1c33;border-image:;border-radius:.5rem;padding:.45rem .6rem .6rem}:root[data-compact=true][data-orient=landscape] .modal{width:min(100%,46rem)}.result-overlay{justify-content:center;align-items:center}.result{min-height:0;max-height:100%}.result>.panel{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.result .result-actions{z-index:1;margin-top:var(--sp-3);background:linear-gradient(180deg, transparent, var(--result-actions-bg,#091211eb) 35%);padding:.45rem 0 .15rem;position:sticky;bottom:0}:root[data-uiv2=on] .result .result-actions{--result-actions-bg:#fcf6e8f7}@media (max-height:700px){.result{gap:.2rem}.result-title{font-size:clamp(1.5rem,1rem + 2.4vh,2.4rem)}:root[data-uiart=on] .result-title{min-width:min(80vw,22rem);padding-block:.4em .35em}.result-sub{font-size:var(--fs-sm);margin-bottom:.2rem}.result-stats{gap:var(--sp-2);margin-bottom:var(--sp-2)}.result-stat{padding:.25rem}.result-stat strong{font-size:var(--fs-lg)}}:root[data-uiv2=on] .result-overlay{background:radial-gradient(at 50% 30%,#1e325fb8,#0c142de6)}:root[data-uiv2=on] .result-sub,:root[data-uiv2=on] .result-stat :is(strong,small,.field-label){color:#fff;text-shadow:var(--t-outline)}body:has(.whud) .top-controls .lang-toggle{display:none}:root:not([data-compact=true]) .whud .wh-ctl{right:calc(var(--safe-r,0px) + var(--sp-3) + max(var(--hit,44px), 2.6rem) + .5rem)}