.hud.m2{--gold-hi: #f6dc8c;font-family:var(--font-body)}.m2-pframe,.m2-tframe,.m2-counters,.m2-meter,.m2-prompt,.m2-event{border:14px solid transparent;border-image:url(/assets/ui/frame_gold.png) 16 fill / 14px / 0 round}.m2-pframe{position:absolute;left:10px;top:10px;display:grid;grid-template-columns:70px 220px;gap:4px 10px;align-items:center}.m2-portrait{position:relative;width:66px;height:66px;border-radius:50%;padding:4px;background:radial-gradient(circle,#2a1d10 60%,#000);box-shadow:0 0 0 2px #8a6a32,0 0 0 4px #2b1d0c,0 0 0 5px #c9a55a,0 3px 10px #000}.m2-portrait img{width:100%;height:100%;border-radius:50%}.m2-portrait.small{width:48px;height:48px;flex:none}.m2-lvl{position:absolute;left:-6px;bottom:-6px;min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 12px Georgia,serif;color:#fff;background:radial-gradient(circle at 40% 35%,#c0392b,#4a0c08);box-shadow:0 0 0 2px #c9a55a}.m2-name{color:var(--gold-hi);font-size:14px;text-shadow:0 1px 2px #000;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2-name small{color:#c9b98f;font-size:11px}.m2-sub{color:#c9b98f;font-size:11px;margin-top:2px}.m2-gauge{position:relative;height:14px;margin:3px 0;overflow:hidden;border-radius:2px;background:url(/assets/ui/gauge_slot_center.png) repeat-x;background-size:auto 100%;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #6b5228}.m2-gauge .fill,.m2-gauge .extra{position:absolute;left:0;top:0;bottom:0;transition:width .15s}.m2-gauge.hp .fill,.m2-gauge.boss .fill{background:url(/assets/ui/gauge_red.png) repeat-x;background-size:auto 100%}.m2-gauge.boss .fill{filter:saturate(1.4) brightness(1.1)}.m2-gauge.xp{height:9px}.m2-gauge.xp .fill{background:url(/assets/ui/gauge_purple.png) repeat-x;background-size:auto 100%}.m2-gauge.gold .fill{background:linear-gradient(#ffe48a,#c08a10)}.m2-gauge .extra{background:linear-gradient(#96d2ffd9,#468cdcd9)}.m2-gauge b{position:relative;display:block;text-align:center;font:700 10px Arial,sans-serif;line-height:14px;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000}.m2-gauge.xp b{font-size:8px;line-height:9px}.m2-buffs{grid-column:1 / 3;display:flex;gap:3px;flex-wrap:wrap;max-width:300px}.m2-buff{width:26px;height:26px;border:1px solid #c9a55a;box-shadow:0 0 4px #000;background:#000}.m2-buff img{width:100%;height:100%;display:block}.m2-tframe{position:absolute;left:50%;top:78px;transform:translate(-50%);display:flex;gap:10px;align-items:center;width:300px}.m2-tinfo{position:relative;flex:1;min-width:0}.m2-tframe .tick{position:absolute;top:20px;width:2px;height:14px;background:#fff9}.m2-tframe.boss .m2-name{color:#ff6a50}.m2-tframe.golden .m2-name{color:#ffd34a}.m2-timer{position:absolute;left:50%;top:4px;transform:translate(-50%);text-align:center;pointer-events:none}.m2-clock{font:700 40px Georgia,serif;letter-spacing:2px;background:linear-gradient(#fff3c4,#e2b450 55%,#8a5a14);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 6px rgba(0,0,0,.8))}.m2-next{color:#e9dfc4;font-size:13px;text-shadow:0 1px 2px #000,0 0 4px #000;margin-top:-4px}.m2-event{margin-top:6px;display:inline-block;color:#ffe9b0;font-size:14px;animation:m2pulse 1.2s ease-in-out infinite}.m2-event b{color:#ff8a4a}.m2-event span{color:#fff;margin-left:6px}@keyframes m2pulse{50%{filter:brightness(1.35)}}.m2-right{position:absolute;right:10px;top:8px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.m2-counters{display:flex;gap:14px;color:#c9b98f;font-size:14px}.m2-counters b{color:#fff}.m2-counters b.gold{color:#ffd34a}.m2-minimap{position:relative;width:180px;height:180px;border-radius:50%;box-shadow:0 0 0 3px #2b1d0c,0 0 0 5px #c9a55a,0 0 0 7px #2b1d0c,0 4px 14px #000}.m2-minimap canvas{width:180px;height:180px;border-radius:50%;display:block}.m2-mapname{position:absolute;left:50%;top:-12px;transform:translate(-50%);white-space:nowrap;padding:2px 12px;font-size:12px;color:#f6dc8c;background:linear-gradient(#3a2a14,#1a1208);border:1px solid #c9a55a;border-radius:3px}.m2-meter{position:absolute;right:10px;top:300px;width:300px;font:12px Arial,sans-serif}.m2-meter-title{color:#f6dc8c;font:700 13px Georgia,serif;display:flex;justify-content:space-between;margin-bottom:3px}.m2-meter-title small{color:#c9b98f;font-weight:400}.m2-meter-row{position:relative;height:19px;display:flex;align-items:center;gap:5px;margin:2px 0;background:#00000073;color:#fff}.m2-meter-row .bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a2a1c,#c0392b);opacity:.85}.m2-meter-row img{position:relative;width:17px;height:17px;margin-left:1px}.m2-meter-row .nm{position:relative;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px #000}.m2-meter-row .val{position:relative;padding-right:4px;font-size:11px;text-shadow:0 1px 1px #000;white-space:nowrap}.m2-skillbar{position:absolute;left:50%;bottom:8px;transform:translate(-50%);display:flex;gap:6px;padding:2px 4px;border:16px solid transparent;border-image:url(/assets/ui/frame_board.png) 32 fill / 16px / 0 round}.m2-slot{position:relative;width:46px;height:46px;border:2px solid #6b5228;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #c9a55a;background:#000}.m2-slot img{width:100%;height:100%;display:block}.m2-slot.evolved{border-color:#f0b030;box-shadow:0 0 8px #f0b030}.m2-slot.ult.ready{border-color:#ff6a3a;box-shadow:0 0 14px #ff6a3a;animation:m2pulse 1s infinite}.m2-slot .cd{position:absolute;top:0;right:0;bottom:0;left:0}.m2-slot .cdt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 16px Georgia,serif;color:#fff;text-shadow:0 0 3px #000}.m2-slot .lvl{position:absolute;right:1px;bottom:0;font:700 10px Arial,sans-serif;color:#f6dc8c;text-shadow:0 0 2px #000,0 0 2px #000}.m2-log{position:absolute;left:10px;bottom:90px;width:440px;font:13px Arial,sans-serif;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent);padding:4px 8px}.m2-log:empty{display:none}.m2-log-line{display:flex;gap:6px;align-items:center;color:#e9e2cf;text-shadow:0 1px 1px #000;margin:2px 0;animation:m2in .25s ease-out}.m2-log-line.warn{color:#ffb347}.m2-log-line.info{color:#9fe0ff}.m2-log-line.achievement{color:#ffd34a}.m2-log-line.yell{color:#ff5a4a}.m2-log-line img{width:18px;height:18px}@keyframes m2in{0%{opacity:0;transform:translate(-10px)}}.m2-prompt{position:absolute;left:50%;bottom:100px;transform:translate(-50%);color:#f6dc8c;font-size:15px;white-space:nowrap}.m2-prompt kbd{background:#2b1d0c;border:1px solid #c9a55a;padding:0 6px;border-radius:3px;color:#fff}.map-label-tag{font:700 13px Georgia,serif;text-shadow:0 0 3px #000,0 1px 2px #000;white-space:nowrap}.lu-actions{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:18px}.lu-card{position:relative}.lu-banish{position:absolute;left:8px;bottom:6px;font-size:11px;background:#0009;color:#c9b98f;border:1px solid #6b5228;border-radius:3px;cursor:pointer;padding:1px 6px}.lu-banish:hover{color:#ff8a6a;border-color:#ff8a6a}.lu-legend{color:#f0b030!important;font-size:12px;margin-top:6px!important}.panel.quests{width:640px}.quest-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:60vh;overflow:auto}.quest{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:6px 8px;background:#00000059;border:1px solid #3a2a14}.quest.active{border-color:#c9a55a}.quest.done{opacity:.6}.quest.locked{opacity:.45}.quest img{width:32px;height:32px}.quest-bar{width:36px;height:36px;background:#000;position:relative;border:1px solid #6b5228}.quest-bar span{position:absolute;left:0;bottom:0;top:0;background:#c0392b}.tag{font-size:12px;color:#999}.tag.ok{color:#6fdc6f}.fnum{font:700 18px Georgia,serif;-webkit-text-stroke:.5px #000}.fnum.crit{color:#ffd23a;font-size:26px;text-shadow:0 0 6px #b06000,0 2px 2px #000}@media (max-width: 1100px){.m2-timer{top:130px}.m2-clock{font-size:30px}.m2-tframe{top:196px}.m2-meter{top:250px;width:260px}}.lu-choices{display:flex;flex-direction:column;gap:6px;margin:10px 0 20px}.lu-choice{font:inherit;font-size:13px;padding:7px 8px;border-radius:6px;cursor:pointer;text-align:left;color:#f3e6c4;background:#00000073;border:1px solid #7a6038}.lu-choice.dmg:hover{border-color:#ff8a5a;background:#7828148c}.lu-choice.cd:hover{border-color:#6ac8ff;background:#143c6e8c}.login{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;pointer-events:none;background:linear-gradient(90deg,rgba(8,6,4,.78) 0,rgba(8,6,4,.35) 470px,transparent 62%)}.login-side{pointer-events:auto;width:430px;max-width:calc(100vw - 32px);margin:16px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 32px)}.login-logo{margin:0 0 4px;font-size:34px;letter-spacing:2px;text-align:center}.login-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:60px}.login-char{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--gold-dim);border-radius:6px;background:#00000059;cursor:pointer}.login-char.active,.login-char:hover{border-color:var(--gold);box-shadow:0 0 12px #d6b26a40}.login-name{font-size:18px;color:var(--gold)}.login-face{border:2px solid;border-radius:50%;object-fit:cover;flex:none;background:#120c08}.login-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}.login-input{font:18px Georgia,serif;padding:8px 10px;background:#00000080;color:var(--text);border:1px solid var(--gold-dim);border-radius:4px}.login-input:focus{outline:none;border-color:var(--gold)}.login-toggle{display:flex;gap:8px;align-items:center}.login-toggle .btn.active{border-color:var(--gold);box-shadow:0 0 10px #d6b26a80;color:var(--gold)}.login-classes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.login-class{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:1px solid var(--gold-dim);border-radius:6px;background:#00000059;cursor:pointer;font-size:13px;text-align:center}.login-class.active,.login-class:hover{border-color:var(--gold);box-shadow:0 0 10px #d6b26a4d}.login-specs{display:flex;gap:8px}.login-error{color:#ff8a6a;font-size:14px}.m2-logout{position:absolute;left:14px;top:112px;pointer-events:auto;display:flex;gap:6px}.m2-logout .btn{font-size:13px;padding:5px 12px}.m2-slot.blocked img{filter:grayscale(1) brightness(.45)}.m2-slot .need{position:absolute;left:0;right:0;top:2px;text-align:center;font-size:10px;color:#ff9a6a;text-shadow:0 0 3px #000}.lu-choice.reach:hover{border-color:#9dff7a;background:#1e5a148c}.m2-chat-input{pointer-events:auto;width:100%;margin-top:4px;padding:3px 6px;font:13px Arial,sans-serif;color:#fff;background:#000000b3;border:1px solid #c9a55a;border-radius:2px;outline:none}.m2-banner{position:absolute;left:50%;top:24%;transform:translate(-50%);text-align:center;pointer-events:none;animation:m2banner .45s ease-out}.m2-banner .title-font{font-size:clamp(26px,3.4vw,44px);white-space:nowrap}.m2-banner-sub{margin-top:4px;font:500 16px var(--font-head);color:#f1e6cf;text-shadow:0 1px 3px #000,0 0 8px #000;letter-spacing:1px}@keyframes m2banner{0%{opacity:0;transform:translate(-50%) scale(1.25)}to{opacity:1;transform:translate(-50%) scale(1)}}:root{--gold: #d6b26a;--gold-dim: #8c6d36;--panel: rgba(18, 14, 10, .92);--panel-2: rgba(36, 27, 16, .95);--text: #f1e6cf;--muted: #b6a68a;--bad: #ff6a5a;--good: #7ddc6a;--font-title: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-head: "Cinzel", Georgia, serif;--font-body: "Alegreya Sans", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#0d0b08;color:var(--text);font-family:var(--font-body);font-size:15px}#game{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}button{font-family:inherit}kbd{display:inline-block;min-width:20px;padding:0 5px;border:1px solid var(--gold-dim);border-radius:3px;background:#2a1f12;color:var(--gold);font:12px/18px Georgia,serif;text-align:center}.muted{color:var(--muted)}#world-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#world-ui>*{position:absolute;left:0;top:0;will-change:transform}.fnum{font:700 17px Georgia,serif;color:#fff;text-shadow:0 0 3px #000,0 2px 2px #000;white-space:nowrap}.fnum.crit{color:#ffd23a;font-size:24px}.fnum.player{color:#ff5a4a;font-size:19px}.fnum.heal{color:#8dff8a}.wbar{width:120px;text-align:center}.wbar.big{width:170px}.wname{font-size:12px;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;margin-bottom:2px}.wtrack{height:7px;background:#000000b3;border:1px solid #000;border-radius:2px;overflow:hidden}.wtrack span{display:block;height:100%;width:100%;background:linear-gradient(180deg,#e2483a,#8e1f16)}.wbar.big .wtrack{height:9px}.itemlabel{font-size:12px;padding:1px 6px;background:#0009;border-radius:3px;white-space:nowrap;text-shadow:0 1px 1px #000}#hurt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 140px #c8140ad9;opacity:0;transition:opacity .35s}#hurt.on{opacity:1;transition:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-panel.left{position:absolute;top:14px;left:14px;width:270px;background:var(--panel);border:1px solid var(--gold-dim);border-radius:6px;padding:10px 12px}.hud-level{color:var(--gold);font-size:15px;margin-bottom:6px}.bar{position:relative;height:17px;background:#1d140c;border:1px solid #3c2c18;border-radius:3px;margin-top:5px;overflow:hidden}.bar.small{height:6px;margin-top:4px}.bar span{position:absolute;inset:0 auto 0 0;width:100%;transition:width .1s}.bar.small span{background:linear-gradient(180deg,#e8c46a,#8c6d36)}.bar.hp span{background:linear-gradient(180deg,#d4483a,#8e1f16)}.bar.xp span{background:linear-gradient(180deg,#5fb3e8,#2a5f96)}.bar.boss{height:20px}.bar.boss span{background:linear-gradient(180deg,#ff6a3a,#8e1f16)}.bar b{position:relative;display:block;text-align:center;font-size:11px;line-height:17px;font-weight:400;text-shadow:0 1px 1px #000}.hud-right{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#minimap{width:180px;height:180px;border-radius:50%;box-shadow:0 0 0 2px #000,0 4px 14px #0009}.counters{display:flex;gap:10px;background:var(--panel);border:1px solid var(--gold-dim);border-radius:6px;padding:5px 10px;font-size:14px}.counters .gold,.yang{color:var(--gold)}.yang{display:flex;align-items:center;gap:6px;font-size:14px}.yang img{width:20px;height:20px}.bossbar{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(520px,60vw);text-align:center}.boss-name{color:#ff9a6a;font-size:18px;letter-spacing:2px;text-shadow:0 2px 3px #000}.hud-bottom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.skills{display:flex;gap:6px;background:var(--panel);border:1px solid var(--gold-dim);border-radius:6px;padding:6px;pointer-events:auto}.skill{position:relative;width:44px;height:44px;border:1px solid var(--gold-dim);border-radius:4px;overflow:hidden}.skill img{width:100%;height:100%;image-rendering:pixelated}.skill .cd{position:absolute;top:0;right:0;bottom:0;left:0}.skill .lvl{position:absolute;right:2px;bottom:0;font-size:11px;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.skills-empty{color:var(--muted);font-size:12px;padding:12px 10px}.passives{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:70vw}.passives span{background:#120e0acc;border:1px solid #3c2c18;border-radius:3px;padding:1px 6px;font-size:11px;color:var(--muted)}.passives b{color:var(--good);font-weight:400}.toasts{position:absolute;right:14px;top:260px;display:flex;flex-direction:column;gap:6px;width:300px}.toast{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--gold-dim);border-left-width:4px;border-radius:5px;padding:6px 9px;animation:slidein .25s ease-out}.toast img{width:32px;height:auto;max-height:64px;image-rendering:pixelated}.toast.metin{background:linear-gradient(90deg,#3c280af2,#120e0aeb)}.toast.metin .toast-title{color:var(--gold);font-size:16px}.toast.warn .toast-title{color:#ffb070}.toast-title{font-size:14px}.toast-sub{font-size:11px;color:var(--muted)}@keyframes slidein{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.prompt{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:var(--panel);border:1px solid var(--gold);border-radius:5px;padding:8px 14px;font-size:16px;color:var(--gold)}.hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--gold-dim);border-radius:4px;padding:6px 12px;font-size:13px;color:var(--muted);white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:12px;padding:16px;overflow-y:auto;overflow-x:hidden}.overlay.dim{background:radial-gradient(ellipse at center,#140e0899,#050403e6)}.overlay h1{margin:0;font:900 clamp(34px,5vw,60px) var(--font-title);letter-spacing:2px}.overlay h1,.title-font,.login-logo{font-family:var(--font-title);font-weight:700;background:linear-gradient(180deg,#fff3c4,#f2cf6e 45%,#b9842f 70%,#f7dc8a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #2a1c0a) drop-shadow(0 0 12px rgba(214,178,106,.35))}.sub{color:var(--muted);letter-spacing:1px;font-size:13px;margin:4px 0}.panel{background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;box-shadow:0 10px 40px #000000b3,inset 0 0 0 1px #d6b26a14;padding:12px 14px 14px;max-height:92vh;overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font:700 18px var(--font-head);letter-spacing:1.5px;border-bottom:1px solid #3c2c18;padding-bottom:6px;margin-bottom:10px}.panel .x{background:none;border:1px solid var(--gold-dim);color:var(--gold);border-radius:4px;width:26px;height:26px;cursor:pointer;font-size:16px;line-height:1}.btn{background:linear-gradient(180deg,#5a4120,#2c1f0e);color:var(--text);border:1px solid var(--gold);border-radius:4px;padding:8px 20px;font:500 16px var(--font-head);letter-spacing:.5px;cursor:pointer}.btn:hover:not(:disabled){box-shadow:0 0 14px #d6b26a73}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.big{font-size:20px;padding:11px 32px}.btn.small{font-size:13px;padding:4px 10px}.btn.danger{border-color:#a04030}.menu{display:flex;flex-direction:column;gap:10px;min-width:320px}.slot{position:relative;width:38px;height:38px;background:#00000073;border:1px solid #3c2c18;border-radius:3px;display:flex;align-items:center;justify-content:center}.slot.filled{cursor:grab}.slot.selected{outline:2px solid var(--gold)}.slot.over{outline:2px dashed var(--gold)}.slot img{max-width:34px;max-height:34px;image-rendering:pixelated;pointer-events:none}.slot .ph{font-size:10px;color:#6d5a3f;text-align:center}.slot .plus{position:absolute;top:0;right:2px;font-size:11px;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}.slot .plus.p7,.slot .plus.p8{color:#7fdcff}.slot .plus.p9{color:#ffd04a}.slot .count{position:absolute;bottom:0;right:2px;font-size:11px;text-shadow:0 0 3px #000}.grid{display:grid;grid-template-columns:repeat(5,38px);gap:3px}.inv-body{display:flex;gap:14px}.inv-left{display:flex;flex-direction:column;gap:10px}.inv-right{display:flex;flex-direction:column;gap:8px}.equip{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(4,46px);gap:6px;padding:10px;background:radial-gradient(ellipse at center,#3c2d1980,#0000004d);border:1px solid #3c2c18;border-radius:5px}.equip .slot{width:46px;height:46px}.equip .slot img{max-width:42px;max-height:42px}.eq-helmet{grid-column:2;grid-row:1}.eq-earrings{grid-column:3;grid-row:1}.eq-weapon{grid-column:1;grid-row:2 / span 2}.eq-weapon .slot{height:98px}.eq-weapon .slot img{max-height:92px}.eq-armor{grid-column:2;grid-row:2 / span 2}.eq-armor .slot{height:98px}.eq-armor .slot img{max-height:92px}.eq-necklace{grid-column:3;grid-row:2}.eq-shield{grid-column:3;grid-row:3}.eq-bracelet{grid-column:1;grid-row:4}.eq-boots{grid-column:2;grid-row:4}.account{font-size:13px;color:var(--muted)}.account b{color:var(--gold)}.tooltip{position:fixed;z-index:100;width:270px;background:#0a0806f7;border:1px solid;border-radius:5px;padding:8px 10px;font-size:13px;pointer-events:none;box-shadow:0 6px 20px #000000b3}.tt-name{font-size:16px}.tt-sub{color:var(--muted);font-size:12px;margin-bottom:4px}.tt-req{font-size:12px;color:#c9bfa8}.tt-req.bad{color:var(--bad)}.tt-desc{color:#d8cdb5;margin:4px 0}.tt-line{color:#f1e6cf}.tt-bonus{color:#8fd0ff;margin-top:2px}.tt-explain{color:#8a7f6b;font-size:11px;line-height:1.25}.tt-legend{margin-top:6px;padding:5px 6px;border:1px solid #f0b03077;border-radius:4px;background:#f0b03012;color:#f3dcae}.tt-legend-name{color:#f0b030;font-weight:700}.perk-list{font-size:13px;color:#e8dcc2;display:grid;gap:4px;margin-bottom:8px}.perk-list b{color:#f0b030}.tt-plus{color:var(--muted);font-size:12px;margin-top:4px}.tt-value{color:var(--gold);font-size:12px}.tt-hint{color:#8a7b62;font-size:11px;margin-top:4px;border-top:1px solid #2a2014;padding-top:3px}.npc-layout{display:flex;gap:14px;align-items:flex-start}.npc-say{color:var(--muted);font-style:italic;font-size:13px;max-width:360px;margin:0 0 10px}.smith{width:400px}.smith-row{display:flex;gap:12px;align-items:center;min-height:70px}.smith-row>.slot{width:64px;height:98px}.smith-row>.slot img{max-width:60px;max-height:92px}.smith-info{font-size:14px}.chance b{color:var(--gold);font-size:16px}.warn{color:#ffb070;font-size:12px}.smith-max{color:#ffd04a}.cost{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-size:14px}.cost .bad{color:var(--bad)}.mat{display:flex;align-items:center;gap:6px}.mat img{width:24px;height:24px}.bless{font-size:12px;color:#c9bfa8;display:flex;gap:6px;align-items:center}.bless.disabled{opacity:.5}.refine-result{margin-top:10px;padding:8px;border-radius:4px;font-size:15px;text-align:center;animation:pop .35s ease-out}.refine-result.ok{background:#3c782859;border:1px solid var(--good);color:#c8ffb8}.refine-result.fail{background:#781e1459;border:1px solid var(--bad);color:#ffc0b0}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}.smith-table{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:12px;font-size:11px;color:var(--muted)}.smith-table span{background:#0000004d;padding:2px 5px;border-radius:3px;display:flex;justify-content:space-between}.smith-table span.cur{outline:1px solid var(--gold);color:var(--text)}.merchant{width:420px}.shop{display:flex;flex-direction:column;gap:6px}.shop-row{display:flex;align-items:center;gap:10px}.shop-name{flex:1;font-size:14px}.shop-name small{display:block;color:var(--muted);font-size:11px}.sell-zone{margin-top:12px;border:1px dashed var(--gold-dim);border-radius:5px;padding:12px;color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:52px}.portal{width:min(980px,96vw)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:linear-gradient(180deg,#281e12f2,#120d08f2);border:1px solid var(--gold-dim);border-radius:6px;padding:14px 12px;cursor:pointer;text-align:center;transition:transform .12s,border-color .12s}.card:hover,.card.active{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 0 22px #d6b26a40}.card .icon{width:56px;height:56px;margin:0 auto 8px;border-radius:50%;border:2px solid var(--gold-dim)}.card h2{margin:0 0 4px;font-size:19px;color:var(--gold)}.card p{margin:0;font-size:12px;color:var(--muted)}.card .hp{margin-top:6px;color:#ff9a8a}.specs{display:flex;gap:12px;margin-top:12px}.spec{flex:1;background:#00000059;border:1px solid var(--gold-dim);border-radius:6px;padding:10px 14px;cursor:pointer}.spec.active,.spec:hover{border-color:var(--gold)}.spec h3{margin:0 0 4px;color:var(--gold);font-size:16px}.spec p{margin:0;color:var(--muted);font-size:13px}.spec .small{font-size:11px;margin-top:4px}.portal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px}.records{color:var(--muted);font-size:12px}.lu-title{margin-bottom:0}.lu-cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.lu-card{position:relative;width:230px;min-height:280px;background:linear-gradient(180deg,#281e12f7,#0e0a06f7);border:2px solid;border-radius:10px;padding:34px 16px 16px;text-align:center;cursor:pointer;transition:transform .12s}.lu-card:hover{transform:translateY(-6px) scale(1.02)}.lu-rarity{position:absolute;top:0;left:0;right:0;padding:3px;font-size:12px;color:#111;border-radius:7px 7px 0 0;letter-spacing:1px}.lu-card img{width:64px;height:64px;image-rendering:pixelated;object-fit:contain}.lu-card h2{margin:8px 0 2px;font-size:20px}.lu-kind{color:var(--muted);font-size:12px;margin-bottom:8px}.lu-card p{font-size:14px;color:#e8dcc2;margin:0}.lu-key{position:absolute;bottom:8px;right:10px;color:var(--gold-dim);font-size:13px}.stats{width:440px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:13px;margin-bottom:10px}.stat-grid div{display:flex;justify-content:space-between;border-bottom:1px solid #2a2014;padding:2px 0}.stat-grid b{color:var(--gold);font-weight:400}.death{width:min(560px,94vw)}.death-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.death-stats div{background:#0000004d;border:1px solid #3c2c18;border-radius:5px;padding:8px;text-align:center}.death-stats span{display:block;color:var(--muted);font-size:12px}.death-stats b{color:var(--gold);font-size:20px;font-weight:400}.death-items{margin-top:10px}.death-items .row{display:flex;flex-wrap:wrap;gap:4px}.death-items img{width:34px;border:1px solid;border-radius:3px;background:#0006;image-rendering:pixelated}@media (max-width: 900px){.npc-layout{flex-direction:column}.cards{grid-template-columns:repeat(2,1fr)}}.small{font-size:12px}.good{color:var(--good);margin-top:8px}.bad{color:var(--bad);margin-top:8px}.hud-title{margin-left:8px;color:#c9a8ff;font-size:12px}.bar.hp span.shield{background:linear-gradient(180deg,#96d2ffd9,#3c78c8d9)}.map-label{background:var(--panel);border:1px solid var(--gold-dim);border-radius:6px;padding:3px 10px;color:var(--gold);font-size:14px}.map-label small{color:var(--muted)}.objective{max-width:300px;background:var(--panel);border:1px solid #3c2c18;border-radius:5px;padding:4px 10px;font-size:12px;color:#f0d8a0;text-align:right}.boss-name small.phase{font-size:12px;letter-spacing:0;color:var(--muted);margin-left:6px}.boss-name small.phase.p3{color:#ff5a3a}.bar.boss .tick{position:absolute;top:0;bottom:0;width:2px;background:#0009}.skill.evolved{border-color:#f0b030;box-shadow:0 0 8px #f0b03080}.skill.ult{border-color:#a65be0}.skill.ult.ready{border-color:#ffd04a;box-shadow:0 0 14px #ffd04acc;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 4px #ffd04a66}}.run-hint{left:14px;bottom:14px;transform:none;font-size:11px;opacity:.7}.eq-relic{grid-column:3;grid-row:4}.eq.locked .slot{opacity:.35}.toast.achievement{background:linear-gradient(90deg,#3c1e50f2,#120e0aeb)}.toast.achievement .toast-title{color:#d9b8ff}.portal{width:min(1180px,97vw)}.portal-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.portal-col{display:flex;flex-direction:column;gap:6px;min-width:0}.cards.small{grid-template-columns:repeat(5,1fr);gap:8px}.cards.small .card{padding:8px 6px}.cards.small .card .icon{width:36px;height:36px}.cards.small .card h2{font-size:15px}.specs{margin-top:4px}.loadout{display:flex;gap:10px;align-items:center;background:#0000004d;border:1px solid #3c2c18;border-radius:5px;padding:6px}.loadout-current{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted)}.loadout-current .slot{width:46px;height:46px}.loadout-options{display:flex;flex-wrap:wrap;gap:3px}.maps{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow:auto}.map-row{display:grid;grid-template-columns:24px 1fr 52px 70px;gap:6px;align-items:center;padding:3px 8px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px}.map-row:hover,.map-row.active{border-color:var(--gold);background:#d6b26a14}.map-row.locked{opacity:.4;cursor:default}.map-i{color:var(--gold-dim)}.map-lvl{color:var(--muted);font-size:12px}.map-done{display:flex;gap:3px}.map-done i{width:10px;height:10px;border:1px solid;border-radius:2px}.map-done .lock{font-size:11px;color:var(--muted)}.map-info{font-size:13px;padding:4px 2px}.diffs{display:flex;gap:6px;flex-wrap:wrap}.btn.diff.active{background:linear-gradient(180deg,#7a5a28,#3c2a12);box-shadow:0 0 10px #d6b26a66}.btn:disabled{opacity:.45;cursor:default}.mods{display:flex;flex-direction:column;gap:4px}.mod{font-size:13px;display:block}.mod small{display:block;color:var(--muted);font-size:11px;margin-left:22px}.mod.disabled{opacity:.45}.storage{width:260px;display:flex;flex-direction:column;gap:8px}.talents{width:min(1100px,96vw)}.talent-head{display:flex;gap:12px;align-items:center;font-size:14px;margin-bottom:10px}.talent-head b{color:var(--gold)}.trees{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tree{background:#0000004d;border:1px solid #3c2c18;border-radius:6px;padding:8px 10px}.tree h3{margin:0 0 6px;color:var(--gold);font-size:16px}.talent{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:5px 0;border-top:1px solid #2a2014}.talent.on .t-name{color:#ffe0a0}.t-name{font-size:14px}.t-name span{color:var(--gold);margin-left:4px}.t-desc{grid-column:1;font-size:11px;color:var(--muted)}.t-btns{grid-column:2;grid-row:1 / span 2;display:flex;gap:4px;align-items:center}.t-btns .btn{width:28px;padding:2px 0}.collection{width:min(900px,96vw)}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.coll{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;background:#00000059;border:1px solid #2a2014;border-radius:4px;font-size:11px;text-align:center;color:var(--muted)}.coll img{height:40px;image-rendering:pixelated;filter:brightness(0) opacity(.5)}.coll.have{color:var(--text);border-color:var(--gold-dim)}.coll.have img{filter:none}.achievements{width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column}.ach-cols{display:grid;grid-template-columns:300px 1fr;gap:14px;min-height:0;overflow:hidden}.perk-col{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.ach-points{font-size:14px}.ach-points .title-font{font-size:34px;margin-right:4px}.perk{border:1px solid #3c2c18;border-radius:5px;padding:8px 10px;background:#0000004d;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.perk.have{border-color:#b88a3a}.perk-head{display:flex;justify-content:space-between;width:100%;font-family:var(--font-head)}.perk .pips i{display:inline-block;width:8px;height:8px;margin-left:3px;border-radius:50%;border:1px solid #b88a3a}.perk .pips i.on{background:#f2cf6e}.ach-pts{float:right;font-family:var(--font-head);color:#f2cf6e;border:1px solid #6b4e22;border-radius:10px;padding:0 7px;font-size:12px}.ach-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;align-content:start}.ach{background:#0000004d;border:1px solid #2a2014;border-radius:5px;padding:8px 10px;opacity:.55}.ach.have{opacity:1;border-color:#a65be0}.ach-name{color:var(--gold)}.ach-desc{font-size:12px;color:var(--muted)}.ach-title{font-size:12px;color:#d9b8ff;display:flex;justify-content:space-between;align-items:center;margin-top:4px}.victory{width:min(620px,94vw);text-align:center}.victory .death-stats{grid-template-columns:repeat(4,1fr)}.menu.row{flex-direction:row;flex-wrap:wrap;justify-content:center}.lu-card.evo{animation:evoglow 1.4s ease-in-out infinite}@keyframes evoglow{50%{filter:brightness(1.25)}}.tt-scaled{margin-top:4px;border-top:1px solid #2a2014;padding-top:3px}.tt-line.dim{color:#b8ad95;font-size:12px}@media (max-width: 900px){.portal-cols,.trees{grid-template-columns:1fr}}.lu-card.keystone{background:linear-gradient(180deg,#462d0af7,#191006f7)}.lu-card.keystone h2{text-shadow:0 0 12px #f0b030}.map-card{border:1px solid #4a3519;border-radius:6px;padding:10px 12px;margin:6px 0;background:linear-gradient(180deg,#3c28128c,#140e0899)}.map-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.map-card-head .title-font{font-size:22px}.map-lore{margin:6px 0;font-size:13px;line-height:1.35;color:#e6d6b4}.map-mobs{color:var(--muted);margin-bottom:6px}.map-timeline{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.map-timeline .tl{font-size:11px;padding:2px 7px;border:1px solid #6b4e22;border-radius:10px;background:#00000059}.map-timeline .tl.final{border-color:#d6683a;color:#ffb38a}.map-timeline .tl.secret{border-color:#a35ad6;color:#d9a8ff}.btn.portal-enter{display:flex;flex-direction:column;align-items:center;padding:8px 34px}.btn.portal-enter .title-font{font-size:22px}.btn.portal-enter small{font:12px var(--font-body);color:#e6d6b4}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000 center / cover no-repeat}.loading-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000 45%,#000000d9)}.loading-foot{position:absolute;left:50%;bottom:6vh;transform:translate(-50%);width:min(760px,90vw);text-align:center}.loading-title{font-size:clamp(30px,4vw,48px);margin-bottom:10px}.loading-tip{font-size:15px;margin-bottom:12px;text-shadow:0 1px 3px #000}.loading-tip b{color:var(--gold)}.loading-bar{height:12px;border:1px solid #8c6d36;border-radius:7px;background:#000000b3;overflow:hidden;box-shadow:0 0 10px #000c}.loading-bar span{display:block;height:100%;width:40%;border-radius:7px;background:linear-gradient(90deg,#6b4a17,#f2cf6e,#6b4a17);animation:loadslide 1.6s ease-in-out infinite}@keyframes loadslide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loading-what{margin-top:6px;font-size:12px;color:var(--muted)}.pet-list{display:flex;flex-wrap:wrap;gap:4px}.pet-list .btn.pet{padding:3px 8px;font-size:12px;display:flex;flex-direction:column;align-items:flex-start}.pet-list .btn.pet small{font:10px var(--font-body);color:#9fe0a0}.pet-list .btn.pet.active{background:linear-gradient(180deg,#7a5a28,#3c2a12);box-shadow:0 0 8px #d6b26a80}.arena-panel{position:fixed;right:12px;top:120px;width:360px;max-height:calc(100vh - 140px);overflow-y:auto;z-index:20;display:flex;flex-direction:column;gap:6px}.arena-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.arena-row .btn.small{padding:3px 8px;font-size:12px}.arena-panel .btn.active{background:linear-gradient(180deg,#7a5a28,#3c2a12);box-shadow:0 0 8px #d6b26a80}.arena-skills{display:grid;grid-template-columns:1fr;gap:4px}.arena-skill{display:grid;grid-template-columns:34px 16px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;text-align:left;background:#00000073;border:1px solid #4a3519;border-radius:4px;padding:3px 6px;color:var(--text);cursor:pointer;font:13px var(--font-body)}.arena-skill:hover{border-color:var(--gold);background:#3c281299}.arena-skill img{grid-row:1 / 3;width:32px;height:32px}.arena-key{grid-row:1 / 3;color:var(--gold);font-family:var(--font-head)}.arena-name{font-weight:700}.arena-kind{font-size:11px;color:var(--muted)}.panel.settings{width:min(520px,94vw);display:flex;flex-direction:column;gap:12px}.set-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.set-row input[type=range]{width:180px;accent-color:#d8b25a}.set-row input[type=checkbox]{width:18px;height:18px;accent-color:#d8b25a}.set-choice{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;grid-column:2 / 4}.set-choice .btn.active{border-color:#f0d080;color:#ffe9a8;box-shadow:0 0 8px #f0c86459}.set-actions{display:flex;gap:8px;justify-content:flex-end}.panel.guide{width:min(720px,94vw);display:flex;flex-direction:column;gap:12px}.guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px 18px}.guide-item b{font-family:var(--font-head);color:#f0d080}.guide-item p{margin:2px 0 0;line-height:1.4}.guide-keys{line-height:2;opacity:.85}.panel.guide .btn.big{align-self:center}.panel.about{width:min(560px,94vw);display:flex;flex-direction:column;gap:10px}.panel.about .btn{align-self:flex-end}.about-credits{display:grid;gap:6px}.about-credits div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(216,178,90,.15);padding-bottom:4px}.about-credits b{text-align:right}.login-foot{margin-top:6px}.login-foot a{color:#e8c76a;cursor:pointer;text-decoration:underline}.overlay.crash{z-index:100;background:#050302eb}.overlay.crash textarea{width:min(720px,92vw);height:180px;background:#0009;color:#ddd;border:1px solid #6b5326;font:12px/1.4 monospace;padding:8px}.support-link{color:#ffd27a;font-weight:700}.login-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.login-lang,.set-row select{margin-left:auto;background:#140e08d9;color:#f0d080;border:1px solid #6b5326;border-radius:4px;padding:3px 6px;font:inherit;cursor:pointer}.support-btn{display:block;text-align:center;margin:8px 0 4px;text-decoration:none;background:linear-gradient(#5a3c12,#3a260b);border-color:#d8b25a;color:#ffe1a0}.support-btn:hover{filter:brightness(1.2)}.login-links{display:flex;gap:8px;margin:8px 0 4px}.login-links .btn{flex:1;margin:0}.discord-btn{display:block;text-align:center;text-decoration:none;background:linear-gradient(#4752c4,#353d9a);border-color:#8c96ff;color:#eef0ff}.discord-btn:hover{filter:brightness(1.15)}.lobby-chat{position:fixed;right:24px;bottom:24px;width:min(380px,40vw);max-height:46vh;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#0e0a06d1;border:1px solid #6b5326;border-radius:6px;z-index:6;font-family:var(--font-body)}.lobby-head{display:flex;align-items:center;gap:8px;color:#f0d080;font-family:var(--font-head);font-size:14px}.lobby-dot{width:9px;height:9px;border-radius:50%;background:#777}.lobby-dot.on{background:#3ad06a;box-shadow:0 0 6px #3ad06a}.lobby-dot.connecting{background:#e0b040}.lobby-discord{margin-left:auto;color:#aeb6ff;font-size:12px;text-decoration:none}.lobby-lines{flex:1;min-height:80px;overflow-y:auto;font-size:13px;line-height:1.4}.lobby-line{word-wrap:break-word}.lobby-line b{color:#e8c76a}.lobby-line.mod b{color:#ff7a6a}.lobby-time{color:#8a7a60;font-size:11px}.lobby-tools{margin-left:4px}.lobby-tools button{background:none;border:0;cursor:pointer;padding:0 2px;font-size:12px;opacity:.7}.lobby-tools button:hover{opacity:1}.lobby-notice{color:#ffb070}.lobby-form{display:flex;gap:6px}.lobby-form input{flex:1;min-width:0;background:#00000080;border:1px solid #6b5326;color:#eee;padding:5px 8px;border-radius:4px;font:inherit}@media (max-width: 900px){.lobby-chat{display:none}}