:root{--font-title:"Jua", "Gowun Dodum", system-ui, sans-serif;--font-body:"Gowun Dodum", "Jua", system-ui, sans-serif;--ink:#2b2230;--paper:#fff8ec;--gold:#ffc94d;--panel:#1e1828b8;--panel-edge:#ffe6be59}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);color:#fff;-webkit-user-select:none;user-select:none;background:#1a1520;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}.hud{pointer-events:none;font-family:var(--font-title);color:#fff;text-shadow:0 1px 2px #000000b3;position:fixed;inset:0}.hud .bar-base,.boss-bar,.pf-hp,.php,.pres,.boss-cast,.boss-stagger,.pcast,.hero-gauge{background:#140e1ab8;border:2px solid #ffecc873;border-radius:999px;position:relative;overflow:hidden}.fill{border-radius:inherit;width:0;transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.txt,.label{letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.hud-boss{text-align:center;width:min(620px,56vw);position:absolute;top:14px;left:50%;transform:translate(-50%)}.boss-phase{color:#ffd98a;opacity:.9;min-height:15px;font-size:12px}.boss-name{color:#fff3dc;text-shadow:0 2px #7a2f1a,0 0 12px #ff783c8c;margin-bottom:4px;font-size:22px}.boss-bar{height:22px}.boss-bar .fill{background:linear-gradient(#ff6a4a,#c8261e 60%,#9a1a14);transition:width .12s ease-out;box-shadow:inset 0 2px #ffffff59}.boss-bar .lag{border-radius:inherit;background:#ffe7a8;position:absolute;inset:0 auto 0 0}.boss-bar .marker{background:#ffffffbf;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #0009}.boss-bar .txt{font-size:13px}.boss-cast{opacity:0;width:70%;height:18px;margin:6px auto 0;transition:opacity .15s,transform .15s;transform:translateY(-4px)}.boss-cast.show{opacity:1;transform:none}.boss-cast .fill{background:linear-gradient(#ffcf5a,#e88a1a)}.boss-cast.kickable{border-color:#7fd4ff;animation:.6s infinite alternate kickPulse;box-shadow:0 0 12px #7fd4ffcc}.boss-cast.kickable .fill{background:linear-gradient(#9fe0ff,#3a8ae8)}.boss-cast .kick{color:#9fe0ff;font-size:13px;display:none;position:absolute;top:-2px;right:-92px}.boss-cast.kickable .kick{display:block}@keyframes kickPulse{0%{box-shadow:0 0 6px #7fd4ff80}to{box-shadow:0 0 18px #7fd4ff}}.boss-stagger{border-color:#ffd76a;width:60%;height:16px;margin:6px auto 0;display:none}.boss-stagger.show{animation:.8s infinite alternate kickPulse;display:block}.boss-stagger .fill{background:linear-gradient(#fff2a0,#f2a91e)}.boss-twin{margin-top:5px}.boss-bar.twin-bar{width:82%;height:16px;margin:0 auto}.boss-bar.twin-bar .fill{background:linear-gradient(#e0e86a,#9ab02a 60%,#6a8418)}.boss-bar.twin-bar .txt{font-size:12px}.boss-bar.immune,.boss-twin.immune .twin-bar{border-color:#9fe0ff;box-shadow:0 0 10px #7fd4ffd9}.boss-cast.twin-cast{width:55%;height:14px;margin-top:4px}.enrage{color:#ffd9c8;margin-top:4px;font-size:13px}.enrage.danger{color:#ff6a5a;animation:.5s infinite alternate blink}@keyframes blink{to{opacity:.45}}.hud-party{pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-58%)}.pf{border:2px solid #ffecc838;border-left:5px solid var(--cls);cursor:pointer;background:linear-gradient(90deg,#22182cdb,#22182c99);border-radius:12px;align-items:center;gap:6px;width:232px;padding:6px 8px 6px 6px;transition:transform .12s,border-color .12s;display:flex;position:relative}.pf.me{border-color:#ffd76acc;border-left-color:var(--cls)}.pf.sel{border-color:#7dff9a;transform:translate(6px)}.hud.classic .pf{cursor:pointer}.pf.hover{border-color:#7dff9aa6;box-shadow:0 0 10px #7dff9a59}.pf.healed .pf-hp{animation:.5s ease-out pfHeal}@keyframes pfHeal{0%{filter:brightness(2);box-shadow:0 0 #7dff9af2}to{filter:brightness();box-shadow:0 0 16px 5px #7dff9a00}}.pf.low .pf-hp{animation:.5s infinite alternate lowPulse}.pf.aggro:after{content:"⚠";color:#ff6a4a;font-size:16px;position:absolute;top:8px;right:-20px}@keyframes lowPulse{to{border-color:#ff4a3a;box-shadow:0 0 10px #ff4a3acc}}.pf.dead{filter:grayscale(.9)brightness(.7)}.pf-key{color:#ffffff8c;width:16px;font-size:10px}.pf-role{text-align:center;width:20px;font-size:16px}.pf-main{flex:1;min-width:0}.pf-top{justify-content:space-between;font-size:13px;display:flex}.pf-name{color:var(--cls);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-spec{opacity:.7;font-size:11px}.pf-hp{height:14px;margin-top:3px}.pf-hp .fill,.php .fill{background:linear-gradient(#7ef08a,#2fb04a 60%,#1e8a36);box-shadow:inset 0 2px #ffffff59}.pf.low .pf-hp .fill,.php.low .fill{background:linear-gradient(#ff9a6a,#e0452a)}.pf-hp .shield,.php .shield{background:repeating-linear-gradient(45deg,#a0dcffbf 0 5px,#dcf5ffd9 5px 10px);width:0;position:absolute;inset:0 0 0 auto}.pf-hp .txt{font-size:10px}.pf-res{background:#00000073;border-radius:999px;height:4px;margin-top:2px;position:relative;overflow:hidden}.pf-buffs{letter-spacing:1px;min-height:13px;margin-top:2px;font-size:11px}.pf-down{color:#ffb0a0;font-size:12px;position:absolute;bottom:5px;right:8px}.hud-player{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.pcast{opacity:0;width:300px;height:18px;transition:opacity .1s}.pcast.show{opacity:1}.pcast .fill{background:linear-gradient(#fff0a0,#e8b02a)}.pbuffs{letter-spacing:2px;min-height:20px;font-size:16px}.pbars{gap:8px;display:flex}.php{width:300px;height:20px}.pres{width:180px;height:20px}.prow{color:#ffe9c8;gap:16px;min-height:16px;font-size:13px;display:flex}.pcombo{color:#ffe45a;letter-spacing:2px}.actionbar{pointer-events:auto;background:#1e1628b8;border:2px solid #ffecc84d;border-radius:16px;gap:7px;padding:7px 10px;display:flex}.slot{background:#221a2a;border:2px solid #ffecc88c;border-radius:12px;width:54px;height:54px;position:relative;overflow:visible}.slot .icon{text-shadow:0 2px 2px #00000080;border-radius:10px;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;inset:0}.slot .cd{--deg:0deg;background:conic-gradient(#0a0610c7 var(--deg), transparent var(--deg));border-radius:10px;display:none;position:absolute;inset:0}.slot .cd.on{display:block}.slot .cdtxt{color:#fff;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;inset:0}.slot .key{color:#ffe9c8;font-size:10px;position:absolute;top:1px;left:3px}.slot .charges{color:#fff;font-size:13px;position:absolute;bottom:1px;right:4px}.slot.nores .icon{filter:grayscale(.6)brightness(.55)}.slot.alert{border-color:#7fd4ff;animation:.4s infinite alternate kickPulse}.slot.auto{opacity:.9;transform:scale(.86)}.slot.empty .icon{filter:grayscale()brightness(.5);font-size:20px}.slot.ult{border-color:#ffd76a}.slot.ult:not(.charging) .ultfill{display:none}.slot.ult .ultfill{pointer-events:none;background:linear-gradient(#ffe89633,#ffc44699);border-radius:0 0 10px 10px;height:0;position:absolute;bottom:0;left:0;right:0}.slot.ult.charging{border-color:#6d5f48}.slot.ult.charging .icon{filter:grayscale()brightness(.4)}.slot.ult.charging .cdtxt{color:#ffe7a8;text-shadow:0 1px 2px #000;font-size:13px}.slot.ult.ready{animation:.7s infinite alternate ultGlow;box-shadow:0 0 16px #ffd76af2}@keyframes ultGlow{to{transform:translateY(-2px);box-shadow:0 0 26px #fff0a0}}.slot-tip{width:240px;font-family:var(--font-body);text-shadow:none;background:#181220f2;border:2px solid #ffd79699;border-radius:12px;padding:10px 12px;display:none;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.slot:hover .slot-tip{display:block}.slot-tip:empty{display:none!important}.slot:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:-2px}html:not(.touch) .slot.pushed:after{animation:.22s ease-out slotPush}html:not(.touch) .slot.pushed .icon{animation:.16s ease-out slotPushIcon}@keyframes slotPush{0%{opacity:1;background:#fffae48c;box-shadow:0 0 0 3px #fffaf0,0 0 18px #ffecb4}to{opacity:0}}@keyframes slotPushIcon{0%{transform:scale(.86)}}.slot.stance{border:2px dashed #9fe08f;margin-left:8px}.slot.stance .icon{background:radial-gradient(circle at 50% 40%,#4d7d45,#1f3520)}.slot.stance.on{border-style:solid;box-shadow:0 0 12px #9fe08fbf}.pform{color:#b8f0a8}.tt-name{font-family:var(--font-title);color:#ffd98a;font-size:15px}.tt-meta{opacity:.7;margin:3px 0 5px;font-size:11px}.tt-desc{font-size:12px;line-height:1.45}.hero-gauge{border-color:#ffd76a99;width:360px;height:12px}.hero-gauge .fill{background:linear-gradient(90deg,#ffb03a,#ffe27a,#fff6c8)}.hero-gauge .label{font-size:10px}.hero-gauge.full{box-shadow:0 0 14px #ffd76ae6}.hud-chat{width:min(420px,32vw);font-family:var(--font-body);background:linear-gradient(#0000,#140e1a8c);border-radius:12px;flex-direction:column;justify-content:flex-end;padding:8px 10px;font-size:13px;line-height:1.5;display:flex;position:absolute;bottom:16px;left:14px}.chat-line{animation:.25s ease-out chatIn}.chat-line .who{font-family:var(--font-title)}.c-boss{color:#ffb07a}.c-boss .who{color:#ff8a4a}.c-system{color:#ffe27a}@keyframes chatIn{0%{opacity:0;transform:translateY(6px)}}.hud-meter{pointer-events:auto;background:#181220a8;border:2px solid #ffecc838;border-radius:12px;width:240px;padding:6px;position:absolute;top:40%;right:14px}.meter-head{gap:4px;margin-bottom:4px;display:flex}.meter-head .tab{text-align:center;opacity:.55;cursor:pointer;border-radius:8px;flex:1;padding:2px 0;font-size:12px}.meter-head .tab.on{opacity:1;background:#ffd79633}.meter-rows{flex-direction:column;gap:3px;display:flex}.meter-rows .m-row{background:#00000059;border-radius:6px;height:20px;font-size:12px;position:relative;overflow:hidden}.meter-rows .m-row.me{outline:2px solid #ffd76ad9}.meter-rows .bar{opacity:.55;transition:width .3s;position:absolute;inset:0 auto 0 0}.meter-rows .name{position:absolute;top:2px;left:6px}.meter-rows .val{position:absolute;top:2px;right:6px}.hud-announce{opacity:0;white-space:nowrap;text-shadow:0 3px #00000073,0 0 18px #0006;font-size:34px;transition:opacity .2s;position:absolute;top:24%;left:50%;transform:translate(-50%)scale(.8)}.hud-announce.show{opacity:1}.hud-announce.pop{animation:.35s cubic-bezier(.2,1.8,.4,1) forwards pop}@keyframes pop{0%{transform:translate(-50%)scale(1.6)}to{transform:translate(-50%)scale(1)}}.k-warn{color:#ffd24a}.k-bad{color:#ff5a4a}.k-good{color:#7dff9a}.k-info{color:#fff3dc}.k-hero{color:#9fe8ff;text-shadow:0 3px #1a4a8a,0 0 22px #78d2fff2}.hud-error{text-align:center;pointer-events:none;opacity:0;z-index:6;transition:opacity .25s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-error.show{opacity:1}.hud-error .err-main{color:#ff5b4a;-webkit-text-stroke:1px #3a0a06;text-shadow:0 3px #4a0d08,0 0 18px #ff463299;white-space:nowrap;font-family:Jua,sans-serif;font-size:32px}.hud-error .err-sub{color:#ffe1d8;text-shadow:0 1px 3px #000;margin-top:2px;font-size:16px}.hud-error.pop .err-main{animation:.3s ease-out errShake}@keyframes errShake{0%{transform:translate(0)scale(1.2)}25%{transform:translate(-7px)scale(1.08)}50%{transform:translate(6px)}75%{transform:translate(-3px)}to{transform:translate(0)scale(1)}}.hud-countdown{color:#fff3dc;text-shadow:0 6px #7a2f1a,0 0 30px #ff963cb3;opacity:0;font-size:110px;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.hud-countdown.show{opacity:1}.hud-cross{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hud-cross .dot{border:2px solid #ffffffd9;border-radius:50%;width:8px;height:8px;margin:0 auto;box-shadow:0 0 4px #000c}.hud.classic .hud-cross .dot{display:none}.hud-mode{color:#fff3dc;pointer-events:none;background:#140e1eb8;border:1px solid #ffecc840;border-radius:10px;max-width:200px;padding:5px 11px;font-size:13px;position:absolute;bottom:10px;right:14px}.hud-cross .name{color:#7dff9a;white-space:nowrap;text-align:center;margin-top:6px;font-size:13px}.hud-missions{background:#18122099;border:2px solid #ffecc833;border-radius:12px;min-width:170px;padding:8px 12px;font-size:13px;position:absolute;top:14px;left:14px}.m-head{color:#ffd98a;margin-bottom:4px}.m-row{opacity:.75}.m-row.ok{opacity:1;color:#ffe27a}.m-star{margin-right:5px}.hud-revive{background:#140e1abf;border:2px solid #ffe27a;border-radius:999px;width:220px;height:16px;display:none;position:absolute;top:58%;left:50%;overflow:hidden;transform:translate(-50%)}.hud-revive.show{display:block}.hud-revive .fill{background:linear-gradient(90deg,#fff0a0,#ffd24a)}.hud-help{opacity:.55;font-size:11px;font-family:var(--font-body);position:absolute;bottom:10px;right:14px}.hud-float{position:absolute;inset:0;overflow:hidden}.fct{white-space:nowrap;font-family:var(--font-title);-webkit-text-stroke:1px #28140a99;will-change:transform, opacity;display:none;position:absolute;top:0;left:0}.fct.on{display:block}.fct-dmg{color:#fff;font-size:28px}.fct-crit{color:#ffd84a;text-shadow:0 0 10px #ffaa28e6,0 2px #8a4a0a;font-size:38px}.fct-dot{color:#ffcf9a;font-size:19px}.fct-taken{color:#ff5a4a;font-size:20px}.fct-heal{color:#7dff9a;text-shadow:0 2px #0b3a18,0 0 10px #50ff8cbf;font-size:24px}.fct-healcrit{color:#d4ffe0;text-shadow:0 2px #0b3a18,0 0 14px #50ff8c;font-size:34px}.fct-other{color:#ffffff73;font-size:12px}.fct-dmg,.fct-crit,.fct-dot,.fct-taken,.fct-heal,.fct-healcrit,.fct-miss{z-index:1}.fct-miss{color:#9fe0ff;font-size:18px}.plate{will-change:transform;flex-direction:column;align-items:center;width:0;display:flex;position:absolute;top:0;left:0}.plate .pname{white-space:nowrap;margin-top:-10px;font-size:13px;transform:translateY(-100%)}.plate .pbar{background:#0000008c;border-radius:999px;width:64px;height:6px;position:relative;overflow:hidden;transform:translateY(-100%)}.plate .pbar .fill{background:#5fe07a}.plate.enemy .pbar .fill{background:#ff5a4a}.plate.enemy .pname{color:#ffb0a0;font-size:12px}.plate.down .pname{opacity:.6}.plate .mark{font-size:26px;animation:.5s infinite alternate bob;position:absolute;bottom:22px}@keyframes bob{to{transform:translateY(-5px)}}.plate .bubble{color:#3a2a30;width:max-content;max-width:220px;font-family:var(--font-body);text-shadow:none;opacity:0;background:#fffaf0;border-radius:12px;padding:5px 10px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;bottom:30px;transform:translateY(6px)scale(.9);box-shadow:0 3px 8px #00000059}.plate .bubble:after{content:"";border:6px solid #0000;border-top-color:#fffaf0;border-bottom:0;margin-left:-6px;position:absolute;bottom:-6px;left:50%}.plate .bubble.show{opacity:1;transform:none}.pause-menu{pointer-events:auto;font-family:var(--font-title);background:#0a06128c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.pause-menu.show{display:flex}.pm-box{background:#1e162af2;border:3px solid #ffe4b480;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:28px 40px;display:flex}.pm-title{color:#fff3dc;font-size:34px}.pm-hint{opacity:.7;color:#fff;font-size:12px}.hud-tipbox{opacity:0;background:linear-gradient(135deg,#281e3cf0,#1e162af0);border:2px solid #ffd76a;border-radius:14px;align-items:flex-start;gap:10px;width:290px;padding:12px 14px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:22%;right:16px;transform:translate(30px);box-shadow:0 8px 24px #00000059}.hud-tipbox.show{opacity:1;pointer-events:auto;cursor:pointer;transform:none}.tip-icon{font-size:26px}.tip-text{font-family:var(--font-body);text-shadow:none;margin-right:10px;font-size:13px;line-height:1.5}.tip-close{opacity:.6;font-size:13px;position:absolute;top:5px;right:9px}.slot.far .icon{filter:sepia(.8)hue-rotate(-40deg)saturate(2.5)brightness(.75)}.hud-targets{pointer-events:auto;flex-direction:column;gap:6px;width:min(250px,21vw);display:flex;position:absolute;top:14px;right:14px}.tframe{background:linear-gradient(#22182ce6,#22182cb8);border:2px solid #ffecc838;border-radius:12px;padding:6px 8px 7px;display:none}.tframe.show{display:block}.tframe.low{border-color:#ff6a5a}.tf-head{align-items:baseline;gap:6px;font-size:13px;display:flex}.tf-label{color:#ffe9c8;background:#ffecc824;border-radius:6px;flex:none;padding:1px 5px;font-size:10px}.tf-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tf-pct{color:#fff3dc;font-size:12px}.tf-hp{background:#140e1ab8;border:2px solid #ffecc866;border-radius:999px;height:14px;margin-top:4px;position:relative;overflow:hidden}.tf-hp .fill{background:linear-gradient(#7ef08a,#2fb04a 60%,#1e8a36)}.tframe.enemy .tf-hp .fill{background:linear-gradient(#ff9a7a,#d8453a 60%,#a8281f)}.tf-hp .shield{background:repeating-linear-gradient(45deg,#a0dcffbf 0 5px,#dcf5ffd9 5px 10px);width:0;position:absolute;inset:0 0 0 auto}.tf-hp .txt{text-shadow:0 1px 2px #000;font-size:10px}.tf-cast{background:#140e1ab8;border:1px solid #ffecc859;border-radius:6px;height:12px;margin-top:4px;display:none;position:relative;overflow:hidden}.tf-cast.show{display:block}.tf-cast .fill{background:linear-gradient(90deg,#e8b64a,#ffe08a)}.tf-cast.kick{border-color:#7fd4ff;box-shadow:0 0 7px #7fd4ffcc}.tf-cast.kick .fill{background:linear-gradient(90deg,#4aa0ff,#9fd8ff)}.tf-cast .label{text-shadow:0 1px 2px #000;font-size:10px}.tf-auras{flex-wrap:wrap;gap:3px;margin-top:4px;font-size:14px;display:flex}.tf-auras .aura{background:#0000004d;border-radius:5px;padding:0 3px;position:relative}.tf-auras .aura.debuff{background:#78181480}.tf-auras .aura.mine{box-shadow:inset 0 0 0 1px #7dff9a}.tf-auras .aura b{color:#fff;text-shadow:0 1px 1px #000;font-size:9px;position:absolute;bottom:-3px;right:0}.tf-auras .aura i{color:#ffe9c8;margin-left:1px;font-size:9px;font-style:normal}.tf-tot{cursor:pointer;border-top:1px solid #ffecc826;align-items:center;gap:6px;margin-top:5px;padding-top:4px;font-size:11px;display:none}.tf-tot.show{display:flex}.tf-tot-label{opacity:.7;white-space:nowrap}.tf-tot-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tf-tot.danger .tf-tot-name{color:#ff8a7a}.tf-tot-hp{background:#00000073;border-radius:3px;width:56px;height:6px;position:relative;overflow:hidden}.tf-tot-hp .fill{background:#7dff9a}@keyframes popIn{0%{opacity:0;transform:scale(1.4)}}.screen{pointer-events:none;font-family:var(--font-title);color:#fff;position:fixed;inset:0}.screen button,.screen .tab,.screen [data-boss],.screen [data-diff],.screen [data-class],.screen [data-spec],.screen [data-variant],.screen [data-node],.screen [data-equip],.screen details,.screen .lobby-panel,.screen .lobby-top,.screen .queue-box,.screen .res-body,.screen .res-foot{pointer-events:auto}.big-btn{font-family:var(--font-title);color:#3a2410;cursor:pointer;background:linear-gradient(#ffe38a,#ffb52e);border:3px solid #fff3c8;border-radius:18px;padding:14px 34px;font-size:22px;transition:transform .1s,box-shadow .1s,filter .1s;box-shadow:0 6px #b8741a,0 10px 24px #00000059}.big-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.big-btn:active{transform:translateY(3px);box-shadow:0 2px #b8741a,0 4px 10px #0000004d}.big-btn:disabled{filter:grayscale(.8)brightness(.8);cursor:not-allowed;transform:none}.big-btn.alt{background:linear-gradient(#e8f2ff,#a8c8f0);box-shadow:0 6px #5a7aa8,0 10px 24px #00000059}.small-btn{font-family:var(--font-title);color:#3a2410;cursor:pointer;background:#ffe9b8;border:2px solid #fff6dc;border-radius:10px;padding:5px 12px;font-size:13px}.small-btn.on{background:#ffd24a}.sec-title{color:#ffd98a;margin:14px 0 6px;font-size:15px}.empty{text-align:center;opacity:.75;font-family:var(--font-body);padding:30px 10px;line-height:1.6}.title-screen{background:radial-gradient(at 50% 20%,#fff0c840,#0000 60%);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:7vh;display:flex}.logo{text-align:center;animation:.9s cubic-bezier(.2,1.5,.4,1) logoIn}.logo-paw{font-size:54px;animation:1.2s infinite alternate bob}.logo-main{color:#fff7e0;text-shadow:0 5px #d9731a,0 9px #8a3a14,0 16px 30px #00000073;letter-spacing:.02em;font-size:clamp(44px,7vw,86px)}.logo-sub{color:#fff;text-shadow:0 2px 4px #0009;margin-top:8px;font-size:20px}@keyframes logoIn{0%{opacity:0;transform:scale(.6)translateY(-30px)}}.title-screen .start{pointer-events:auto;margin-top:auto;margin-bottom:18px;font-size:26px}.title-hint{font-family:var(--font-body);text-shadow:0 2px 4px #000c;font-size:15px}.title-foot{opacity:.85;text-shadow:0 2px 4px #000c;margin:8px 0 22px;font-size:13px}.lobby-top{background:linear-gradient(#1e1428cc,#1e142800);align-items:center;gap:22px;padding:10px 18px;display:flex;position:absolute;top:0;left:0;right:0}.lobby-top .brand{color:#fff3dc;text-shadow:0 2px #b8541a;font-size:22px}.lobby-top .who{flex-direction:column;margin-right:auto;display:flex}.lobby-top .nm{cursor:pointer;font-size:20px}.lobby-top .cls{font-size:13px}.lobby-top .stat{flex-direction:column;align-items:center;min-width:70px;display:flex}.lobby-top .stat b{color:#ffe27a;font-size:20px}.lobby-top .stat small{opacity:.8;font-size:11px}.lobby-panel{background:#1e162adb;border:3px solid #ffe4b473;border-radius:20px;flex-direction:column;width:min(500px,46vw);display:flex;position:absolute;top:74px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 16px 40px #00000059}.tabs{background:#00000040;display:flex}.tabs .tab{text-align:center;cursor:pointer;opacity:.6;border-bottom:3px solid #0000;flex:1;padding:12px 0 10px;font-size:15px}.tabs .tab.on{opacity:1;background:#ffdc9614;border-bottom-color:#ffc94d}.panel-body{flex:1;padding:12px 16px 18px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb{background:#ffdca059;border-radius:8px}.boss-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.boss-card{cursor:pointer;background:#ffffff12;border:2px solid #ffffff1f;border-radius:12px;min-height:64px;padding:10px 8px;position:relative}.boss-card.on{background:#ffc94d29;border-color:#ffc94d}.boss-card.locked{opacity:.4;cursor:default}.bc-no{opacity:.25;font-size:22px;position:absolute;top:4px;right:8px}.bc-name{font-size:14px}.bc-stars{color:#ffe27a;margin-top:4px;font-size:12px}.boss-detail{margin-top:12px}.bd-title{color:#fff3dc;font-size:26px}.bd-sub{color:#ffb07a;font-size:14px}.bd-desc{font-family:var(--font-body);opacity:.9;margin:8px 0;font-size:14px;line-height:1.55}.diffs{gap:6px;margin:10px 0;display:flex}.diff{text-align:center;cursor:pointer;background:#ffffff14;border-radius:10px;flex:1;padding:8px 0}.diff.on{color:#3a2410;background:linear-gradient(#ffd66a,#f2a02a)}.diff.locked{opacity:.5}.ilvl-row{justify-content:space-between;font-size:14px;display:flex}.ilvl-row .ok b{color:#7dff9a}.ilvl-row .warn b{color:#ffd24a}.ilvl-row .bad b{color:#ff6a5a}.clear-row{opacity:.75;margin-top:4px;font-size:12px}.mission{background:#ffffff0d;border-radius:8px;margin-bottom:4px;padding:6px 8px;font-size:14px}.mission span{color:#aaa}.mission.done span{color:#ffe27a}.mission small{font-family:var(--font-body);opacity:.75;margin-left:4px;font-size:12px}.mission.new{background:#ffe27a2e;animation:1s ease-out .4s both newStar}.mission em{float:right;color:#ff8a4a;font-style:normal}@keyframes newStar{0%{opacity:0;transform:scale(1.3)}}.mech{font-family:var(--font-body);margin:10px 0;font-size:13px;line-height:1.6}.mech summary{cursor:pointer;font-family:var(--font-title);color:#ffd98a}.boss-detail .queue{width:100%;margin-top:10px}.class-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.class-card{text-align:center;cursor:pointer;background:#ffffff12;border:2px solid #0000;border-radius:14px;padding:10px 6px}.class-card.on{border-color:var(--c);background:#ffffff24}.class-card.cur .cc-name:after{content:" ✔";color:#7dff9a}.cc-emoji{font-size:30px}.cc-name{color:var(--c);font-size:15px}.cc-animal{opacity:.7;font-size:11px}.cd-title{margin-top:14px;font-size:22px}.cd-desc{font-family:var(--font-body);opacity:.85;font-size:13px}.spec-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.spec-card{cursor:pointer;background:#ffffff12;border:2px solid #ffffff1a;border-radius:12px;min-height:118px;padding:10px;position:relative}.spec-card.cur{border-color:#7dff9a}.spec-card.soon{opacity:.45;cursor:default}.sc-role{font-size:12px}.sc-name{margin:3px 0;font-size:18px}.sc-desc{font-family:var(--font-body);opacity:.8;font-size:12px}.sc-tag{opacity:.8;font-size:11px;position:absolute;bottom:6px;right:8px}.sc-tag.go{color:#ffe27a}.variants{align-items:center;gap:8px;display:flex}.variant{cursor:pointer;border:3px solid #fff6;border-radius:50%;width:34px;height:34px}.variant.on{border-color:#ffe27a;box-shadow:0 0 10px #ffe27acc}.variant-name{margin-left:6px;font-size:14px}.talent-head{justify-content:space-between;align-items:center;font-size:15px;display:flex}.talent-head b{color:#ffe27a}.talent-help{font-family:var(--font-body);opacity:.75;margin:6px 0 10px;font-size:12px}.talent-head .tpts small{opacity:.75;font-size:11px}.ttree{grid-template-columns:22px repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--rows), 62px);display:grid;position:relative}.tlinks{pointer-events:none;width:calc(100% - 22px);height:100%;position:absolute;top:0;left:22px}.tlinks line{stroke:#ffffff21;stroke-width:2px;vector-effect:non-scaling-stroke}.tlinks line.open{stroke:#ffe27a80}.tlinks line.on{stroke:#ffd24a;stroke-width:3px}.tgate{color:#ffe27a;border-right:2px solid #ffe27a66;grid-column:1;justify-content:center;align-self:start;align-items:center;height:42px;font-size:12px;display:flex}.tgate.locked{color:#8f84a0;border-right-color:#ffffff1a}.tn{z-index:1;box-sizing:border-box;cursor:pointer;background:#2b2138;border:2px solid #ffffff29;border-radius:10px;place-self:start center;align-items:center;gap:4px;width:calc(100% - 8px);height:42px;padding:0 5px 0 3px;display:flex;position:relative}.tn-ic{text-align:center;flex:none;width:26px;font-size:19px;line-height:1}.tn-tx{flex:1;min-width:0}.tn-nm{-webkit-line-clamp:2;color:#fff3dc;word-break:keep-all;-webkit-box-orient:vertical;font-size:11px;line-height:1.15;display:-webkit-box;overflow:hidden}.tn-rk{color:#ffe27a;font-size:10px}.tn.locked{cursor:default;background:#241c2e;border-color:#ffffff14}.tn.locked>*{opacity:.4;filter:grayscale(.7)}.tn.open{border-color:#ffe27a59}.tn.can{border-color:#ffe27abf;box-shadow:0 0 8px #ffd24a4d}.tn.some{background:#26362f;border-color:#7dff9a}.tn.max{background:#3d3322;border-color:#ffd24a}.tn.can:hover,.tn.some:hover,.tn.max:hover{filter:brightness(1.15)}.tn.swap{border-style:dashed}.tn.swap .tn-nm{color:#8fe0ff}.tn.capstone{outline-offset:2px;outline:1px solid #ffd24a59}.tn.choice{gap:0;padding:2px}.tn-opt{border-radius:7px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.tn-opt+.tn-opt{border-left:1px dashed #ffffff38}.tn-opt .tn-ic{width:auto;font-size:16px}.tn-on{white-space:nowrap;text-overflow:ellipsis;color:#fff3dc;max-width:100%;font-size:9.5px;line-height:1.25;overflow:hidden}.tn-opt.on{background:#ffe27a3d}.tn.choice.max .tn-opt:not(.on)>*{opacity:.35}.tn.choice.can .tn-opt:hover,.tn.choice.max .tn-opt:not(.on):hover{background:#ffffff1a}.tn.choice.max .tn-opt:not(.on):hover>*{opacity:.85}.ttip{z-index:25;width:270px;font-family:var(--font-body);pointer-events:none;background:#140e1cf7;border:2px solid #ffd79699;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:none;position:fixed;box-shadow:0 10px 30px #00000073}.tt-h{font-family:var(--font-title);color:#fff3dc;align-items:center;gap:6px;font-size:15px;display:flex}.tt-h b{font-weight:400}.tt-ic{font-size:18px}.tt-rk{color:#ffe27a;margin-left:auto;font-size:13px}.tt-kind{color:#ffb07a;margin-bottom:2px;font-size:11px}.tt-cur,.tt-next,.tt-opt,.tt-swap,.tt-lock{margin-top:5px}.tt-cur small,.tt-next small{color:#7dff9a;background:#7dff9a29;border-radius:6px;margin-right:4px;padding:0 5px;font-size:10.5px;display:inline-block}.tt-next small{color:#ffe27a;background:#ffe27a29}.tt-opt{background:#ffffff0d;border:1px solid #0000;border-radius:8px;padding:5px 7px}.tt-opt.on{background:#ffe27a1a;border-color:#ffe27a99}.tt-opt b,.tt-swap b{font-family:var(--font-title);color:#fff3dc;font-weight:400}.tt-swap b{color:#8fe0ff}.tt-opt em{color:#7dff9a;font-size:11px;font-style:normal}.tt-meta{color:#ffd98a;font-size:11.5px}.tt-lock{color:#ff9a8a;font-size:12px}.tt-hint{opacity:.6;margin-top:6px;font-size:11px}.item{border-left:4px solid var(--rc,#666);cursor:pointer;background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.item.empty{opacity:.5;cursor:default}.it-icon{font-size:24px}.it-name{color:var(--rc);font-size:15px}.it-meta{font-family:var(--font-body);opacity:.8;font-size:12px}.bag-row{align-items:center;gap:8px;display:flex}.bag-row .item{flex:1}.bag-row .up{color:#7dff9a}.bag-row .down{color:#ff8a7a}.friend{background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.fr-emoji{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:30px;display:flex}.fr-main{flex:1}.fr-name small{color:#fff;opacity:.75;font-size:12px}.fr-meta,.fr-bio{font-family:var(--font-body);opacity:.8;font-size:12px}.queue-screen{pointer-events:auto;background:#0a061273;justify-content:center;align-items:center;display:flex}.queue-box{background:#1e162af0;border:3px solid #ffe4b480;border-radius:22px;width:min(880px,92vw);padding:22px 24px;animation:.4s ease-out logoIn;box-shadow:0 20px 50px #00000073}.q-head{text-align:center}.q-title{color:#fff3dc;font-size:30px}.q-title .dots:after{content:"...";text-align:left;vertical-align:bottom;width:1.5em;animation:1.2s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{width:0}to{width:1.5em}}.q-sub{color:#ffb07a;font-size:15px}.q-time{opacity:.7;font-size:13px}.q-slots{grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0;display:grid}.q-slot{text-align:center;background:#ffffff0d;border:2px dashed #fff3;border-radius:16px;min-height:170px;padding:12px 8px}.q-slot.filled{background:#ffffff1a;border:2px solid #ffe4b48c;animation:.35s cubic-bezier(.2,1.8,.4,1) popIn}.q-role{font-size:20px}.q-wait{opacity:.6;margin-top:40px;font-size:13px;animation:.9s infinite alternate blink}.q-emoji{font-size:44px}.q-name{font-size:16px}.q-spec,.q-ilvl{opacity:.8;font-size:12px}.q-tag{color:#ffe27a;background:#ffe27a33;border-radius:999px;margin-top:6px;padding:2px 8px;font-size:11px;display:inline-block}.q-foot{justify-content:center;gap:12px;display:flex}.result-screen{pointer-events:auto;background:linear-gradient(#0a06128c,#0a0612cc);flex-direction:column;align-items:center;padding:18px;display:flex;overflow:hidden auto}.res-banner{font-size:clamp(48px,7vw,80px);animation:.8s cubic-bezier(.2,1.5,.4,1) logoIn}.res-banner.win{color:#fff3b0;text-shadow:0 5px #d98a1a,0 10px 30px #ffb43c99}.res-banner.lose{color:#ffb0a0;text-shadow:0 5px #7a2a2a}.res-sub{opacity:.9;margin-bottom:12px;font-size:16px}.res-body{align-items:flex-start;gap:16px;width:min(1200px,96vw);display:flex}.res-left{background:#1e162ae6;border:2px solid #ffe4b459;border-radius:16px;flex:1.5;padding:10px}.res-right{background:#1e162ae6;border:2px solid #ffe4b459;border-radius:16px;flex:1;padding:4px 14px 14px}.res-table{border-collapse:collapse;width:100%;font-size:13px}.res-table th{text-align:left;opacity:.7;padding:4px;font-weight:400}.res-table td{white-space:nowrap;border-top:1px solid #ffffff12;padding:6px 4px}.res-table tr.me td{background:#ffd76a1f}.res-table .mvp{width:26px;font-size:20px}.res-table .nm small{opacity:.7;font-size:11px;display:block}.res-table .bar{width:24%;position:relative}.res-table .bar .b{opacity:.35;border-radius:6px;position:absolute;top:5px;bottom:5px;left:0}.res-table .bar .b.heal{background:#5fe07a}.res-table .bar span{position:relative}.highlights{font-family:var(--font-body);margin:0;padding-left:18px;font-size:14px;line-height:1.8}.highlights b{color:#ffe27a;font-family:var(--font-title)}.points{text-align:center;color:#7dff9a;margin:10px 0;font-size:18px;animation:.6s cubic-bezier(.2,1.8,.4,1) .8s both popIn}.loot{border:2px solid var(--rc);box-shadow:0 0 18px var(--rc);background:#ffffff12;border-radius:14px;align-items:center;gap:12px;padding:12px;animation:.6s cubic-bezier(.2,1.8,.4,1) 1.2s both popIn;display:flex}.loot>div{flex:1}.res-foot{gap:16px;margin-top:18px;display:flex}.settings-modal{pointer-events:auto;z-index:20;background:#0a061280;justify-content:center;align-items:center;display:flex}.set-box{pointer-events:auto;background:#1e162af5;border:3px solid #ffe4b480;border-radius:20px;flex-direction:column;gap:14px;width:min(480px,94vw);max-height:92vh;padding:22px 26px;display:flex;overflow-y:auto}.set-title{color:#fff3dc;font-size:24px}.set-box label{flex-direction:column;gap:6px;font-size:15px;display:flex}.set-box label b{color:#ffe27a}.set-box input[type=range]{accent-color:#ffc94d}.set-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.set-row.danger .small-btn{background:#ffb0a0}.sk-section{font-family:var(--font-title);color:#ffd98a;margin:14px 0 6px;font-size:15px}.sk-section small{font-family:var(--font-body);color:#ffe9c8;opacity:.75;margin-left:6px;font-size:12px}.skill-list{flex-direction:column;gap:6px;display:flex}.skill-row{background:#fff0d20f;border:1px solid #ffe4b429;border-radius:12px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.skill-row.locked{opacity:.6}.sk-key{text-align:center;min-width:34px;font-family:var(--font-title);color:#3a2410;background:#ffe9b8;border-radius:8px;flex:none;padding:4px 6px;font-size:14px}.sk-icon{background:#00000040;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:flex}.sk-main{flex:auto;min-width:0}.sk-name{color:#fff3dc;font-size:15px}.sk-tag{color:#ffe27a;vertical-align:2px;border:1px solid #ffe27a73;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}.sk-meta{font-family:var(--font-body);color:#ffd98a;margin-top:1px;font-size:12px}.sk-desc{font-family:var(--font-body);opacity:.9;margin-top:3px;font-size:12.5px;line-height:1.45}.sk-swap{font-family:var(--font-body);color:#8fe0ff;margin-top:4px;font-size:12px}.sk-res{opacity:.85;font-size:13px}.set-sub{color:#fff3dc;align-items:center;gap:8px;font-size:16px;display:flex}.set-sub small{font-family:var(--font-body);opacity:.7;flex:1;font-size:11px}.keybinds{grid-template-columns:1fr 1fr;gap:5px 14px;display:grid}.kb-row{font-family:var(--font-body);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.kb-key{min-width:64px;font-family:var(--font-title);color:#3a2410;cursor:pointer;background:#ffe9b8;border:2px solid #fff6dc;border-radius:9px;padding:4px 8px;font-size:13px}.kb-key.wait{background:#ffd24a;animation:.6s infinite alternate kbWait}@keyframes kbWait{to{background:#fff3c8}}.kb-msg{min-height:16px;font-family:var(--font-body);color:#ff8a7a;font-size:12px}.cc-prog{color:#ffe27a;margin-top:2px;font-size:11px}.cd-char{font-family:var(--font-body);opacity:.9;margin-top:6px;font-size:12.5px}.cd-char b{color:#ffe27a}.sec-title small{font-family:var(--font-body);opacity:.75;margin-left:4px;font-size:11.5px}.sk-swap.dim{opacity:.7}.points small{opacity:.8;font-size:13px}.notice-box{width:min(560px,94vw)}.notice-list{font-family:var(--font-body);margin:0;padding-left:20px;font-size:14px;line-height:1.65}.notice-text{font-family:var(--font-body);font-size:14px;line-height:1.65}.notice-list b,.notice-text b{color:#ffe27a}.name-screen{background:#140c1c59;justify-content:center;align-items:center;display:flex}.name-card{pointer-events:auto;text-align:center;background:#24182ef0;border:3px solid #ffd796b3;border-radius:22px;width:min(420px,100vw - 32px);padding:26px 24px 24px;animation:.5s cubic-bezier(.2,1.5,.4,1) logoIn;box-shadow:0 12px 30px #00000073}.name-title{color:#fff7e0;text-shadow:0 3px #8a3a14;font-size:26px}.name-desc{font-family:var(--font-body);opacity:.85;margin:8px 0 16px;font-size:14px}.name-input{box-sizing:border-box;width:100%;font-family:var(--font-title);text-align:center;color:#3a2410;background:#fff6e0;border:3px solid #ffd98a;border-radius:14px;outline:none;padding:12px 14px;font-size:22px}.name-input:focus{border-color:#ffb52e;box-shadow:0 0 0 3px #ffb52e59}.name-err{min-height:20px;font-family:var(--font-body);color:#ff9b8a;margin:8px 0 10px;font-size:13px}html.touch,html.touch body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.touch #game-canvas{touch-action:none}html.touch #ui{touch-action:manipulation;word-break:keep-all;overflow-wrap:break-word}html.touch .hud{touch-action:none}html.touch .hud-help,html.touch .hud-mode,html.touch .hud-cross,html.touch .pf-key,html.touch .pf-spec,html.touch .pf-res,html.touch .actionbar,html.touch .hero-gauge,html.touch .slot-tip,html.touch .slot .key,html.touch .hud-missions,html.touch .pm-hint{display:none}html.touch .hud-boss{top:calc(env(safe-area-inset-top,0px) + 6px);width:min(400px,38vw)}html.touch .boss-phase{min-height:0;font-size:12px}html.touch .boss-name{margin-bottom:2px;font-size:17px}html.touch .boss-bar{height:18px}html.touch .boss-bar .txt,html.touch .boss-cast .label,html.touch .boss-stagger .label{font-size:12px}html.touch .boss-cast{width:88%;height:18px;margin-top:4px}html.touch .boss-cast .kick{white-space:nowrap;margin-left:6px;font-size:12px;left:100%;right:auto}html.touch .enrage{margin-top:2px;font-size:13px}html.touch .hud-party{left:calc(env(safe-area-inset-left,0px) + 8px);top:calc(env(safe-area-inset-top,0px) + 8px);gap:4px;transform:none}html.touch .pf{border-left-width:4px;border-radius:10px;gap:5px;width:168px;padding:3px 7px 4px 5px}html.touch .pf-role{width:18px;font-size:15px}html.touch .pf-top{font-size:13px;line-height:1.2}html.touch .pf-hp{height:12px;margin-top:2px}html.touch .pf-hp .txt{font-size:10.5px}html.touch .pf-buffs{display:none}html.touch .pf-down{font-size:12px;top:3px;bottom:auto;right:6px}html.touch .pf.sel{border-color:#7dff9a;transform:translate(4px)}html.touch .pf.hover:not(.sel){box-shadow:none;border-color:#ffecc838}html.touch .pf.me.hover:not(.sel){border-color:#ffd76acc}html.touch .hud-targets{top:calc(env(safe-area-inset-top,0px) + 6px);right:calc(env(safe-area-inset-right,0px) + 62px);gap:4px;width:min(190px,22vw)}html.touch .tframe{border-radius:10px;padding:4px 7px 5px}html.touch .tf-head{font-size:13px}html.touch .tf-label{font-size:11px}html.touch .tf-pct{font-size:12px}html.touch .tf-hp{height:12px;margin-top:3px}html.touch .tf-hp .txt,html.touch .tf-cast .label{font-size:10.5px}html.touch .tf-auras{margin-top:3px;font-size:13px}html.touch .tf-auras .aura b,html.touch .tf-auras .aura i{font-size:10px}html.touch .tf-tot{margin-top:3px;padding-top:3px;font-size:12px}html.touch .hud-player{left:var(--tc-free-l,25%);right:var(--tc-free-r,25%);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);gap:4px;transform:none}html.touch .pcast{width:min(300px,100%)}html.touch .pbars{gap:6px;width:min(320px,100%)}html.touch .php{flex:1.8;width:auto;height:20px}html.touch .pres{flex:1;width:auto;height:20px}html.touch .php .txt,html.touch .pres .txt,html.touch .pcast .label{font-size:12px}html.touch .pbuffs{min-height:0;font-size:17px}html.touch .prow{gap:12px;font-size:14px}html.touch .pdodge{display:none}html.touch .hud-announce{font-size:28px;top:27%}html.touch .hud-error{top:36%}html.touch .hud-error .err-main{font-size:26px}html.touch .hud-error .err-sub{font-size:15px}html.touch .hud-countdown{font-size:96px}html.touch .hud-tipbox{top:calc(env(safe-area-inset-top,0px) + 80px);left:calc(env(safe-area-inset-left,0px) + 184px);right:calc(env(safe-area-inset-right,0px) + 260px);background:linear-gradient(135deg,#281e3cdb,#1e162adb);border-width:1px;gap:8px;width:auto;max-width:360px;margin:0 auto;padding:7px 10px;transform:translateY(-8px)}html.touch .hud-tipbox.show{transform:none}html.touch .tip-icon{font-size:19px}html.touch .tip-text{font-size:13px;line-height:1.4}html.touch .tip-close{font-size:12px;top:3px;right:7px}html.touch .plate .pname,html.touch .plate .bubble{font-size:13px}html.touch .hud-chat{top:calc(env(safe-area-inset-top,0px) + 236px);bottom:auto;left:calc(env(safe-area-inset-left,0px) + 8px);width:min(320px,30vw);max-height:22vh;font-size:14px;overflow:hidden}html.touch .hud-meter{top:calc(env(safe-area-inset-top,0px) + 170px);right:calc(env(safe-area-inset-right,0px) + 8px);width:210px}html.touch .meter-head .tab,html.touch .meter-rows .m-row{font-size:13px}@media (height<=540px),(width<=540px){html.touch .hud-chat,html.touch .hud-meter{display:none}}@media (orientation:portrait){html.touch .hud-boss{left:calc(env(safe-area-inset-left,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 62px);width:auto;transform:none}html.touch .hud-party{top:calc(env(safe-area-inset-top,0px) + 84px)}html.touch .pf{width:min(168px,46vw)}html.touch .hud-targets{top:calc(env(safe-area-inset-top,0px) + 120px);right:calc(env(safe-area-inset-right,0px) + 8px);width:min(190px,44vw)}html.touch .hud-player,html.touch .tc-revive{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--tc-s,.75) * 310px)}html.touch .tc-revive{bottom:calc(env(safe-area-inset-bottom,0px) + var(--tc-s,.75) * 310px + 64px)}html.touch .hud-tipbox{top:calc(env(safe-area-inset-top,0px) + 300px);left:12px;right:12px}html.touch .hud-announce{top:40%}html.touch .hud-error{top:47%}}html.touch .pm-box{padding:24px 28px}html.touch .pm-box .big-btn{min-width:240px}.tc-layer{pointer-events:none;position:absolute;inset:0}.tc-cluster{width:0;height:0;position:absolute}.tc-cluster>*,.tc-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.tc-btn{color:#fff;font-family:var(--font-title);text-shadow:0 1px 2px #000000b3;border:3px solid #ffecc899;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform 60ms,filter 60ms;display:flex;box-shadow:0 3px 10px #0006}.tc-cluster .pressed,.tc-btn.pressed{filter:brightness(1.35);transform:scale(.93)}.tc-ic{line-height:1}.tc-lb{white-space:nowrap;line-height:1.1}html.touch .tc-cluster .slot{border-width:3px;border-radius:50%;overflow:hidden;box-shadow:0 3px 10px #0006}html.touch .tc-cluster .slot .icon,html.touch .tc-cluster .slot .cd{border-radius:50%}html.touch .tc-cluster .slot .icon{font-size:calc(var(--sz) * .46)}html.touch .tc-cluster .slot .cdtxt{font-size:calc(var(--sz) * .36);text-shadow:0 1px 3px #000,0 0 6px #000}html.touch .tc-cluster .slot .charges{text-align:center;font-size:calc(var(--sz) * .24);text-shadow:0 1px 2px #000;bottom:4%;left:0;right:0}html.touch .tc-cluster .slot.empty{display:none}html.touch .tc-cluster .slot.ult .ultfill{border-radius:0}html.touch .tc-cluster .slot.ult.charging .cdtxt{font-size:calc(var(--sz) * .26)}.tc-roll{background:radial-gradient(circle at 50% 30%,#9fdcff,#3a86d0 55%,#1f4f8f);border-color:#dff4ff}.tc-roll .tc-ic{font-size:calc(var(--sz) * .36)}.tc-roll .tc-lb{font-size:calc(var(--sz) * .17);margin-top:1px}.tc-dots{font-size:calc(var(--sz) * .15);letter-spacing:2px;color:#ffe27a;line-height:1}.tc-roll.empty{filter:grayscale(.7)brightness(.7)}.tc-jump{background:radial-gradient(circle at 50% 30%,#c8f5a0,#4a9a44 60%,#2c6a2a);border-color:#eaffd8}.tc-jump .tc-ic{font-size:calc(var(--sz) * .38)}.tc-jump .tc-lb{font-size:calc(var(--sz) * .2)}.tc-pause,.tc-next{right:calc(env(safe-area-inset-right,0px) + 8px);background:#1e1628cc;border:2px solid #ffecc866;border-radius:14px;width:48px;height:48px;font-size:20px}.tc-pause{top:calc(env(safe-area-inset-top,0px) + 6px)}.tc-next{top:calc(env(safe-area-inset-top,0px) + 60px);height:54px}.tc-next .tc-lb{margin-top:2px;font-size:11px}.tc-revive{left:var(--tc-free-l,30%);right:var(--tc-free-r,30%);bottom:calc(env(safe-area-inset-bottom,0px) + 100px);color:#3a2410;width:fit-content;text-shadow:none;white-space:nowrap;background:linear-gradient(#ffe38a,#ffb52e);border-color:#fff3c8;border-radius:999px;margin:0 auto;padding:12px 22px;font-size:17px;animation:.6s infinite alternate kickPulse;display:none}.tc-revive.show{display:flex}.tc-zone{pointer-events:auto;touch-action:none;width:min(44vw,440px);height:62%;position:absolute;bottom:0;left:0}.tc-pad{opacity:.72;pointer-events:none;background:radial-gradient(circle,#ffffff14 30%,#140e1e80 72%);border:2px solid #ffecc866;border-radius:50%;transition:opacity .15s;position:absolute;box-shadow:inset 0 0 18px #00000059}.tc-pad.active{opacity:1}.tc-arrow{opacity:.55;border:calc(var(--tc-s,1) * 10px) solid transparent;width:0;height:0;position:absolute}.tc-arrow.up{border-top:0;border-bottom:calc(var(--tc-s,1) * 13px) solid #ffe9c8;top:7%;left:50%;transform:translate(-50%)}.tc-arrow.down{border-bottom:0;border-top:calc(var(--tc-s,1) * 13px) solid #ffe9c8;bottom:7%;left:50%;transform:translate(-50%)}.tc-arrow.left{border-left:0;border-right:calc(var(--tc-s,1) * 13px) solid #ffe9c8;top:50%;left:7%;transform:translateY(-50%)}.tc-arrow.right{border-right:0;border-left:calc(var(--tc-s,1) * 13px) solid #ffe9c8;top:50%;right:7%;transform:translateY(-50%)}.tc-pad.up .tc-arrow.up,.tc-pad.down .tc-arrow.down,.tc-pad.left .tc-arrow.left,.tc-pad.right .tc-arrow.right{opacity:1;filter:drop-shadow(0 0 5px #ffd24a)}.tc-knob{background:radial-gradient(circle at 40% 35%,#fff6dc,#e8c88a 60%,#b8904a);border:2px solid #fff3c8;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000073}.tc-skilltip{left:var(--tc-free-l,25%);right:var(--tc-free-r,25%);bottom:calc(env(safe-area-inset-bottom,0px) + 92px);width:fit-content;max-width:360px;font-family:var(--font-body);text-shadow:none;pointer-events:none;background:#181220f5;border:2px solid #ffd79699;border-radius:12px;margin:0 auto;padding:10px 12px;display:none;position:absolute;box-shadow:0 8px 24px #0006}.tc-skilltip.show{display:block}.tc-skilltip .tt-name{font-size:16px}.tc-skilltip .tt-meta{font-size:12.5px}.tc-skilltip .tt-desc{font-size:14px;line-height:1.45}@media (orientation:portrait){.tc-skilltip{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--tc-s,.75) * 310px + 64px)}}.tc-rotate{z-index:30;text-align:center;pointer-events:auto;font-family:var(--font-title);background:#0e0a16f0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;inset:0}@media (orientation:portrait){html.touch .tc-rotate:not(.dismissed){display:flex}}.tc-rot-ic{font-size:56px;animation:.9s infinite alternate bob}.tc-rot-title{color:#fff3dc;font-size:24px}.tc-rot-text{max-width:320px;font-family:var(--font-body);opacity:.85;font-size:15px;line-height:1.55}html.touch .small-btn{min-height:36px;padding:7px 13px;font-size:14px}html.touch .small-btn:disabled{opacity:.45}html.touch .sec-title{font-size:16px}html.touch .sec-title small{font-size:12.5px}html.touch .empty{font-size:15px}html.touch .title-screen{padding:calc(env(safe-area-inset-top,0px) + 5vh) 16px 0;text-align:center}html.touch .title-hint{font-size:15px}html.touch .title-foot{margin-bottom:calc(env(safe-area-inset-bottom,0px) + 14px);font-size:13.5px;line-height:1.5}html.touch .lobby-top{padding:calc(env(safe-area-inset-top,0px) + 6px) calc(env(safe-area-inset-right,0px) + 12px) 6px calc(env(safe-area-inset-left,0px) + 12px);gap:14px}html.touch .lobby-top .brand,html.touch .lobby-top .nm{font-size:18px}html.touch .lobby-top .stat{min-width:56px}html.touch .lobby-top .stat b{font-size:17px}html.touch .lobby-top .stat small{white-space:nowrap;font-size:12px}@media (width<=900px){html.touch .lobby-top .brand{display:none}}html.touch .lobby-panel{top:calc(env(safe-area-inset-top,0px) + 60px);right:calc(env(safe-area-inset-right,0px) + 8px);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);border-width:2px;border-radius:16px;width:min(560px,56vw)}html.touch .tabs .tab{white-space:nowrap;padding:11px 0 9px;font-size:14px}html.touch .panel-body{overscroll-behavior:contain;padding:10px 12px 16px}html.touch .bc-name{font-size:15px}html.touch .bc-stars{font-size:13px}html.touch .bd-title{font-size:23px}html.touch .bd-sub{font-size:14.5px}html.touch .bd-desc{font-size:15px}html.touch .diff{padding:10px 0;font-size:15px}html.touch .ilvl-row{flex-wrap:wrap;gap:4px 12px;font-size:14.5px}html.touch .clear-row{font-size:13px}html.touch .mission{font-size:15px}html.touch .mission small{margin:2px 0 0 20px;font-size:13px;display:block}html.touch .mech{font-size:14px}html.touch .mech summary{padding:6px 0}html.touch .cc-name{font-size:15px}html.touch .cc-animal,html.touch .cc-prog{font-size:12.5px}html.touch .cd-desc{font-size:14px;line-height:1.5}html.touch .cd-char{font-size:13.5px;line-height:1.5}html.touch .spec-card{padding-bottom:26px}html.touch .sc-role{font-size:13px}html.touch .sc-name{font-size:17px}html.touch .sc-desc{font-size:13px;line-height:1.45}html.touch .sc-tag{font-size:12.5px}html.touch .variant{width:40px;height:40px}html.touch .sk-key{display:none}html.touch .sk-icon{width:40px;height:40px;font-size:24px}html.touch .sk-name{font-size:16px}html.touch .sk-tag{font-size:12px}html.touch .sk-meta,html.touch .sk-swap{font-size:13px}html.touch .sk-desc{font-size:14px;line-height:1.5}html.touch .sk-res{font-size:13.5px}html.touch .talent-head{flex-wrap:wrap;gap:6px;font-size:15px}html.touch .talent-head .tpts small{font-size:12px}html.touch .talent-help{font-size:13px;line-height:1.5}html.touch .ttree{grid-template-columns:24px repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--rows), 70px)}html.touch .tlinks{width:calc(100% - 24px);left:24px}html.touch .tn,html.touch .tgate{height:48px}html.touch .tgate{font-size:13px}html.touch .tn-ic{width:24px;font-size:20px}html.touch .tn-nm{font-size:12px}html.touch .tn-rk{font-size:11.5px}html.touch .tn-opt .tn-ic{font-size:17px}html.touch .tn-on{font-size:11px}html.touch .ttip{top:calc(env(safe-area-inset-top,0px) + 60px);left:calc(env(safe-area-inset-left,0px) + 8px);pointer-events:auto;width:min(380px,100vw - min(560px,56vw) - 28px);max-height:calc(100% - 68px);padding:12px 14px;font-size:14px;overflow-y:auto}html.touch .tt-h{font-size:17px}html.touch .tt-kind,html.touch .tt-meta{font-size:12.5px}html.touch .tt-cur small,html.touch .tt-next small{font-size:12px}html.touch .tt-lock{font-size:13px}.tt-actions{gap:8px;margin-top:10px;display:flex}.tt-actions .small-btn{flex:1}html.touch .item{padding:9px 10px}html.touch .it-icon{font-size:26px}html.touch .it-name{font-size:15.5px}html.touch .it-meta{font-size:13px}html.touch .bag-row>span{text-align:right;min-width:38px;font-size:14px}html.touch .friend{flex-wrap:wrap}html.touch .fr-name{font-size:16px}html.touch .fr-name small,html.touch .fr-meta,html.touch .fr-bio{font-size:13px}html.touch .queue-box{max-height:calc(100% - 16px);padding:14px;overflow-y:auto}html.touch .q-title{font-size:24px}html.touch .q-sub{font-size:14.5px}html.touch .q-time{font-size:13px}html.touch .q-slots{gap:8px;margin:12px 0}html.touch .q-slot{min-height:128px;padding:10px 6px}html.touch .q-emoji{font-size:34px}html.touch .q-name{font-size:15px}html.touch .q-spec,html.touch .q-ilvl,html.touch .q-tag{font-size:12.5px}html.touch .q-wait{margin-top:26px;font-size:14px}html.touch .result-screen{padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 14px) calc(env(safe-area-inset-left,0px) + 10px)}html.touch .res-banner{font-size:clamp(38px,9vw,64px)}html.touch .res-sub{text-align:center;font-size:15px}html.touch .res-body{gap:10px;width:100%}html.touch .res-left{min-width:0;overflow-x:auto}html.touch .res-table{font-size:14px}html.touch .res-table .nm small{font-size:12px}html.touch .highlights{font-size:15px}html.touch .points{font-size:17px}@media (width<=960px){html.touch .res-table :is(th,td):nth-child(n+5):nth-child(-n+8){display:none}}html.touch .set-box{gap:16px;width:min(480px,96vw);max-height:calc(100% - 16px);padding:18px}html.touch .set-box label,html.touch .set-row{font-size:16px}html.touch .set-box input[type=range]{height:28px}html.touch .set-sub,html.touch .keybinds,html.touch .kb-msg{display:none}html.touch .notice-list,html.touch .notice-text{font-size:15px}@media (orientation:portrait){html.touch .lobby-top{flex-wrap:wrap;gap:6px 8px}html.touch .lobby-top .brand{display:none}html.touch .lobby-top .who{flex:1 1 0;min-width:0}html.touch .lobby-top:after{content:"";flex-basis:100%;order:1;height:0}html.touch .lobby-top .stat{background:#00000047;border-radius:10px;flex:1 1 0;order:2;min-width:0;padding:4px 2px}html.touch .lobby-panel{left:calc(env(safe-area-inset-left,0px) + 8px);width:auto;top:44%}html.touch .ttip{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);width:auto;max-height:calc(44% - 16px)}html.touch .tabs .tab{font-size:13px}html.touch .q-slots{grid-template-columns:1fr}html.touch .q-slot{text-align:left;grid-template-columns:30px 50px 1fr;align-items:center;min-height:0;padding:8px 10px;display:grid}html.touch .q-role,html.touch .q-emoji{grid-row:1/span 4}html.touch .q-slot>:not(.q-role,.q-emoji){grid-column:3}html.touch .q-wait{margin:0}html.touch .q-tag{justify-self:start;margin-top:2px}html.touch .res-body{flex-direction:column}html.touch .res-left,html.touch .res-right{width:100%}}