: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)}.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}.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:22px}.fct-crit{color:#ffd84a;text-shadow:0 0 10px #ffaa28e6,0 2px #8a4a0a;font-size:34px}.fct-dot{color:#ffcf9a;font-size:16px}.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:#ffffff8c;font-size:13px}.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;transform:none}.tip-icon{font-size:26px}.tip-text{font-family:var(--font-body);text-shadow:none;font-size:13px;line-height:1.5}.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}.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}