:root{--font-body: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Cinzel", "Georgia", "Times New Roman", serif;--panel-bg: rgba(10, 12, 16, .92);--panel-bg-strong: rgba(4, 6, 10, .96);--panel-border: rgba(200, 150, 70, .7);--panel-border-soft: rgba(180, 140, 60, .3);--text: rgba(238, 228, 208, 1);--text-dim: rgba(170, 158, 138, 1);--accent: rgba(255, 198, 100, 1);--accent-soft: rgba(255, 198, 100, .35);--copper: rgba(196, 124, 54, 1);--danger: rgba(220, 70, 60, 1);--good: rgba(120, 200, 130, 1);--hp: rgba(200, 50, 50, 1);--mp: rgba(70, 130, 220, 1);--xp: rgba(220, 170, 60, 1);--dmg-fire: #ff8a40;--dmg-ice: #4ab8ff;--dmg-lightning: #ffe080;--dmg-holy: #ffd070;--dmg-shadow: #9c8aff;--dmg-poison: #7af07a;--dmg-physical: #ff6a4a;--dmg-darkness: #8a4ae0;--dmg-arcane: #b8a0ff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a0c10;font-family:var(--font-body);color:var(--text);touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none}body{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M1 1 L1 13 L4.5 10 L7 15 L9 14 L6.5 9.5 L11 9.5 Z' fill='%23ffd070' stroke='%23000' stroke-width='1' stroke-linejoin='round'/></svg>") 1 1,auto}body.cursor-loot{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M1 1 L1 13 L4.5 10 L7 15 L9 14 L6.5 9.5 L11 9.5 Z' fill='%2380e090' stroke='%23000' stroke-width='1' stroke-linejoin='round'/><text x='12' y='6' font-size='6' font-weight='bold' fill='%2380e090' stroke='%23000' stroke-width='0.4'>+</text></svg>") 1 1,pointer}#wf-mobile-ui{position:fixed;inset:0;z-index:80;pointer-events:none;display:none}body.wf-mobile.wf-in-world #wf-mobile-ui{display:block}#wf-cam-area{position:fixed;top:0;left:0;right:0;height:60%;pointer-events:auto;display:none}body.wf-mobile.wf-in-world #wf-cam-area{display:block}.wf-stick{position:absolute;bottom:90px;left:28px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffc6641a,#14100a73 60%,#080a0e99);border:2px solid rgba(255,198,100,.45);box-shadow:0 4px 14px #0000008c;pointer-events:auto;touch-action:none}.wf-stick-knob{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffebaa,#b47828);border:2px solid rgba(120,70,20,.9);box-shadow:0 2px 8px #0000008c;pointer-events:none}.wf-actions{position:absolute;bottom:26px;right:20px;display:grid;grid-template-columns:58px 58px 88px;grid-template-rows:52px 58px 58px;gap:9px;align-items:center;justify-items:center;pointer-events:auto}.wf-pot{grid-column:3;grid-row:1}.wf-ab[data-slot="0"]{grid-column:1;grid-row:2}.wf-ab[data-slot="1"]{grid-column:2;grid-row:2}.wf-ab[data-slot="2"]{grid-column:1;grid-row:3}.wf-ab[data-slot="3"]{grid-column:2;grid-row:3}.wf-basic{grid-column:3;grid-row:2 / span 2}.wf-mb{width:58px;height:58px;padding:0;border-radius:50%;border:2px solid rgba(214,168,86,.6);background:radial-gradient(circle at 35% 30%,#3c2e16f2,#140e08f2);color:#ffebb4;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000008c;cursor:pointer;touch-action:none;transition:transform .08s,background .12s,border-color .12s,box-shadow .12s}.wf-mb:active,.wf-mb.flash{transform:scale(.92);background:radial-gradient(circle at 35% 30%,#78501e,#281c0e);border-color:var(--accent)}.wf-mb.has-img-icon .wf-icon-img{width:38px;height:38px}.wf-ab.empty{color:#c8b48c80;font-size:26px;border-style:dashed}.wf-pot{width:52px;height:52px;font-size:22px;background:radial-gradient(circle at 35% 30%,#b42828f2,#461010f2);border-color:#ff7878b3}.wf-basic{width:88px;height:88px;font-size:38px;background:radial-gradient(circle at 35% 30%,#962222f5,#400e0ef5);border-color:#e65a5acc;box-shadow:0 5px 16px #0009,0 0 14px #dc464640}.wf-basic.held{background:radial-gradient(circle at 35% 30%,#dc4646,#781818);box-shadow:0 0 20px #ff5a5a99,inset 0 0 14px #0006;transform:scale(.95)}.wf-picker{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:#0009;pointer-events:auto}.wf-picker.open{display:flex}.wf-picker-card{width:min(90vw,540px);max-height:75vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#20160bfa,#0c0906fc);border:1px solid rgba(120,92,44,.9);border-radius:12px;padding:12px;box-shadow:0 16px 40px #000c,inset 0 0 0 1px #d6a85666}.wf-picker-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px;border-bottom:1px solid rgba(120,92,44,.4)}.wf-picker-title{color:#ffd684;font-weight:800;letter-spacing:1px;font-size:14px;flex:1;text-align:left}.wf-picker-x{width:32px;height:32px;background:transparent;border:1px solid rgba(180,140,60,.5);border-radius:6px;color:#e8e0d2cc;font-size:18px;line-height:1;cursor:pointer}.wf-picker-x:active{background:#b48c3c33}.wf-picker-body{flex:1;overflow-y:auto;padding:10px 4px 6px;scrollbar-width:thin;scrollbar-color:rgba(180,140,60,.5) transparent}.wf-picker-section{margin-bottom:12px}.wf-picker-section:last-child{margin-bottom:4px}.wf-picker-section-h{color:#d6a856e6;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:0 4px 6px}.wf-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wf-picker-item{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#282012f2,#100c06f2);border:1px solid rgba(180,140,60,.45);color:#e8e0d2;padding:12px 10px;border-radius:6px;font:inherit;font-size:13px;text-align:left;cursor:pointer;min-height:56px;position:relative}.wf-picker-item .ico{font-size:22px;flex:0 0 28px;width:28px;height:28px;text-align:center}.wf-picker-item .lbl{flex:1;line-height:1.2}.wf-picker-item .mana{font-size:10px;color:#b4d2ffd9;padding:1px 5px;border-radius:8px;background:#4682dc2e;margin-left:4px;white-space:nowrap}.wf-picker-item .cd-badge{position:absolute;top:4px;right:4px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;background:#0009;color:#ffdc82f2;border:1px solid rgba(255,200,90,.4);pointer-events:none}.wf-picker-item.on-cd{opacity:.55;filter:saturate(.5)}.wf-picker-item.no-mana{border-color:#dc463cb3;background:linear-gradient(180deg,#321412f2,#140806f2);color:#dca096}.wf-picker-item.no-mana:disabled{cursor:not-allowed}.wf-picker-empty{text-align:center;color:#b4a082b3;font-size:13px;padding:24px 8px}.wf-picker-item:active{border-color:var(--accent);background:linear-gradient(180deg,#503c1ef2,#1e160af2)}.wf-picker-clear{color:#f0aaaa;border-color:#c8505080;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;width:100%}.hud-mfeed{display:none}body.wf-mobile .hud-mfeed{display:flex;flex-direction:column;align-items:center;gap:1px;position:fixed;top:16%;left:50%;transform:translate(-50%);width:84vw;max-width:520px;pointer-events:none;text-align:center;z-index:30}#hud>.hud-mfeed{pointer-events:none}body.wf-mobile .hud-mfeed .mfeed-line{font-size:13px;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}body.wf-mobile .hud-log,body.wf-mobile .hud-skillbar-wrap,body.wf-mobile .hud-dock,body.wf-mobile .hud-chat{display:none!important}@media (max-width: 768px){.hud-vitals{min-width:220px;grid-template-columns:60px 1fr;gap:9px;padding:7px 12px 7px 7px}.hud-vitals .portrait{width:60px;height:60px}.hud-vitals .portrait-glyph{font-size:28px}.hud-vitals .char-name{font-size:14px}.mm-frame{width:124px;height:124px}.hud-minimap canvas{width:114px;height:114px}.mm-plate{min-width:110px;padding:4px 12px 3px}.hud-log{width:230px;height:96px;bottom:230px}.hud-log.system{left:8px}.hud-log.combat{right:8px}.hud-footer{padding:4px 10px;gap:8px}.hud-xp .hud-bar{height:18px}.hud-xp .level{font-size:14px;min-width:50px}.hud-skillbar-wrap,.hud-skillbar,.hud-dock{display:none}.hud-target{top:8px;width:230px;gap:7px;padding:6px 9px 6px 6px}.inv-window,.modal-right,.modal-left,.modal-center,.bs-window,.trade-window{width:92vw!important;max-width:92vw!important;left:4vw!important;right:auto!important;top:4vh!important;transform:none!important;max-height:92vh!important}}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;font-size:13px}#hud>*{pointer-events:auto}#modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#modal>*{pointer-events:auto}.panel{background:linear-gradient(180deg,#1c160e8c,#080a0eeb),var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:12px 16px;backdrop-filter:blur(4px);box-shadow:inset 0 0 14px #3c260e38,0 6px 22px #0000008c}.panel h2,.panel .section-title,.panel .tw-title,.panel .title:not(.dot-empty){position:relative}.win-title,.qd-title,.bg-title,.nd-title,.npc-dialog .nd-title,.panel h2,.panel h3,.panel .section-title,.panel .tw-title{font-family:var(--font-display)}.panel h2:after,.panel .section-title:after,.panel .tw-title:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,198,100,.55) 50%,transparent 100%)}button{background:linear-gradient(180deg,#2e2616f2,#14100af2);border:1px solid var(--panel-border);border-radius:4px;color:var(--text);padding:7px 16px;font:inherit;cursor:pointer;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.55);box-shadow:inset 0 1px #ffc6642e,inset 0 -1px #00000073;transition:border-color .12s,color .12s}button:hover{border-color:var(--accent);color:var(--accent);background:linear-gradient(180deg,#3c2e16f2,#1c160cf2)}button:disabled{opacity:.4;cursor:not-allowed}input,select{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:4px;color:var(--text);padding:6px 10px;font:inherit;width:100%}.hud-vitals{position:absolute;top:16px;left:16px;min-width:340px;display:grid;grid-template-columns:84px 1fr;align-items:center;gap:14px;padding:11px 18px 11px 11px;background:linear-gradient(180deg,#261b0ef2,#0c0906f9);border:1px solid rgba(120,92,44,.9);border-radius:12px;box-shadow:0 10px 30px #000000b8,inset 0 0 0 1px #d6a85666,inset 0 0 22px #462c1080}.hud-vitals .portrait{position:relative;width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(from 220deg,#6b4a1c,#ffe39a,#b8852f,#ffe39a,#7a5320,#ffe39a,#6b4a1c);box-shadow:0 0 0 2px #000000d9,0 0 16px #ffa03c4d}.hud-vitals .portrait-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 38% 30%,#583a1af2,#100a06fa);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 16px #000000e6}.hud-vitals .portrait-glyph{font-size:38px;line-height:1;color:#ffd994;text-shadow:0 0 16px rgba(255,150,50,.7),0 2px 4px rgba(0,0,0,.9)}.hud-vitals .portrait-lv{position:absolute;bottom:-3px;right:-3px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ffe7a6,#c8902f 70%,#8a5e1d);border:2px solid rgba(18,11,4,.9);box-shadow:0 2px 6px #000000b3,0 0 10px #ffb45080}.hud-vitals .portrait-lv span{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:#2a1500;text-shadow:0 1px 0 rgba(255,235,180,.5)}.hud-vitals .vitals-right{display:flex;flex-direction:column;gap:6px;min-width:0}.hud-vitals .char-name{font-size:18px;font-weight:800;letter-spacing:1.5px;background:linear-gradient(180deg,#fff1c8,#e7b35e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px}.hud-vitals .hud-bar{height:22px;border-radius:5px;border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 0 8px #000000d9,0 0 0 1px #d6a85673}.hud-vitals .hud-bar.mp{height:20px}.hud-vitals .hud-bar .fill{background:linear-gradient(180deg,#ff786c,#ce2e2e 52%,#781414);box-shadow:inset 0 1.5px #ffdcc873,inset 0 -3px 6px #00000059}.hud-vitals .hud-bar.mp .fill{background:linear-gradient(180deg,#96ceff,#407ce0 52%,#143c8c);box-shadow:inset 0 1.5px #dcf0ff80,inset 0 -3px 6px #00000059}.hud-vitals .hud-bar .label{font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.5px}.hud-vitals .bar-ico{position:absolute;left:0;top:0;bottom:0;width:22px;z-index:3;display:flex;align-items:center;justify-content:center;font-size:12px;background:linear-gradient(180deg,#402c14f5,#1a1108f5);border-right:1px solid rgba(0,0,0,.55);border-radius:4px 0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-vitals .hp-ico{color:#ff8a7a}.hud-vitals .mp-ico{color:#8ec0ff}.hud-bar{position:relative;height:18px;background:#000000b3;border:1px solid rgba(0,0,0,.95);border-radius:3px;overflow:hidden;box-shadow:inset 0 0 6px #000000d9,0 0 0 1px #c8964652}.hud-bar .fill{position:absolute;inset:0 100% 0 0;transition:right .22s ease;background:linear-gradient(180deg,#f05050,#8c1e1e)}.hud-bar.mp{height:14px}.hud-bar.mp .fill{background:linear-gradient(180deg,#64a0f0,#285ab4)}.hud-bar .label{position:absolute;inset:0;text-align:center;font-size:11px;line-height:18px;color:#f5f0e6f2;text-shadow:0 0 3px rgba(0,0,0,.95)}.hud-bar.mp .label{line-height:14px}.hud-minimap{position:absolute;top:14px;right:16px;display:flex;flex-direction:column;align-items:center}.mm-frame{position:relative;width:172px;height:172px;border-radius:50%;padding:5px;background:conic-gradient(from 130deg,#6b4a1c,#ffe39a,#b8852f,#ffe39a,#7a5320,#ffe39a,#6b4a1c);box-shadow:0 6px 22px #000000a6,0 0 0 2px #000000d9,0 0 18px #ffa03c38}.mm-frame:after{content:"";position:absolute;inset:5px;border-radius:50%;box-shadow:inset 0 0 0 2px #120b04d9,inset 0 0 14px #000000b3;pointer-events:none}.hud-minimap canvas{width:162px;height:162px;display:block;border-radius:50%}.mm-plate{position:relative;z-index:2;margin-top:-13px;min-width:150px;text-align:center;padding:6px 18px 5px;background:linear-gradient(180deg,#281c0ef5,#0e0a06f7);border:1px solid rgba(120,92,44,.9);border-radius:7px;box-shadow:0 4px 12px #0009,inset 0 0 0 1px #d6a85666}.mm-plate .region{font-size:13px;font-weight:800;letter-spacing:2px;background:linear-gradient(180deg,#fff1c8,#e7b35e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.mm-plate .coords{font-size:11px;font-weight:600;letter-spacing:1px;color:#d4c4a2d9;font-variant-numeric:tabular-nums;margin-top:1px}.hud-log{position:absolute;bottom:90px;width:360px;height:160px;display:flex;flex-direction:column}.hud-log.system{left:14px}.hud-log.combat{right:14px}.hud-log .header{display:flex;justify-content:space-between;margin-bottom:2px}.hud-log .title{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:1px}.hud-log .meta{font-size:11px;color:#aac8aad9}.hud-log .scroll{flex:1 1 auto;overflow-y:auto;font-size:12px;line-height:1.35em;background:linear-gradient(180deg,#0c0a06d9,#040507d9);border:1px solid var(--panel-border);border-radius:4px;padding:6px 8px;box-shadow:inset 0 0 8px #0009,0 4px 12px #00000080}.hud-log .scroll::-webkit-scrollbar{width:6px}.hud-log .scroll::-webkit-scrollbar-thumb{background:#b48c3c66;border-radius:3px}.hud-log .scroll .line{padding:1px 0}.hud-target{position:absolute;top:16px;left:50%;transform:translate(-50%);width:280px;display:none;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:8px 12px 8px 8px;background:linear-gradient(180deg,#22100ef2,#0c0808f7);border:1px solid rgba(150,70,56,.85);border-radius:10px;box-shadow:0 8px 24px #000000b3,inset 0 0 0 1px #d6786059,inset 0 0 18px #46141080}.hud-target.visible{display:grid}.hud-target.is-player{background:linear-gradient(180deg,#101a28f2,#080a0ef7);border-color:#4678bed9}.hud-target.aggro{border-color:#ff5a46;box-shadow:0 8px 24px #000000b3,0 0 16px #ff463280,inset 0 0 18px #78181099;animation:tgt-aggro-pulse 1s ease-in-out infinite}@keyframes tgt-aggro-pulse{0%,to{box-shadow:0 8px 24px #000000b3,0 0 14px #ff463266,inset 0 0 18px #78181099}50%{box-shadow:0 8px 24px #000000b3,0 0 26px #ff5a46d9,inset 0 0 22px #961e14bf}}.hud-target .tgt-portrait{width:52px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 32%,#46241ef2,#0e0807fa);border:1px solid rgba(180,100,80,.5);box-shadow:inset 0 0 10px #000000b3}.hud-target.is-player .tgt-portrait{background:radial-gradient(circle at 40% 32%,#22344ef2,#080c12fa);border-color:#5a8cc880}.hud-target .tgt-glyph{font-size:30px;line-height:1}.hud-target .tgt-right{display:flex;flex-direction:column;gap:4px;min-width:0}.hud-target .tgt-top{display:flex;align-items:center;gap:8px}.hud-target .tgt-aggro{display:none;margin-left:auto;font-size:10px;font-weight:800;letter-spacing:1px;color:#fff;background:linear-gradient(180deg,#e64632,#961810);border:1px solid rgba(255,160,140,.7);border-radius:3px;padding:1px 6px;text-shadow:0 1px 1px rgba(0,0,0,.8)}.hud-target.aggro .tgt-aggro{display:inline-block}.hud-target .name{font-size:14px;color:var(--text);display:flex;align-items:center;gap:8px;min-width:0}.hud-target .name .lv-badge{background:linear-gradient(180deg,#c83c3cf2,#781414f2);color:#fff0c8;padding:2px 8px;border:1px solid rgba(255,198,100,.55);border-radius:2px;font-size:11px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 1px rgba(0,0,0,.8);box-shadow:0 0 8px #c83c3c59}.hud-target .name .lv-badge.player{background:linear-gradient(180deg,#508cdcf2,#1e468cf2)}.hud-target .name .text{font-weight:600;letter-spacing:.5px}.hud-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:6px 14px;background:linear-gradient(180deg,#1c160e99,#06080cf2),#06080cf2;border-top:1px solid rgba(255,198,100,.55);box-shadow:0 -4px 18px #0009 inset}.hud-xp{position:static;flex:1 1 auto;display:flex;align-items:center;gap:14px;padding:0;background:none;border:none;box-shadow:none}.hud-xp .level{font-size:18px;color:var(--accent);font-weight:700;letter-spacing:1px;min-width:72px;text-shadow:0 1px 1px rgba(0,0,0,.7)}.hud-xp .hud-bar{flex:1 1 auto;height:26px;border:1px solid rgba(0,0,0,.95);box-shadow:inset 0 0 8px #000000d9,0 0 0 1px #ffc66459}.hud-xp .hud-bar .fill{background:linear-gradient(180deg,#ffdc78,#c88c28);transition:right .22s ease}.hud-xp .hud-bar .label{line-height:26px;font-size:13px;font-weight:600;letter-spacing:1px}.hud-dock{position:static;display:flex;gap:4px;background:none;border:none;padding:0;box-shadow:none}.hud-dock .dock-btn{position:relative;width:36px;height:36px;background:#22262ef2;border:1px solid rgba(70,78,90,.45);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f0e6c8e0;cursor:pointer;padding:0;transition:border-color .12s,background .12s}.hud-dock .dock-btn:hover{background:#322816f2;border-color:var(--accent);color:var(--accent)}.hud-dock .dock-btn .hotkey{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:600;color:#a0a5aabf;pointer-events:none}.hud-log{bottom:100px}.hud-skillbar-wrap{position:absolute;bottom:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.skill-pages{display:flex;gap:3px}.skill-page{font-size:10px;font-weight:700;letter-spacing:.5px;color:#b4a88ca6;background:linear-gradient(180deg,#1e170dd9,#0a0806d9);border:1px solid rgba(120,92,44,.4);border-radius:3px 3px 0 0;padding:2px 8px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.skill-page:hover{color:#ffc664e6;border-color:#d6a85699}.skill-page.active{color:#ffe6aa;background:linear-gradient(180deg,#563c1cf2,#22180cf2);border-color:#d6a856d9;box-shadow:0 0 7px #ffaa3c4d}.hud-skillbar{display:flex;align-items:center;gap:3px;background:linear-gradient(180deg,#241c10eb,#0a0806eb);border:1px solid var(--panel-border);border-radius:4px;padding:4px 6px;box-shadow:inset 0 0 8px #28160680,0 4px 14px #0000008c}.hud-skillbar .grip{display:grid;grid-template-columns:repeat(2,3px);grid-template-rows:repeat(3,3px);gap:3px;margin:0 6px 0 2px}.hud-skillbar .grip span{width:3px;height:3px;border-radius:50%;background:#a096828c}.hud-skillbar .slot{position:relative;width:32px;height:32px;background:#22262ef2;border:1px solid rgba(70,78,90,.45);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f0ebdcd9}.hud-skillbar .slot .hotkey{position:absolute;top:1px;right:3px;font-size:9px;font-weight:600;color:#a0a5aabf;pointer-events:none}.hud-skillbar .slot .skill-count{position:absolute;bottom:1px;right:3px;font-size:11px;font-weight:800;line-height:1;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;pointer-events:none;display:none}.hud-skillbar .slot.depleted .skill-icon{filter:grayscale(1) brightness(.55)}.hud-skillbar .slot.depleted .skill-count{color:#ff7a6a}.hud-skillbar .slot .skill-icon{font-size:18px;line-height:1}.wf-icon-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.hud-skillbar .slot .skill-icon.has-img-icon{width:30px;height:30px}.hud-skillbar .slot.empty .skill-icon{display:none}.hud-skillbar .slot .cooldown{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#000000a6;font-size:12px;font-weight:700;color:#ff825a;border-radius:3px}.hud-skillbar .slot.cooling .cooldown{display:flex}.hud-skillbar .slot.occupied{cursor:grab;background:linear-gradient(180deg,#3c2c16f2,#1c140af2);border-color:#ffc66480}.hud-skillbar .slot.occupied:hover{border-color:var(--accent)}.hud-skillbar .slot.dragging{opacity:.45;cursor:grabbing}.hud-skillbar .slot.drop-target{border-color:var(--accent);background:linear-gradient(180deg,#64461ed9,#281a0cf2);box-shadow:0 0 0 1px #ffc66499,0 0 10px #ffc66473}.hud-chat{position:absolute;bottom:258px;left:14px;width:360px;display:none}.hud-chat.visible{display:block}.hud-chat input{background:#04060aeb;border:1px solid var(--accent);color:var(--text);padding:6px 10px;width:100%;font:inherit;border-radius:3px}.wf-whisper{position:absolute;bottom:60px;left:14px;width:300px;background:#10141cf0;border:1px solid #3a5a7a;border-radius:8px;box-shadow:0 6px 24px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:50}.wf-whisper.hidden{display:none}.ww-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:linear-gradient(180deg,#3c5a7a80,#1e2d3e80);border-bottom:1px solid rgba(90,140,180,.4)}.ww-title{font-size:12px;color:#cfe2f2}.ww-title b{color:#ffd24a}.ww-close{background:none;border:none;color:#cfe2f2;font-size:18px;line-height:1;cursor:pointer;padding:0 4px}.ww-close:hover{color:#fff}.ww-log{max-height:180px;min-height:56px;overflow-y:auto;padding:6px 10px;font-size:12px;line-height:1.5;color:#dde6ef}.ww-line{margin-bottom:2px;word-break:break-word}.ww-line .ww-who{font-weight:700}.ww-line.out .ww-who{color:#7fd0a0}.ww-line.in .ww-who{color:#ffc878}.ww-input{padding:6px;border-top:1px solid rgba(90,140,180,.3)}.ww-input input{width:100%;box-sizing:border-box;padding:6px 8px;background:#080c12cc;border:1px solid #2f4a64;border-radius:5px;color:#eef;font:inherit;font-size:12px;outline:none}.ww-input input:focus{border-color:#6fa0d0}body.wf-mobile .wf-whisper{left:8px;bottom:80px;width:240px}.hud-safe{position:absolute;top:232px;right:14px;width:200px;text-align:center;padding:6px 10px;background:linear-gradient(180deg,#14321ed9,#08180ceb);border:1px solid rgba(120,200,130,.55);border-radius:4px;color:#b4f0b4;font-size:12px;font-weight:600;letter-spacing:2px;box-shadow:inset 0 0 10px #285a2866,0 4px 14px #00000080;display:none}.hud-safe.visible{display:block}.hud-esper{position:absolute;top:280px;right:14px;width:200px;padding:8px 10px;background:linear-gradient(180deg,#1c1232d9,#0a0618eb);border:1px solid rgba(160,120,220,.55);border-radius:4px;box-shadow:inset 0 0 12px #50288c40,0 4px 14px #0000008c}.hud-esper .title{font-size:11px;letter-spacing:2px;color:#c8aaff;font-weight:600;text-align:center;margin-bottom:6px}.hud-esper .status{font-size:10px;text-align:center;color:#a08cc8d9;margin-bottom:6px;letter-spacing:1px}.hud-esper .status.active{color:#b4f0b4}.hud-esper .btn-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hud-esper button{padding:5px 4px;font-size:11px;letter-spacing:1px;background:linear-gradient(180deg,#321e5af2,#140c28f2);border-color:#b48ce68c;color:#dcc8ff}.hud-esper button:hover{border-color:#dcb4ff;color:#f0dcff}.hud-esper button.toggle-on{background:linear-gradient(180deg,#3c6e3cf2,#143214f2);border-color:#96f0a0d9;color:#dcffdc}.esper-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px}.esper-modal h2{color:#c8aaff;margin:0 0 10px;text-align:center}.esper-modal .field{margin-bottom:10px}.esper-modal .field label{display:block;font-size:11px;color:var(--text-dim);letter-spacing:1px;margin-bottom:4px}.esper-modal select,.esper-modal input[type=number]{width:100%;background:var(--panel-bg-strong);border:1px solid var(--panel-border-soft);color:var(--text);padding:6px 8px;border-radius:3px;font:inherit}.esper-modal .actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}#hud>.floaters{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floaters .float{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:24px;text-shadow:0 0 6px rgba(0,0,0,.95);animation:floater .95s ease-out forwards;white-space:nowrap}.floaters .float.dmg{color:#ff6a4a}.floaters .float.xp{color:#8ac0ff}.floaters .float.heal{color:#6cf07a}.floaters .float.dmg.dmg-fire{color:var(--dmg-fire)}.floaters .float.dmg.dmg-ice{color:var(--dmg-ice)}.floaters .float.dmg.dmg-lightning{color:var(--dmg-lightning)}.floaters .float.dmg.dmg-holy{color:var(--dmg-holy)}.floaters .float.dmg.dmg-shadow{color:var(--dmg-shadow)}.floaters .float.dmg.dmg-poison{color:var(--dmg-poison)}.floaters .float.dmg.dmg-physical{color:var(--dmg-physical)}.floaters .float.dmg.dmg-darkness{color:var(--dmg-darkness)}.floaters .float.dmg.dmg-arcane{color:var(--dmg-arcane)}.floaters .float.amt-small{font-size:18px}.floaters .float.amt-med{font-size:24px}.floaters .float.amt-big{font-size:30px}.floaters .float.dmg.crit{font-size:32px;text-shadow:0 0 10px currentColor,0 0 6px rgba(0,0,0,.95);animation:floater-burst 1.05s ease-out forwards}@keyframes floater{0%{opacity:1}to{transform:translate(-50%,-150%);opacity:0}}@keyframes floater-burst{0%{opacity:0;transform:translate(-50%,-10%) scale(.6)}20%{opacity:1;transform:translate(-50%,-55%) scale(1.2)}35%{opacity:1;transform:translate(-50%,-65%) scale(1)}to{opacity:0;transform:translate(-50%,-180%) scale(.95)}}.modal{display:none;min-width:280px}.modal.visible{display:block}.modal h2{margin:0 0 10px;color:var(--accent);font-size:18px;text-align:center}.modal .row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:10px}.inv-window{position:fixed;top:16px;right:16px;left:auto;transform:none;width:460px;max-height:calc(100vh - 32px);overflow-y:auto;padding:12px 14px}.modal-right{position:fixed;inset:16px 16px 16px auto;transform:none;width:380px;max-height:calc(100vh - 32px);overflow-y:auto}.modal-left{position:fixed;inset:16px auto 16px 16px;transform:none;width:360px;max-height:calc(100vh - 32px);overflow-y:auto}.bank-window{position:fixed;top:16px;left:16px;right:auto;transform:none;width:452px;max-height:calc(100vh - 32px);overflow-y:auto;padding:12px 14px}.bank-hint{font-size:11px;color:var(--text-dim);text-align:center;margin:2px 0 10px}.bank-pages{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:10px}.bank-page-tab{min-width:34px;padding:5px 8px;background:var(--panel-bg-strong);border:1px solid var(--panel-border-soft);border-radius:4px;color:var(--text-dim);font-weight:700;font-size:13px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.bank-page-tab:hover{color:var(--text);border-color:var(--accent)}.bank-page-tab.active{color:#1a1206;background:linear-gradient(180deg,var(--accent),#c8923c);border-color:var(--accent);box-shadow:0 0 10px #ffc66466}.bank-window .bank-grid{margin:0 auto;grid-template-rows:repeat(8,56px)!important}.bank-sort-btn{margin-left:auto;margin-right:8px;padding:5px 11px;background:linear-gradient(180deg,#5a411eb3,#281c0cd9);border:1px solid rgba(255,198,100,.45);border-radius:5px;color:#ffe9c0;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap;transition:filter .12s,border-color .12s}.bank-sort-btn:hover{filter:brightness(1.15);border-color:var(--accent)}.bank-gold{margin-top:14px;padding:12px 13px 11px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,198,100,.1),transparent 70%),linear-gradient(180deg,#281e0e99,#0c0a08e6);border:1px solid rgba(255,198,100,.4);border-radius:8px;box-shadow:inset 0 0 18px #78501440,0 4px 14px #0006}.bank-gold .bg-title{text-align:center;font-weight:800;font-size:12px;letter-spacing:2px;color:#ffd98a;text-shadow:0 0 8px rgba(255,198,100,.4);margin-bottom:10px}.bank-gold .bg-balances{display:flex;gap:8px;margin-bottom:9px}.bank-gold .bg-bal{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:linear-gradient(180deg,#00000059,#00000080);border:1px solid var(--panel-border-soft);border-radius:6px;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .06s}.bank-gold .bg-bal:hover{border-color:var(--accent);box-shadow:inset 0 0 12px #ffc66433}.bank-gold .bg-bal:active{transform:translateY(1px)}.bank-gold .bg-bal-k{font-size:11px;color:var(--text-dim);letter-spacing:.5px}.bank-gold .bg-bal-v{font-size:17px;font-weight:800;color:#ffd98a;font-variant-numeric:tabular-nums;text-shadow:0 0 6px rgba(255,198,100,.35)}.bank-gold .bg-controls{display:flex;gap:6px}.bank-gold .bg-amount{flex:1;min-width:0;padding:8px 10px;background:#00000073;border:1px solid rgba(255,198,100,.3);border-radius:6px;color:#ffe9c0;font-size:15px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.bank-gold .bg-amount:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),inset 0 0 10px #ffc66426}.bank-gold .bg-amount::placeholder{color:#c8b48c73;font-weight:400}.bank-gold .bg-btn{padding:8px 13px;border-radius:6px;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;color:#1a1206;border:1px solid rgba(0,0,0,.3);transition:filter .12s,transform .06s}.bank-gold .bg-btn:hover{filter:brightness(1.12)}.bank-gold .bg-btn:active{transform:translateY(1px)}.bank-gold .bg-btn.dep{background:linear-gradient(180deg,#6fd08a,#3f9c63)}.bank-gold .bg-btn.wd{background:linear-gradient(180deg,#f0c46a,#c8923c)}.bank-gold .bg-hint{text-align:center;font-size:10px;color:var(--text-dim);margin-top:7px;opacity:.8}.npc-dialog{min-width:260px;max-width:320px;padding:14px 16px;box-shadow:0 18px 60px #0009,0 0 0 1px #ffc66440,inset 0 0 18px #3c260e4d}.npc-dialog .nd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,198,100,.2)}.npc-dialog .nd-title{font-weight:800;font-size:15px;color:#ffe9c0;letter-spacing:.3px}.npc-dialog .nd-x{background:none;border:none;color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}.npc-dialog .nd-x:hover{color:var(--text)}.npc-dialog .nd-items{display:flex;flex-direction:column;gap:8px}.npc-dialog .nd-item{display:flex;align-items:center;gap:10px;padding:11px 13px;font-size:14px;font-weight:600;text-align:left;background:linear-gradient(180deg,#3c2e1699,#1c140acc);border:1px solid var(--panel-border);border-radius:6px;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s,transform .06s}.npc-dialog .nd-item:hover{border-color:var(--accent);background:linear-gradient(180deg,#5a411ecc,#281c0ce6)}.npc-dialog .nd-item:active{transform:translateY(1px)}.npc-dialog .nd-ico{font-size:18px;width:22px;text-align:center}.npc-dialog .nd-item:first-child{border-color:#ffc66480}.qty-dialog{min-width:270px;max-width:320px;padding:16px;text-align:center;box-shadow:0 18px 60px #0009,0 0 0 1px #ffc66440,inset 0 0 18px #3c260e4d}.qty-dialog .qd-title{font-weight:800;font-size:14px;color:#ffe9c0;margin-bottom:14px}.qty-dialog .qd-slider{width:100%;accent-color:var(--accent);margin-bottom:12px}.qty-dialog .qd-row{display:flex;gap:6px;margin-bottom:14px}.qty-dialog .qd-input{flex:1;min-width:0;padding:9px;text-align:center;font-size:17px;font-weight:800;background:#00000073;border:1px solid rgba(255,198,100,.3);border-radius:6px;color:#ffe9c0;font-variant-numeric:tabular-nums}.qty-dialog .qd-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.qty-dialog .qd-quick{padding:8px 11px;background:#5a411e99;border:1px solid var(--panel-border);border-radius:6px;color:var(--text);font-weight:700;cursor:pointer}.qty-dialog .qd-quick:hover{border-color:var(--accent);color:#ffe9c0}.qty-dialog .qd-btns{display:flex;gap:8px}.qty-dialog .qd-ok,.qty-dialog .qd-cancel{flex:1;padding:10px;border-radius:6px;font-weight:800;font-size:13px;cursor:pointer}.qty-dialog .qd-ok{background:linear-gradient(180deg,#6fd08a,#3f9c63);color:#10210f;border:1px solid rgba(0,0,0,.3)}.qty-dialog .qd-ok:hover{filter:brightness(1.12)}.qty-dialog .qd-cancel{background:var(--panel-bg-strong);border:1px solid var(--panel-border);color:var(--text-dim)}.qty-dialog .qd-cancel:hover{color:var(--text)}.confirm-dialog{position:fixed!important;top:50%;left:50%;transform:translate(-50%,-50%);min-width:360px;max-width:520px;padding:18px 20px;z-index:6000;background:var(--panel-bg-strong);border:1px solid var(--panel-border);box-shadow:0 14px 40px #000000b3}.confirm-dialog .cd-title{font-weight:800;font-size:14px;color:var(--accent, #ffc664);margin-bottom:10px;letter-spacing:.4px}.confirm-dialog .cd-msg{font-size:13px;color:var(--text);line-height:1.5;white-space:pre-wrap;margin-bottom:16px}.confirm-dialog .cd-btns{display:flex;gap:8px}.confirm-dialog .cd-ok,.confirm-dialog .cd-cancel{flex:1;padding:10px 14px;border-radius:6px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;transition:filter .12s ease,transform .06s ease}.confirm-dialog .cd-ok{background:linear-gradient(180deg,#6fd08a,#3f9c63);color:#10210f;border:1px solid rgba(0,0,0,.3)}.confirm-dialog .cd-ok:hover{filter:brightness(1.12)}.confirm-dialog .cd-ok.primary{box-shadow:0 0 0 2px #6fd08a4d}.confirm-dialog .cd-ok:active{transform:translateY(1px)}.confirm-dialog .cd-cancel{background:var(--panel-bg-strong);border:1px solid var(--panel-border);color:var(--text-dim)}.confirm-dialog .cd-cancel:hover{color:var(--text)}.inv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inv-header .title{font-size:16px;font-weight:600;color:var(--accent);letter-spacing:1px}.inv-header .close-x{background:transparent;border:1px solid var(--panel-border-soft);color:var(--text-dim);width:28px;height:28px;padding:0;font-size:18px;line-height:1}.inv-header .close-x:hover{color:var(--accent);border-color:var(--accent)}.inv-top{display:grid;grid-template-columns:180px 1fr;gap:16px;margin-bottom:14px}.inv-preview{background:#04060abf;border:1px solid var(--panel-border);border-radius:4px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.inv-preview .avatar-stub{width:140px;height:180px;background:radial-gradient(ellipse at 50% 30%,rgba(255,198,100,.22) 0%,transparent 60%),linear-gradient(180deg,#1c160e8c,#080a0ed9);border-radius:4px;border:1px solid var(--panel-border-soft);margin-bottom:8px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 18px #28180859}.inv-preview .avatar-stub svg{width:100px;height:150px}.inv-preview .preview-icon{font-size:32px;margin-bottom:6px}.inv-preview .preview-tag{font-size:11px;color:var(--text-dim);letter-spacing:1px;margin-bottom:8px}.inv-preview .stats{width:100%;font-size:12px;margin-top:auto;border-top:1px solid var(--panel-border-soft);padding-top:6px}.inv-preview .stats>div{display:flex;justify-content:space-between;padding:1px 0;color:var(--text-dim)}.inv-preview .stats .v{color:var(--text);font-weight:600}.equip-section{display:flex;flex-direction:column;align-items:center;gap:6px}.equip-section .section-title{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:600}.equip-grid{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(5,60px);gap:6px}.equip-slot{width:60px;height:60px}.equip-slot{background:var(--panel-bg-strong);border:1px solid var(--panel-border-soft);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#8c826e8c;position:relative;cursor:pointer;transition:border-color .12s}.equip-slot:hover{border-color:var(--accent)}.equip-slot.occupied{color:var(--accent);background:#281e10d9;border-color:var(--accent-soft);font-size:22px}.bag-section{margin-top:4px}.bag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.bag-header .title{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:600}.bag-header .sort{padding:3px 10px;font-size:11px}.bag-grid{position:relative;display:grid;grid-template-columns:repeat(7,56px);grid-template-rows:repeat(4,56px);gap:3px;justify-content:center}.bag-cell{background:var(--panel-bg-strong);border:1px solid var(--panel-border-soft);border-radius:3px;transition:border-color .12s,background .12s,box-shadow .12s}.bag-cell.drop-target,.bag-item.drop-target,.equip-slot.drop-target{border-color:var(--accent)!important;background:#5a411eb3!important;box-shadow:inset 0 0 10px #ffc66473,0 0 12px #ffc66466!important}.bag-item.dragging,.equip-slot.dragging{opacity:.4;cursor:grabbing}.bag-item[draggable=true],.equip-slot[draggable=true]{cursor:grab}.bag-item{background:#281e10e0;border:1px solid var(--accent-soft);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;color:var(--text);cursor:pointer;position:relative;padding:4px;z-index:1;overflow:hidden}.bag-item:hover{border-color:var(--accent)}.bag-item.tier-white{border-color:#b4b4be8c}.bag-item.tier-green{border-color:#5ac86ebf;background:linear-gradient(180deg,#1e3c1ed9,#142814d9)}.bag-item.tier-blue{border-color:#5a96e6d9;background:linear-gradient(180deg,#142846d9,#0c1832d9);box-shadow:inset 0 0 12px #5a96e62e}.bag-item.tier-purple{border-color:#b464dcd9;background:linear-gradient(180deg,#321e46d9,#1e1232d9);box-shadow:inset 0 0 14px #b464dc40}.bag-item.tier-gold{border-color:#ffc664e6;background:linear-gradient(180deg,#463214d9,#281c0ad9);box-shadow:inset 0 0 18px #ffc66459}.bag-item.tier-orange{border-color:#ff963ce6;background:linear-gradient(180deg,#502c0ed9,#301a08d9);box-shadow:inset 0 0 16px #ff963c4d}.bag-item.tier-red{border-color:#f04646f2;background:linear-gradient(180deg,#501414e0,#300a0ae0);box-shadow:inset 0 0 20px #f0464666}.bag-item.tier-white .name{color:#dcdce6}.bag-item.tier-green .name{color:#b4f0b4}.bag-item.tier-blue .name{color:#a0c8ff}.bag-item.tier-purple .name{color:#e6b4ff}.bag-item.tier-gold .name{color:#ffe6a0}.bag-item.tier-orange .name{color:#ffc382}.bag-item.tier-red .name{color:#ff9696}.bag-item .icon{font-size:26px;color:var(--accent);line-height:1;margin-bottom:4px}.bag-item .icon.has-img-icon{width:32px;height:32px;margin-bottom:3px}.bag-item .name{font-size:10px;color:var(--text);line-height:1.1}.bag-item .qty{position:absolute;bottom:2px;right:4px;font-size:11px;color:#ffe6a0;text-shadow:0 0 4px black,0 0 2px black;font-weight:700}.inv-trash{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#3c16168c,#1e0c0cd9);border:1px dashed rgba(220,80,80,.5);border-radius:5px;color:#f0b4b4d9;font-size:12px;letter-spacing:2px;cursor:default;transition:border-color .15s,background .2s,transform .08s}.inv-trash .trash-glyph{font-size:18px}.inv-trash .trash-label{font-weight:700}.inv-trash.drop-hot{border-color:#ff6e6e;background:linear-gradient(180deg,#8c2828bf,#3c1212f2);color:#ffd0d0;transform:scale(1.02);box-shadow:0 0 24px #ff505066}.wf-delete-confirm{position:fixed;z-index:10000;min-width:220px;max-width:280px;padding:12px 14px;background:linear-gradient(180deg,#1c120af5,#0a0806fc);border:1px solid rgba(255,120,120,.65);border-radius:6px;box-shadow:0 12px 30px #000000b3,0 0 18px #dc3c3c40;animation:confirm-pop .15s ease-out}@keyframes confirm-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.wf-delete-confirm .del-q{font-size:13px;color:#f0d2b4;margin-bottom:10px;line-height:1.4}.wf-delete-confirm .del-actions{display:flex;gap:8px;justify-content:flex-end}.wf-delete-confirm button{padding:5px 12px;font-size:12px;font-weight:600;border-radius:3px;cursor:pointer;background:#281e10d9;border:1px solid rgba(180,140,60,.5);color:#e8e0d2}.wf-delete-confirm button:hover{border-color:#ffc664}.wf-delete-confirm button.danger{background:linear-gradient(180deg,#b43232f2,#5a1616f2);border-color:#ff7878b3;color:#ffe0d8}.wf-delete-confirm button.danger:hover{border-color:#ff6e6e;background:linear-gradient(180deg,#dc4646,#781e1e)}.inv-gold{margin-top:12px;padding:9px;text-align:center;background:#281e0e8c;border:1px solid var(--panel-border);border-radius:4px;color:var(--accent);font-weight:700;letter-spacing:2px;font-size:14px}.loot-window{position:fixed;display:flex;flex-direction:column;gap:7px;padding:9px 9px 10px;width:222px;background:linear-gradient(180deg,#20160bf7,#0c0906fb);border:1px solid rgba(120,92,44,.9);border-radius:9px;box-shadow:0 16px 40px #000000c7,0 0 26px #ff963224,inset 0 0 0 1px #d6a85673,inset 0 0 18px #462c1080;animation:loot-pop .16s ease-out}@keyframes loot-pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.loot-window .loot-head{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 6px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(214,168,86,.7),transparent) 1}.loot-window .loot-title{color:#ffd684;font-weight:700;letter-spacing:3px;font-size:11px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(255,170,60,.3)}.loot-window .loot-x{background:transparent;border:none;padding:0 4px;color:#dcc8a0a6;font-size:13px;cursor:pointer;line-height:1;transition:color .12s,transform .12s}.loot-window .loot-x:hover{color:#ffc664;transform:scale(1.15)}.loot-window .loot-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;overflow-x:hidden}.loot-window .loot-empty{color:#b4a58c99;font-size:12px;text-align:center;padding:8px 0}.loot-window .loot-row{display:flex;align-items:center;gap:9px;padding:5px 7px;background:linear-gradient(90deg,#3626148c,#160f094d);border:1px solid rgba(140,110,60,.22);border-radius:5px;cursor:pointer;transition:background .12s,transform .08s,box-shadow .12s}.loot-window .loot-row:hover{background:linear-gradient(90deg,#5c401ebf,#261a0d8c);transform:translate(2px)}.loot-window .loot-row-tile{position:relative;flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:radial-gradient(circle at 50% 35%,#3c301ce6,#0e0a06f2);border:1px solid rgba(150,120,70,.5);box-shadow:inset 0 0 6px #0009}.loot-window .loot-row-icon{font-size:19px;line-height:1}.loot-window .loot-row-icon.has-img-icon{width:27px;height:27px}.loot-window .loot-row-qty{position:absolute;right:-2px;bottom:-3px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 0 3px #000,0 1px 1px #000;background:#000000b3;border-radius:3px;padding:0 3px}.loot-window .loot-row-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.loot-window .loot-row-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.85)}.loot-window .loot-row-rarity{font-size:9.5px;letter-spacing:.5px;color:#b4a894b3}.loot-window .loot-row.q-white .loot-row-tile{border-color:#b8b3a8}.loot-window .loot-row.q-white .loot-row-name{color:#e2ddd3}.loot-window .loot-row.q-green .loot-row-tile{border-color:#4fd06a;box-shadow:inset 0 0 6px #0009,0 0 7px #4fd06a59}.loot-window .loot-row.q-green .loot-row-name{color:#84ec95}.loot-window .loot-row.q-blue .loot-row-tile{border-color:#4aa3ff;box-shadow:inset 0 0 6px #0009,0 0 7px #4aa3ff66}.loot-window .loot-row.q-blue .loot-row-name{color:#8cc4ff}.loot-window .loot-row.q-purple .loot-row-tile{border-color:#b15cff;box-shadow:inset 0 0 6px #0009,0 0 8px #b15cff73}.loot-window .loot-row.q-purple .loot-row-name{color:#d4a4ff}.loot-window .loot-row.q-gold .loot-row-tile{border-color:#ffb528;box-shadow:inset 0 0 6px #0009,0 0 9px #ffb52880}.loot-window .loot-row.q-gold .loot-row-name{color:#ffd56a}.loot-window .loot-actions{display:flex;justify-content:center}.loot-window .loot-takeall-btn{width:100%;background:linear-gradient(180deg,#60441ef5,#301f0df5);border:1px solid rgba(214,168,86,.6);color:#ffe6a0;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;padding:6px 0;border-radius:5px;cursor:pointer;box-shadow:inset 0 1px #ffdc9640,0 2px 6px #0006;transition:background .15s,color .12s,box-shadow .15s}.loot-window .loot-takeall-btn:hover{background:linear-gradient(180deg,#7e5a28,#422c13);box-shadow:inset 0 1px #ffe6aa59,0 0 12px #ffaa3c4d}.settings-panel{min-width:320px}.settings-panel .set-head{margin:12px 0 4px;font-size:12px;letter-spacing:2px;color:#ffc664;border-bottom:1px solid rgba(180,140,60,.3);padding-bottom:3px}.settings-panel .set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0;font-size:13px}.settings-panel .set-label{color:#d2c8b4f2}.settings-panel .set-select{background:#100c06f2;border:1px solid rgba(180,140,60,.45);color:#e8d3a8;padding:4px 8px;border-radius:4px;font:inherit;min-width:120px}.settings-panel .set-range{flex:1 1 0;accent-color:rgba(255,198,100,1);max-width:160px}.settings-panel .set-check{display:flex;align-items:center;gap:6px;cursor:pointer;color:#d2c8b4f2}.loot-window:not(.visible){display:none!important}.wf-world-map{position:fixed;inset:0;z-index:9500;display:none;align-items:center;justify-content:center;background:transparent}.wf-world-map.visible{display:flex}.wf-world-map-card{width:84vmin;height:90vmin;max-width:94vw;max-height:94vh;background:linear-gradient(180deg,#1c1208f7,#0a0806fc);border:1px solid rgba(220,170,80,.7);border-radius:12px;padding:10px 14px 8px;box-shadow:0 18px 48px #0009,0 0 26px #ff963238;display:flex;flex-direction:column;gap:8px}.wf-world-map-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body)}.wf-world-map-head .title{color:#ffc664;font-weight:700;letter-spacing:4px;font-size:14px}.wf-world-map-head .hint{color:#c8aa7899;font-size:11px;letter-spacing:1px}.wf-wm-zoom{display:flex;align-items:center;gap:6px}.wf-wm-zoom button{width:26px;height:26px;border-radius:5px;cursor:pointer;font-size:16px;line-height:1;background:#3c2c14f2;border:1px solid rgba(255,198,100,.5);color:#ffe9c0}.wf-wm-zoom button:hover{background:#78561cf2}.wf-wm-zoom #wf-wm-zlvl{color:#ffd070;font:600 12px system-ui;min-width:28px;text-align:center}.wf-world-map-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0006;border:1px solid rgba(180,140,60,.45);border-radius:6px;overflow:hidden;padding:4px}.wf-world-map-body canvas{display:block;width:78vmin;height:78vmin;max-width:100%;max-height:100%;image-rendering:auto}.wf-world-map-foot{text-align:center;font-size:12px;letter-spacing:1px;color:#dcc8a0cc}.cast-bar{position:fixed;top:62%;left:50%;transform:translate(-50%);width:380px;display:none;pointer-events:none;z-index:90}#hud>.cast-bar{pointer-events:none}.cast-bar.visible{display:block}.cast-bar .label{text-align:center;color:var(--accent);font-weight:600;letter-spacing:1px;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.cast-bar .bar{position:relative;height:18px;background:#000000d9;border:1px solid var(--panel-border);border-radius:3px;overflow:hidden;box-shadow:0 0 12px #ffc66473}.cast-bar .fill{position:absolute;inset:0 100% 0 0;background:linear-gradient(180deg,#ffdc78,#c88c28)}.cast-bar .timer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff0dc;text-shadow:0 0 4px rgba(0,0,0,.9);letter-spacing:1px}.buff-bar{position:fixed;top:96px;right:16px;display:flex;flex-direction:row;gap:6px;pointer-events:auto;cursor:grab;z-index:88}.buff-bar.dragging{cursor:grabbing}.buff-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:46px;background:#000000b3;border:1px solid rgba(255,150,70,.6);border-radius:6px;box-shadow:0 0 10px #ff782859}.buff-chip .buff-icon{font-size:24px;line-height:1}.buff-chip .buff-timer{position:absolute;bottom:1px;right:3px;font-size:10px;font-weight:700;color:var(--accent);text-shadow:0 1px 2px rgba(0,0,0,.9)}.stat-section{margin-bottom:14px}.stat-section .stat-title{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:2px;padding-bottom:4px;margin-bottom:6px;border-bottom:1px solid var(--panel-border-soft)}.stat-section .stat-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 4px}.stat-section .stat-row .k{color:var(--text-dim)}.stat-section .stat-row .v{color:var(--text);font-weight:600}.stat-section .stat-row.highlight .v{color:var(--accent)}.stat-section .formula{margin-top:6px;font-size:11px;color:var(--text-dim);font-style:italic}.stat-alloc-row .v{display:inline-flex;align-items:center;gap:8px}.stat-alloc-row .v .num{min-width:28px;text-align:right}.stat-alloc-row .alloc-btn{background:linear-gradient(180deg,#508c50f2,#1e501ef2);border:1px solid rgba(140,220,140,.7);color:#dcffdc;font-weight:700;font-size:14px;width:26px;height:24px;padding:0;border-radius:3px;cursor:pointer;line-height:1}.stat-alloc-row .alloc-btn:hover{background:linear-gradient(180deg,#64b464f2,#286428f2)}.town-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px}.town-modal h2{color:var(--accent);margin:0 0 10px;text-align:center}.town-modal .town-list{display:flex;flex-direction:column;gap:4px;margin:10px 0}.town-modal .town-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--panel-bg-strong);border:1px solid var(--panel-border-soft);border-radius:3px;cursor:pointer;transition:border-color .12s,background .12s}.town-modal .town-row:hover{border-color:var(--accent);background:#322410bf}.town-modal .town-row .name{color:var(--text);font-weight:600}.town-modal .town-row .coord{color:var(--text-dim);font-size:11px}.mount-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:340px}.mount-modal h2{color:var(--accent);margin:0 0 10px;text-align:center}.mount-modal .mount-list{display:flex;flex-direction:column;gap:4px;margin:10px 0}.mount-modal .mount-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--panel-bg-strong);border:1px solid var(--panel-border-soft);border-radius:3px;cursor:pointer;transition:border-color .12s,background .12s}.mount-modal .mount-row:hover{border-color:var(--accent);background:#322410bf}.mount-modal .mount-row.active{border-color:var(--accent);background:#28321a8c}.mount-modal .mount-row .glyph{font-size:26px;line-height:1}.mount-modal .mount-row .txt{flex:1}.mount-modal .mount-row .name{color:var(--text);font-weight:600}.mount-modal .mount-row .desc{color:var(--text-dim);font-size:11px}.mount-modal .mount-row .riding{font-size:10px;font-weight:700;letter-spacing:1px;color:#9ade8e}.mount-modal .mount-footer{display:flex;gap:8px;justify-content:center;margin-top:10px}.skill-tabs{display:flex;gap:4px;margin-bottom:10px}.skill-tabs .tab{flex:1 1 0;padding:8px 10px;text-align:center;background:#14100ab3;border:1px solid var(--panel-border-soft);border-bottom:none;border-radius:4px 4px 0 0;color:var(--text-dim);font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.skill-tabs .tab.active{color:var(--accent);background:linear-gradient(180deg,#3c2c16d9,#14100ad9);border-color:var(--panel-border)}.skill-tabs .tab:hover{color:var(--accent);border-color:var(--panel-border)}.skill-pool{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skill-subhead{grid-column:1 / -1;margin:8px 0 2px;padding-bottom:3px;border-bottom:1px solid var(--panel-border);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.skill-subhead:first-child{margin-top:0}.skill-cell{background:var(--panel-bg-strong);border:1px solid var(--panel-border-soft);border-radius:4px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:11px;color:var(--text-dim);cursor:pointer;transition:border-color .12s,color .12s}.skill-cell:hover{border-color:var(--accent);color:var(--accent)}.skill-cell .icon{font-size:24px;margin-bottom:4px;color:var(--accent)}.skill-cell .lock{color:#c86450b3;font-size:10px;margin-top:2px}.skill-cell.unlocked{color:var(--text)}.skill-cell.unlocked .lock{display:none}.item-tooltip{position:fixed;z-index:250;min-width:200px;max-width:280px;padding:10px 12px;background:linear-gradient(180deg,#1c160ef5,#080a0efa);border:1px solid var(--panel-border);border-radius:4px;pointer-events:none;box-shadow:inset 0 0 10px #3c280e40,0 8px 24px #0009;font-size:12px;color:var(--text)}.item-tooltip .t-name{font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:2px}.item-tooltip .t-name-icon{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-4px}.item-tooltip .t-name.tier-white{color:#dcdce6}.item-tooltip .t-name.tier-green{color:#8ce696}.item-tooltip .t-name.tier-blue{color:#96c8ff}.item-tooltip .t-name.tier-purple{color:#dca0ff}.item-tooltip .t-name.tier-gold{color:#ffdc82}.item-tooltip .t-cat{color:var(--text-dim);font-size:11px;letter-spacing:1px;margin-bottom:4px}.item-tooltip .t-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,198,100,.45),transparent);margin:6px 0}.item-tooltip .t-stat{color:#dcd2c3;font-size:12px;margin:1px 0}.item-tooltip .t-stat .k{color:var(--text-dim);margin-right:4px}.item-tooltip .t-stat .v{color:var(--accent);font-weight:600}.item-tooltip .t-hint{color:var(--text-dim);font-size:11px;font-style:italic;margin-top:6px;border-top:1px solid var(--panel-border-soft);padding-top:4px}.ctx-menu{position:fixed;z-index:200;min-width:160px;background:#0e1218f5;border:1px solid var(--panel-border);border-radius:4px;padding:4px 0;display:none;box-shadow:0 6px 24px #0009;pointer-events:auto}.ctx-menu.visible{display:block}.ctx-menu .ctx-header{padding:6px 12px 8px;font-size:12px;color:var(--accent);font-weight:600;letter-spacing:1px;border-bottom:1px solid var(--panel-border-soft);margin-bottom:4px}.ctx-menu .ctx-item{padding:6px 12px;font-size:13px;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px}.ctx-menu .ctx-item:hover{background:#282010d9;color:var(--accent)}.ctx-menu .ctx-item .ico{width:18px;text-align:center;color:var(--accent)}.hud-party{position:absolute;top:200px;left:14px;width:220px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;padding:8px;display:none}.hud-party.visible{display:block}.hud-party .title{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:600;margin-bottom:6px}.hud-party .member{margin-bottom:6px}.hud-party .member .row1{display:flex;justify-content:space-between;font-size:12px;margin-bottom:2px}.hud-party .member .row1 .name{color:var(--text)}.hud-party .member .row1 .name.leader:before{content:"★ ";color:var(--accent)}.hud-party .member .row1 .lv{color:var(--text-dim);font-size:11px}.hud-party .member .hud-bar{height:10px}.hud-party .member .hud-bar .label{display:none}.hud-party .member.offline{opacity:.45}.hud-party .member{cursor:pointer;padding:3px 4px;border-radius:3px;border:1px solid transparent;transition:background .1s,border-color .1s}.hud-party .member:hover{background:#ffffff0f}.hud-party .member.active{border-color:var(--accent);background:#78aaff1f}.wf-pet .pet-body{display:flex;flex-direction:column;gap:8px;margin-top:8px}.wf-pet .pet-card{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:6px;border:1px solid var(--panel-border);background:#ffffff0a;cursor:pointer}.wf-pet .pet-card:hover{background:#ffffff14}.wf-pet .pet-card.active{border-color:var(--accent);background:#78aaff24}.wf-pet .pet-swatch{width:34px;height:34px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 10px #ffffff40 inset}.wf-pet .pet-swatch.off{background:#ffffff0f;color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:16px}.wf-pet .pet-name{color:var(--text);font-size:13px;font-weight:600}.wf-pet .pet-desc{color:var(--text-dim);font-size:11px}.wf-pet .pet-hint{color:var(--text-dim);font-size:11px;margin:6px 2px;line-height:1.4}.wf-pet .pet-toggle{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;background:#ffffff0a;cursor:pointer;font-size:13px;color:var(--text)}.wf-pet .pet-toggle:hover{background:#ffffff14}.wf-pet .pet-toggle input{width:16px;height:16px;accent-color:var(--accent)}.hud-invite{position:absolute;top:22%;left:50%;transform:translate(-50%) translateY(-8px);min-width:280px;background:var(--panel-bg);border:1px solid var(--accent);border-radius:8px;padding:16px 18px;text-align:center;box-shadow:0 8px 28px #00000080;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:60}#hud>.hud-invite:not(.visible){pointer-events:none;visibility:hidden}.hud-invite.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.hud-invite .invite-title{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:600;margin-bottom:8px}.hud-invite .invite-text{font-size:14px;color:var(--text);margin-bottom:14px;line-height:1.4}.hud-invite .invite-btns{display:flex;gap:10px;justify-content:center}.hud-invite .invite-btn{flex:1;padding:8px 14px;border-radius:5px;border:1px solid var(--panel-border);font-size:13px;font-weight:600;cursor:pointer;background:#ffffff0f;color:var(--text)}.hud-invite .invite-btn.accept{background:#4ac87833;border-color:#4ac878;color:#bfeccd}.hud-invite .invite-btn.accept:hover{background:#4ac87859}.hud-invite .invite-btn.decline:hover{background:#d04a4a40;border-color:var(--danger)}.trade-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:760px;max-height:90vh;overflow-y:auto;padding:14px 18px}.trade-window .tw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trade-window .tw-title{font-size:16px;color:var(--accent);font-weight:600;letter-spacing:1px}.trade-window .close-x{background:transparent;border:1px solid rgba(220,80,80,.6);color:#f07878;width:30px;height:30px;padding:0;font-size:18px;line-height:1}.trade-window .tw-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.trade-side{background:#04060ab3;border:1px solid var(--panel-border);border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:8px}.trade-side.other{border-color:#9664c873}.trade-side .side-header{display:flex;justify-content:space-between;align-items:center}.trade-side .side-name{font-weight:600;color:var(--text)}.trade-side .side-status{font-size:11px;padding:2px 8px;border-radius:2px;background:#3c465099;color:var(--text-dim)}.trade-side .side-status.locked{background:#b4821eb3;color:#ffe6a0}.trade-side .side-status.confirmed{background:#508c50b3;color:#dcf0dc}.trade-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.trade-slot{height:80px;background:#0a0e14b3;border:1px solid var(--panel-border-soft);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--text-dim);position:relative;text-align:center;cursor:pointer}.trade-slot .icon{font-size:22px;color:var(--accent);margin-bottom:2px}.trade-slot .icon.has-img-icon{width:34px;height:34px;margin-bottom:3px}.trade-slot .name{font-size:10px;color:var(--text)}.trade-slot .qty{position:absolute;bottom:4px;right:6px;font-size:11px;color:#ffe6a0;font-weight:700;text-shadow:0 0 3px black}.trade-slot.empty{cursor:default}.trade-slot.empty:before{content:"—";color:#64646480}.trade-side .gold-row{display:flex;align-items:center;gap:8px}.trade-side .gold-row label{font-size:12px;color:var(--text-dim)}.trade-side .gold-row input{flex:1 1 auto;width:auto}.trade-side .gold-row .set-btn{padding:4px 14px;font-size:12px}.trade-side .other-gold{font-size:13px;color:var(--accent)}.trade-side .pick-hint{font-size:11px;color:var(--text-dim)}.trade-side .pick-bag{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-height:180px;overflow-y:auto;padding-right:4px}.trade-side .pick-bag .pick-cell{height:44px;background:#0a0e14bf;border:1px solid var(--panel-border-soft);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);cursor:pointer;position:relative}.trade-side .pick-bag .pick-cell .icon.has-img-icon{width:34px;height:34px}.trade-side .pick-bag .pick-cell:hover{border-color:var(--accent)}.trade-side .pick-bag .pick-cell .qty{position:absolute;bottom:2px;right:4px;font-size:10px;color:#ffe6a0;font-weight:700;text-shadow:0 0 3px black}.trade-bottom{text-align:center;font-size:12px;color:var(--text-dim);margin-bottom:10px}.trade-actions{display:flex;justify-content:flex-end;gap:8px}.trade-actions button{padding:8px 18px;font-size:13px}.trade-actions .btn-cancel{background:#3c1e1ecc;border-color:#c850508c;color:#f0b4b4}.trade-actions .btn-lock{background:#966414d9;border-color:#dca03cb3;color:#ffebb4}.trade-actions .btn-confirm{background:#286432d9;border-color:#50b464b3;color:#dcf0dc}.trade-actions button:disabled{opacity:.45;cursor:not-allowed}.bs-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:720px;max-height:90vh;overflow-y:auto;padding:16px 20px;border:1px solid rgba(255,150,60,.7);box-shadow:0 0 24px #ff963c40}.bs-window .bs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.bs-window .bs-title-wrap{display:flex;flex-direction:column;gap:2px}.bs-window .bs-title{font-size:18px;color:#ffaa50;font-weight:700;letter-spacing:2px}.bs-window .bs-subtitle{font-size:12px;color:var(--text-dim)}.bs-window .close-x{background:transparent;border:1px solid rgba(220,80,80,.6);color:#f07878;width:30px;height:30px;font-size:18px;padding:0}.bs-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.bs-col{background:#04060ab3;border:1px solid rgba(255,150,60,.35);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:10px}.bs-col-title{color:#ffaa50;font-weight:600;font-size:13px;letter-spacing:1px}.bs-pick-wrap{display:flex;align-items:center;justify-content:center;min-height:96px}.bs-pick{width:72px;height:72px;background:#0a0e16d9;border:1px solid rgba(255,150,60,.45);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#ffaa50;position:relative}.bs-pick.empty{color:#645f5099;border-style:dashed}.bs-pick .plus-badge{position:absolute;bottom:-4px;right:-4px;background:#508cc8f2;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:8px}.bs-hint{font-size:11px;color:var(--text-dim)}.bs-bag{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-height:140px;overflow-y:auto;padding-right:4px}.bs-bag .bs-cell{height:38px;background:#0a0e16b3;border:1px solid var(--panel-border-soft);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#ffaa50;cursor:pointer;position:relative}.bs-bag .bs-cell .icon.has-img-icon,.bs-pick .icon.has-img-icon{width:30px;height:30px}.bs-bag .bs-cell:hover{border-color:#ffaa50cc}.bs-bag .bs-cell .qty{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:#ffe6a0;text-shadow:0 0 3px black}.bs-info{background:#3c260e80;border:1px solid rgba(255,150,60,.45);border-radius:4px;padding:8px 12px;text-align:center;margin-bottom:12px}.bs-info .stats{color:#ffebc8;font-size:14px;font-weight:600;margin-bottom:4px}.bs-info .stats .success{color:#78dc82}.bs-info .stats .burn{color:#ff8c5a}.bs-info .transition{color:#dcc8b4d9;font-size:11px}.bs-progress{height:18px;background:#0a0e16d9;border:1px solid rgba(255,150,60,.45);border-radius:3px;overflow:hidden;margin-bottom:12px;position:relative;display:none}.bs-progress.active{display:block}.bs-progress .fill{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,#ff8228,#ffc850);transition:right .1s linear}.bs-progress .label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ffebc8;letter-spacing:2px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.95)}.bs-actions{display:flex;justify-content:flex-end;gap:8px}.bs-actions .bs-cancel{background:#3c1e1ecc;border-color:#c850508c;color:#f0b4b4}.bs-actions .bs-upgrade{background:#965014d9;border-color:#ffaa3cb3;color:#ffebc8;font-weight:700}.bs-actions .bs-upgrade:disabled{opacity:.45;cursor:not-allowed}.modal-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;max-width:420px;text-align:center}.modal-center .row{margin-top:14px}.death-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#50000059,#000000db 65%,#000000fa);z-index:100;pointer-events:auto;animation:deathFadeIn 1s ease-out forwards}.death-overlay.visible{display:flex}@keyframes deathFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(3px)}}.death-card{text-align:center;padding:30px 50px;animation:deathRise 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes deathRise{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.death-card .big-text{font-family:var(--font-display);font-size:88px;font-weight:700;letter-spacing:12px;color:#c81e1e;text-shadow:0 0 24px rgba(200,30,30,.55),0 0 6px rgba(0,0,0,.95),0 4px 18px rgba(0,0,0,.9);margin:0 0 12px}.death-card .sub-text{color:#dcc8b4d9;font-size:16px;margin-bottom:6px}.death-card .killer-text{color:#ff826ef2;font-size:15px;margin-bottom:24px;font-style:italic}.death-card .countdown{color:var(--accent);font-size:14px;letter-spacing:2px;margin:18px 0 6px;min-height:18px}.death-card button{font-size:16px;padding:10px 28px;border-color:#c81e1ea6;color:#f5ebe1;background:#280808e6}.death-card button:hover{border-color:#ff5a46;background:#501010f2}.inv-window,.modal-left,.modal-right{background:radial-gradient(120% 60% at 50% 0%,rgba(70,50,24,.32),transparent 60%),linear-gradient(180deg,#100e0bf7,#080706fa);border:1px solid rgba(200,150,70,.55);border-radius:10px;box-shadow:inset 0 0 0 1px #000c,inset 0 0 0 2px #dcaa5a24,inset 0 18px 40px #00000073,0 18px 50px #000000a6;scrollbar-width:thin;scrollbar-color:rgba(200,150,70,.5) rgba(0,0,0,.3)}.inv-window.visible,.modal-left.visible,.modal-right.visible{animation:wf-win-in .18s ease-out}@keyframes wf-win-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.inv-window::-webkit-scrollbar,.modal-left::-webkit-scrollbar,.modal-right::-webkit-scrollbar{width:8px}.inv-window::-webkit-scrollbar-thumb,.modal-left::-webkit-scrollbar-thumb,.modal-right::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c896468c,#7855288c);border-radius:4px}.win-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin:-2px 0 12px;padding-bottom:10px}.win-head:after{content:"";position:absolute;left:6%;right:6%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,198,100,.65),transparent)}.win-title{flex:1;text-align:center;font-size:15px;font-weight:700;letter-spacing:4px;color:var(--accent);text-shadow:0 0 18px rgba(255,198,100,.35),0 1px 0 rgba(0,0,0,.9)}.win-title .win-rune{color:#c896468c;font-size:11px;letter-spacing:0;vertical-align:1px}.win-head .close-x,.inv-header .close-x{width:26px;height:26px;border-radius:50%;border:1px solid rgba(200,150,70,.4);background:radial-gradient(circle at 35% 30%,#3c2d16e6,#120e08f2);color:var(--text-dim);font-size:16px;line-height:1;transition:transform .12s,color .12s,border-color .12s,box-shadow .12s}.win-head .close-x:hover,.inv-header .close-x:hover{color:#ffdca0;border-color:var(--accent);box-shadow:0 0 10px #ffc66459;transform:rotate(90deg)}.ko-reset-btn{height:26px;padding:0 10px;border-radius:13px;border:1px solid rgba(200,150,70,.4);background:radial-gradient(circle at 35% 30%,#3c2d16e6,#120e08f2);color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:color .12s,border-color .12s,box-shadow .12s,transform .12s}.ko-reset-btn:hover{color:#ffb27a;border-color:#dc6e46d9;box-shadow:0 0 10px #dc6e4659;transform:translateY(-1px)}.ko-reset-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.inv-window{width:488px;padding:14px 16px 12px}.inv-preview{background:radial-gradient(80% 55% at 50% 32%,rgba(255,198,100,.09),transparent 70%),linear-gradient(180deg,#06080ce6,#030407f2);border:1px solid rgba(200,150,70,.35);border-radius:8px;box-shadow:inset 0 0 24px #0009}.inv-preview .preview-tag{font-size:9px;letter-spacing:3px;color:#c89646cc;border-top:1px solid rgba(200,150,70,.25);padding-top:6px;margin-top:4px;width:100%}.inv-preview .stats{width:100%;margin-top:8px;gap:4px;display:flex;flex-direction:column}.inv-preview .stats>div{display:flex;justify-content:space-between;align-items:center;background:#ffc6640f;border:1px solid rgba(200,150,70,.22);border-radius:4px;padding:3px 8px}.inv-preview .stats .k{font-size:10px;letter-spacing:2px;color:var(--text-dim)}.inv-preview .stats .v{font-size:14px;font-weight:700;color:var(--accent);text-shadow:0 0 10px rgba(255,198,100,.35)}.equip-section .section-title,.bag-header .title{font-size:11px;letter-spacing:3px;color:#dcaf5fe6;text-shadow:0 1px 0 rgba(0,0,0,.8)}.equip-grid{gap:5px}.equip-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;border-radius:6px;border:1px solid rgba(120,95,50,.45);background:radial-gradient(70% 70% at 50% 35%,#221c12e6,#0a0907f2);box-shadow:inset 0 2px 6px #000000bf,inset 0 -1px #ffc66414;transition:border-color .12s,box-shadow .15s,transform .1s}.equip-slot .eq-glyph{font-size:17px;color:#bea06e66;text-shadow:0 1px 0 rgba(0,0,0,.8);transition:color .12s}.equip-slot .eq-label{font-size:7.5px;letter-spacing:.4px;color:#aa967873;max-width:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.equip-slot .eq-icon{font-size:24px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.equip-slot .eq-icon.has-img-icon,.equip-slot.has-img-icon .wf-icon-img{width:38px;height:38px}.equip-slot:hover{border-color:var(--accent);box-shadow:inset 0 2px 6px #000000bf,0 0 12px #ffc66440;transform:translateY(-1px)}.equip-slot:hover .eq-glyph{color:#ffc664cc}.equip-slot.occupied{background:radial-gradient(70% 70% at 50% 38%,#403016f2,#161009f7);border-color:#c8964699}.equip-slot.occupied.tier-green{border-color:#5ac86ecc;box-shadow:inset 0 0 12px #5ac86e2e,inset 0 2px 6px #000000b3}.equip-slot.occupied.tier-blue{border-color:#5a96e6d9;box-shadow:inset 0 0 12px #5a96e633,inset 0 2px 6px #000000b3}.equip-slot.occupied.tier-purple{border-color:#b464dcd9;box-shadow:inset 0 0 14px #b464dc40,inset 0 2px 6px #000000b3}.equip-slot.occupied.tier-gold{border-color:#ffc664f2;box-shadow:inset 0 0 16px #ffc6644d,0 0 10px #ffc66440}.bag-grid{gap:4px}.bag-cell{border-radius:5px;border:1px solid rgba(110,88,50,.3);background:linear-gradient(180deg,#0e0c09eb,#070605f2);box-shadow:inset 0 2px 5px #000000b3}.bag-cell:hover{border-color:#c896468c}.bag-item{border-radius:5px;box-shadow:0 3px 8px #0000008c,inset 0 1px #ffffff0d;transition:transform .1s,box-shadow .12s}.bag-item:hover{transform:translateY(-1px);box-shadow:0 5px 12px #000000a6,0 0 10px #ffc6642e}.bag-item .qty{position:absolute;right:3px;bottom:2px;font-size:10px;font-weight:800;color:#ffdf9e;background:#000000b8;border:1px solid rgba(200,150,70,.45);border-radius:3px;padding:0 3px;text-shadow:0 1px 0 rgba(0,0,0,.9)}.inv-trash{border:1px dashed rgba(220,70,60,.45);border-radius:6px;background:#3c0e0c40;color:#e68278cc;transition:background .12s,box-shadow .12s}.inv-trash.drop-hot{background:#7818128c;box-shadow:0 0 16px #dc463c73}.inv-gold{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;padding:7px 12px;border-radius:6px;border:1px solid rgba(200,150,70,.4);background:linear-gradient(90deg,transparent 30%,rgba(120,85,30,.25)),#0a0806e6;font-weight:800;color:#ffd887;letter-spacing:.5px;text-shadow:0 0 12px rgba(255,198,100,.35)}.skill-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.skill-tabs .tab{padding:5px 10px;font-size:10px;letter-spacing:1.5px;border:1px solid rgba(120,95,50,.35);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#1a160fe6,#0c0a08e6);color:var(--text-dim);cursor:pointer;position:relative;transition:color .12s,border-color .12s,transform .1s}.skill-tabs .tab:hover{color:#ffdca0;border-color:#c8964699}.skill-tabs .tab.active{color:var(--accent);border-color:#ffc664b3;background:linear-gradient(180deg,#403016e6,#161009eb);transform:translateY(-1px);box-shadow:0 0 12px #ffc6642e}.skill-tabs .tab.active:after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.skill-subhead{display:flex;align-items:center;gap:8px;margin:12px 0 6px;font-size:10px;letter-spacing:3px;color:#dcaf5fd9;text-transform:uppercase}.skill-subhead .line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(200,150,70,.45),transparent)}.skill-pool{display:flex;flex-direction:column;gap:5px}.skill-cell{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;padding:6px 8px;border-radius:6px;border:1px solid rgba(120,95,50,.32);background:linear-gradient(180deg,#14110ceb,#0a0907f0);position:relative;transition:border-color .12s,transform .1s,box-shadow .12s}.skill-cell.unlocked{cursor:grab}.skill-cell.unlocked:hover{border-color:#ffc664a6;transform:translate(2px);box-shadow:0 0 14px #ffc66424,inset 0 0 18px #ffc6640d}.skill-cell.locked{opacity:.55;filter:saturate(.4)}.skill-cell .icon-plate{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(200,150,70,.4);background:radial-gradient(70% 70% at 50% 35%,#362814f2,#0e0b07f7);box-shadow:inset 0 2px 5px #000000b3}.skill-cell .icon-plate .icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#ffdca0;text-shadow:0 0 8px rgba(255,198,100,.4)}.skill-cell .cd-badge{position:absolute;right:-4px;bottom:-4px;font-size:8.5px;font-weight:800;color:#cfe2ff;background:#080e1af2;border:1px solid rgba(110,150,220,.5);border-radius:3px;padding:0 3px}.skill-cell .skill-body{min-width:0}.skill-cell .skill-body .name{font-size:12.5px;font-weight:700;color:var(--text)}.skill-cell .skill-body .hint{font-size:9px;color:#aa9e8a8c;margin-top:1px}.skill-cell .lock{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9.5px;color:#e6786ee6;max-width:45%;text-align:right}.stat-hero{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:8px;border:1px solid rgba(200,150,70,.4);background:radial-gradient(80% 100% at 0% 50%,rgba(255,198,100,.1),transparent 60%),linear-gradient(180deg,#1a150df2,#0c0a07f2)}.stat-hero-glyph{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent);border:1px solid rgba(255,198,100,.5);border-radius:50%;background:radial-gradient(circle at 35% 30%,#463418f2,#100c07f7);box-shadow:0 0 14px #ffc66440,inset 0 2px 4px #0009;text-shadow:0 0 12px rgba(255,198,100,.6)}.stat-hero-info .lvl{font-size:15px;font-weight:800;color:var(--text)}.stat-hero-info .cls{font-size:9.5px;letter-spacing:3px;color:#dcaf5fd9;margin-top:1px}.stat-points{margin-left:auto;display:flex;gap:5px}.stat-points .pill{font-size:11px;font-weight:700;color:var(--text-dim);border:1px solid rgba(120,95,50,.4);border-radius:10px;padding:2px 9px;background:#0a0806cc}.stat-points .pill.has{color:#ffdf9e;border-color:#ffc664bf;box-shadow:0 0 10px #ffc6644d;animation:wf-pill-pulse 1.6s ease-in-out infinite}@keyframes wf-pill-pulse{0%,to{box-shadow:0 0 6px #ffc66440}50%{box-shadow:0 0 14px #ffc66480}}.vital-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.vital{position:relative;padding:8px 10px 7px;border-radius:6px;border:1px solid rgba(120,95,50,.35);background:linear-gradient(180deg,#120f0bf2,#090806f2);overflow:hidden}.vital:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.vital.atk:before{background:linear-gradient(180deg,#ffc664,#8a5a18)}.vital.def:before{background:linear-gradient(180deg,#9ab8d8,#3d566e)}.vital.hp:before{background:linear-gradient(180deg,#e85a4a,#6e1d14)}.vital.mp:before{background:linear-gradient(180deg,#5a9ae8,#1d3e6e)}.vital .vk{font-size:9px;letter-spacing:2px;color:var(--text-dim)}.vital .vv{font-size:19px;font-weight:800;color:var(--text);margin-top:2px;text-shadow:0 1px 0 rgba(0,0,0,.8)}.vital.atk .vv{color:#ffd887}.vital.def .vv{color:#c2d8ee}.vital.hp .vv{color:#ff9a8a}.vital.mp .vv{color:#9ec4f0}.vital .vs{font-size:9px;color:#aac8e699}.stat-section .stat-title{display:flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:2.5px}.stat-section .stat-title .orn{color:#c8964673;letter-spacing:0}.stat-section .stat-title .pts-glow{margin-left:auto;font-size:9.5px;letter-spacing:.5px;color:#ffdf9e;border:1px solid rgba(255,198,100,.5);border-radius:8px;padding:1px 7px;animation:wf-pill-pulse 1.6s ease-in-out infinite}.stat-alloc-row{display:grid!important;grid-template-columns:20px 86px 1fr auto;align-items:center;gap:7px;padding:4px 6px;border-radius:5px;transition:background .1s}.stat-alloc-row:hover{background:#ffc6640d}.stat-alloc-row .si{font-size:12px;text-align:center}.stat-alloc-row .k{font-size:12px;color:var(--text-dim)}.stat-alloc-row .bar{height:5px;border-radius:3px;background:#0000008c;border:1px solid rgba(120,95,50,.25);overflow:hidden}.stat-alloc-row .bar .fill{display:block;height:100%;background:linear-gradient(90deg,#aa7832e6,#ffc664f2);box-shadow:0 0 6px #ffc66473;border-radius:3px;transition:width .25s ease-out}.stat-alloc-row .v{display:flex;align-items:center;gap:5px;justify-content:flex-end;min-width:52px}.stat-alloc-row .num{font-size:13px;font-weight:800;color:var(--text)}.stat-alloc-row .alloc-ghost{width:20px}.stat-alloc-row .alloc-btn{width:20px;height:20px;padding:0;border-radius:50%;border:1px solid rgba(140,220,140,.6);background:radial-gradient(circle at 35% 30%,#3c783cf2,#163c16f2);color:#d8ffd8;font-size:13px;font-weight:800;line-height:1;cursor:pointer;transition:transform .1s,box-shadow .12s;box-shadow:0 0 8px #78dc7840}.stat-alloc-row .alloc-btn:hover{transform:scale(1.15);box-shadow:0 0 14px #78dc788c}.stat-alloc-row .alloc-btn:active{transform:scale(.95)}.modal-left .formula,.stat-panel-content .formula{margin-top:8px;padding:7px 9px;border-radius:5px;border:1px dashed rgba(120,95,50,.3);background:#00000040;font-size:9.5px;line-height:1.5;color:#aa9e8abf}.resist-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.resist-chip{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;border:1px solid rgba(120,95,50,.28);background:linear-gradient(180deg,#100e0aeb,#080706f0);transition:border-color .12s,box-shadow .15s}.resist-chip .ri{font-size:11px;text-align:center;opacity:.5;filter:saturate(.4)}.resist-chip .rl{font-size:10px;letter-spacing:.6px;color:#aa9e8a99}.resist-chip .rv{font-size:11.5px;font-weight:800;color:#aa9e8a80}.resist-chip.active .ri{opacity:1;filter:none}.resist-chip.active .rl{color:var(--text)}.resist-chip.rt-fire.active{border-color:#ff7832b3;box-shadow:inset 0 0 10px #ff641e1f}.resist-chip.rt-fire.active .rv{color:#ffa05a;text-shadow:0 0 8px rgba(255,120,50,.5)}.resist-chip.rt-ice.active{border-color:#78c8ffb3;box-shadow:inset 0 0 10px #64b4ff1f}.resist-chip.rt-ice.active .rv{color:#9adcff;text-shadow:0 0 8px rgba(120,200,255,.5)}.resist-chip.rt-lightning.active{border-color:#a0dcffb3;box-shadow:inset 0 0 10px #78c8ff24}.resist-chip.rt-lightning.active .rv{color:#c8ecff;text-shadow:0 0 10px rgba(140,210,255,.6)}.resist-chip.rt-bleed.active{border-color:#e64646b3;box-shadow:inset 0 0 10px #dc32321f}.resist-chip.rt-bleed.active .rv{color:#ff8a7a;text-shadow:0 0 8px rgba(230,70,70,.5)}.resist-chip.rt-poison.active{border-color:#6edc6eb3;box-shadow:inset 0 0 10px #5ac85a1f}.resist-chip.rt-poison.active .rv{color:#9af09a;text-shadow:0 0 8px rgba(110,220,110,.5)}.resist-chip.rt-darkness.active{border-color:#a06ee6b3;box-shadow:inset 0 0 10px #8c5adc24}.resist-chip.rt-darkness.active .rv{color:#c9a8f0;text-shadow:0 0 8px rgba(160,110,230,.55)}.resist-chip.rt-light.active{border-color:#ffeba0bf;box-shadow:inset 0 0 10px #ffe69624}.resist-chip.rt-light.active .rv{color:#fff0b8;text-shadow:0 0 10px rgba(255,235,160,.6)}.resist-chip.rt-black_magic.active{border-color:#c878c8b3;box-shadow:inset 0 0 10px #b464b424}.resist-chip.rt-black_magic.active .rv{color:#e8b0e8;text-shadow:0 0 8px rgba(200,120,200,.5)}.ko-skill-win{width:520px;max-width:94vw}.ko-skill-head{border:1px solid rgba(180,140,60,.4);border-radius:6px;padding:10px 12px;margin-bottom:10px;background:linear-gradient(180deg,#1e180e99,#0e0b07b3)}.ko-skill-loading{font-size:12px;color:#c8b996b3;font-style:italic}.ko-skill-points{font-size:13px;letter-spacing:1px;color:#d8cdb6;margin-bottom:8px}.ko-skill-points b{display:inline-block;min-width:34px;text-align:center;margin-left:8px;padding:2px 10px;border-radius:4px;background:#781e148c;border:1px solid rgba(255,150,90,.6);color:#ffd994;font-size:15px;text-shadow:0 0 8px rgba(255,150,60,.5)}.ko-invest-row{display:flex;gap:8px;flex-wrap:wrap}.ko-basic-chosen{font-size:12px;letter-spacing:.5px;color:#c8b890;margin-bottom:8px;padding:4px 10px;border-radius:4px;background:#3c281273;border:1px solid rgba(200,150,70,.35)}.ko-basic-chosen b{color:#ffe1a0;font-weight:700}.ko-basic-chosen small{color:#b4966e99;margin-left:6px;font-size:10px}.ko-invest-chip{flex:1;min-width:130px;display:flex;align-items:center;gap:6px;background:#08060499;border:1px solid rgba(180,140,60,.4);border-radius:4px;padding:6px 8px;font-size:12px}.ko-invest-chip .ki{font-size:14px}.ko-invest-chip .kl{flex:1;color:#dccdb4e6;letter-spacing:.5px}.ko-invest-chip b{color:#ffd994;font-size:14px;font-variant-numeric:tabular-nums}.ko-invest-plus{width:24px;height:24px;border-radius:4px;cursor:pointer;background:linear-gradient(180deg,#78461cf2,#3c200af2);border:1px solid rgba(255,198,100,.7);color:#ffd994;font-size:11px;display:flex;align-items:center;justify-content:center}.ko-invest-plus:hover:not(:disabled){box-shadow:0 0 10px #ff963266}.ko-invest-plus:disabled{opacity:.35;cursor:not-allowed}.ko-skill-pool{min-height:240px}.ko-skill-row{display:flex;align-items:center;gap:10px;border:1px solid rgba(180,140,60,.35);border-radius:6px;padding:9px 10px;margin-bottom:8px;background:linear-gradient(180deg,#1a150cb3,#0c0a06cc);transition:border-color .15s,box-shadow .15s}.ko-skill-row.unlocked:hover{border-color:#ffc664;box-shadow:0 0 12px #ffaa4626;cursor:grab}.ko-skill-row.locked{opacity:.62;filter:saturate(.5)}.ko-skill-row.unchosen-basic{opacity:.55;filter:saturate(.35) brightness(.85)}.ko-skill-row.unchosen-basic:hover{border-color:#b48c3c59;box-shadow:none;cursor:not-allowed}.ko-skill-row.unchosen-basic .icon-plate{position:relative}.ko-skill-row.unchosen-basic .icon-plate:after{content:"🔒";position:absolute;top:-4px;right:-4px;font-size:12px;background:#000000bf;border-radius:4px;padding:1px 3px;line-height:1}.ko-skill-row.chosen-basic{border-color:var(--accent, #ffc664);box-shadow:0 0 14px color-mix(in srgb,var(--accent, #ffc664) 30%,transparent)}.ko-unchosen-badge{font-size:10px;color:#d8b070;margin-top:3px;letter-spacing:.4px;padding:3px 6px;background:#00000059;border:1px dashed rgba(216,176,112,.4);border-radius:4px;display:inline-block}.ko-chosen-badge{font-size:10px;color:var(--accent, #ffc664);margin-top:3px;letter-spacing:.4px;padding:3px 6px;background:#281c0c99;border:1px solid color-mix(in srgb,var(--accent, #ffc664) 40%,transparent);border-radius:4px;display:inline-block}.ko-basic-pick-banner{padding:10px 12px;margin-bottom:10px;background:linear-gradient(180deg,#5032128c,#281808a6);border:1px solid color-mix(in srgb,var(--accent, #ffc664) 35%,transparent);border-radius:6px}.ko-basic-pick-headline{font-size:14px;color:var(--accent, #ffc664);letter-spacing:.8px;font-weight:700;margin-bottom:4px}.ko-basic-pick-sub{font-size:12px;color:#d8c69a;line-height:1.45}.ko-basic-pick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ko-basic-pick-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;cursor:pointer;user-select:none;background:linear-gradient(180deg,#32200e8c,#181006b3);border:1px solid rgba(180,140,60,.35);border-radius:6px;color:#f0e2b8;font-family:inherit;text-align:center;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.ko-basic-pick-card:hover{transform:translateY(-2px);border-color:var(--accent, #ffc664);box-shadow:0 0 14px color-mix(in srgb,var(--accent, #ffc664) 35%,transparent)}.ko-basic-pick-icon{width:44px;height:44px;object-fit:contain}.ko-basic-pick-name{font-size:13px;font-weight:700;color:var(--accent, #ffc664)}.ko-basic-pick-tip{font-size:10px;color:#c8b888;line-height:1.3;min-height:28px}.ko-basic-pick-cd{font-size:10px;color:#b8a878}.ko-basic-weapon{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:3px;background:#78643c59;border:1px solid rgba(180,140,60,.45);color:#f0e2b8}.ko-basic-weapon-ok{background:color-mix(in srgb,#6ad068 30%,transparent);border-color:color-mix(in srgb,#6ad068 60%,transparent);color:#c0ffc0}.ko-basic-weapon-warn{background:color-mix(in srgb,#d84040 30%,transparent);border-color:color-mix(in srgb,#d84040 60%,transparent);color:#ffc0c0}.ko-basic-pick-cta{margin-top:4px;font-size:11px;letter-spacing:1.5px;font-weight:700;padding:3px 10px;background:color-mix(in srgb,var(--accent, #ffc664) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent, #ffc664) 55%,transparent);border-radius:3px;color:#fff5d8}.ko-skill-row .icon-plate .icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.ko-req{font-size:10px;margin-top:2px;letter-spacing:.5px}.ko-req.ok{color:#9fd28a}.ko-req.missing{color:#e88a7a}.ko-grade{font-size:10px;margin-top:2px;color:#ffd24a;font-weight:700}.ko-evo-box{display:flex;flex-direction:column;gap:5px;margin-left:auto}.ko-evo{display:flex;align-items:center;gap:6px;background:#080604a6;border:1px solid rgba(180,140,60,.35);border-radius:4px;padding:3px 8px;font:inherit;font-size:10px;color:#dccdb4d9;cursor:default;min-width:110px;text-align:left}.ko-evo .ko-evo-ico{font-size:13px}.ko-evo .ko-evo-name{flex:1;letter-spacing:.4px}.ko-evo.pickable{cursor:pointer;border-color:#ffc6648c}.ko-evo.pickable:hover{border-color:#ffc664;color:#ffd994;box-shadow:0 0 10px #ffaa464d}.ko-evo.chosen{border-color:#ffc664;color:#ffd994;background:#462d10cc;box-shadow:0 0 12px #ffaa464d,inset 0 0 8px #ffaa461f}.ko-evo.chosen .ko-evo-check{color:#9fd28a;font-weight:700}.ko-evo.dead{opacity:.35;filter:grayscale(.8)}.ko-evo:disabled{cursor:default}.ko-skill-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 10px}.ko-page-btn{width:34px;height:26px;border-radius:4px;cursor:pointer;background:linear-gradient(180deg,#2e2616f2,#14100af2);border:1px solid rgba(180,140,60,.55);color:#ffd994;font-size:12px}.ko-page-btn:hover:not(:disabled){border-color:#ffc664}.ko-page-btn:disabled{opacity:.3;cursor:not-allowed}.ko-page-label{font-size:11px;letter-spacing:2px;color:#c8b996cc}.ko-skill-book{border:1px solid rgba(150,110,50,.55);border-radius:6px;padding:12px 14px;min-height:110px;background:radial-gradient(120% 140% at 50% 0%,rgba(212,184,130,.16),transparent 70%),linear-gradient(180deg,#40321c8c,#241c10b3);box-shadow:inset 0 0 24px #00000073}.ko-book-hint{font-size:11px;color:#d2be9699;font-style:italic;text-align:center;padding-top:34px}.ko-book-head{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffe2b0;margin-bottom:6px}.ko-book-ico{display:inline-block;width:24px;height:24px;font-size:18px}.ko-book-tip{font-size:11px;color:#e1d2b4d9;margin-bottom:8px;line-height:1.45}.ko-book-grid{display:grid;grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 12px;font-size:11px;margin-bottom:8px}.ko-book-grid .k{color:#c8b48cb3;text-align:left}.ko-book-grid .v{color:#e8dcc4;text-align:left}.ko-book-evos{display:flex;gap:8px}.ko-book-evo{flex:1;display:flex;gap:7px;align-items:flex-start;border:1px solid rgba(180,140,60,.35);border-radius:4px;padding:6px 8px;font-size:10px;color:#e1d2b4e6;background:#0a080573}.ko-book-evo span{font-size:15px}.ko-book-evo.chosen{border-color:#ffc664;box-shadow:0 0 10px #ffaa4640}.ko-book-evo.dead{opacity:.4}.ko-book-evo small{color:#cdbea0bf;line-height:1.35}.breaker-win{width:440px;max-width:94vw}.breaker-help{font-size:11px;color:#e1c8a0cc;line-height:1.5;border:1px solid rgba(200,80,50,.4);border-radius:5px;background:#50180c40;padding:8px 10px;margin-bottom:10px}.breaker-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:120px;max-height:300px;overflow-y:auto;margin-bottom:10px}.breaker-empty{grid-column:1 / -1;text-align:center;color:#c8b99699;font-style:italic;padding:30px 0;font-size:12px}.breaker-cell{display:flex;align-items:center;gap:8px;position:relative;background:#08060499;border:1px solid rgba(180,140,60,.4);border-radius:5px;padding:8px 10px;color:#e8dcc4;font:inherit;font-size:12px;cursor:pointer;text-align:left;transition:border-color .12s,box-shadow .12s}.breaker-cell:hover:not(:disabled){border-color:#ffc664}.breaker-cell.sel{border-color:#ff6a4a;box-shadow:0 0 12px #ff5a3259,inset 0 0 10px #ff5a321f}.breaker-cell.dim{opacity:.4;cursor:not-allowed}.breaker-cell .bi{font-size:17px}.breaker-cell .bi .wf-icon-img,.breaker-gain .wf-icon-img{display:inline-block;width:22px;height:22px;vertical-align:middle}.breaker-cell .bn{flex:1}.breaker-cell .bx{color:#ff6a4a;font-weight:700}.breaker-go{width:100%;padding:11px;font:inherit;font-weight:700;letter-spacing:1px;background:linear-gradient(180deg,#963218f2,#501a0af2);border:1px solid rgba(255,130,80,.7);border-radius:5px;color:#ffd9c0;cursor:pointer;margin-bottom:10px}.breaker-go:hover:not(:disabled){box-shadow:0 0 18px #ff643259}.breaker-go:disabled{opacity:.4;cursor:not-allowed}.breaker-result{min-height:20px;border-radius:5px}.breaker-result-head{font-size:12px;color:#ffd994;letter-spacing:1px;margin-bottom:6px}.breaker-result-items{display:flex;flex-wrap:wrap;gap:6px}.breaker-gain{font-size:11px;padding:4px 9px;border-radius:4px;background:#1e321880;border:1px solid rgba(120,200,90,.45);color:#c9f0b0}.breaker-gain.none{background:#32281880;border-color:#b48c3c66;color:#d8cdb6}body.wf-mobile .hud-vitals,body.wf-mobile .hud-target,body.wf-mobile .hud-safe,body.wf-mobile .buff-bar{pointer-events:none}body.wf-mobile .hud-vitals{top:8px;left:8px;min-width:0;width:47vw;max-width:188px;grid-template-columns:42px 1fr;gap:8px;padding:5px 10px 5px 5px;border-radius:9px}body.wf-mobile .hud-vitals .portrait{width:42px;height:42px;padding:2px}body.wf-mobile .hud-vitals .portrait-glyph{font-size:20px}body.wf-mobile .hud-vitals .portrait-lv{width:19px;height:19px;bottom:-2px;right:-2px;border-width:1.5px}body.wf-mobile .hud-vitals .portrait-lv span{font-size:10px}body.wf-mobile .hud-vitals .vitals-right{gap:3px}body.wf-mobile .hud-vitals .char-name{font-size:12px;letter-spacing:.5px}body.wf-mobile .hud-vitals .hud-bar{height:13px;border-radius:4px}body.wf-mobile .hud-vitals .hud-bar.mp{height:12px}body.wf-mobile .hud-vitals .hud-bar .label{font-size:9px;line-height:13px}body.wf-mobile .hud-vitals .bar-ico{width:15px;font-size:9px}body.wf-mobile .hud-minimap{top:8px;right:8px}body.wf-mobile .mm-frame{width:84px;height:84px;padding:3px}body.wf-mobile .mm-frame:after{inset:3px}body.wf-mobile .hud-minimap canvas{width:78px;height:78px}body.wf-mobile .mm-plate{min-width:76px;padding:2px 8px;margin-top:-9px;border-radius:5px}body.wf-mobile .mm-plate .region{font-size:10px;letter-spacing:1px}body.wf-mobile .mm-plate .coords{font-size:8px}.hud-mquick{display:none}body.wf-mobile .hud-mquick{position:absolute;top:66px;left:8px;display:flex;gap:6px;pointer-events:auto}body.wf-mobile .hud-mquick .mq-btn{display:flex;align-items:center;gap:5px;height:34px;padding:0 11px;background:linear-gradient(180deg,#261b0ef2,#0c0906f7);border:1px solid rgba(120,92,44,.9);border-radius:8px;color:#ffe4aa;font:inherit;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 12px #0000008c,inset 0 0 0 1px #d6a85659}body.wf-mobile .hud-mquick .mq-btn .mq-ico{font-size:16px;line-height:1}body.wf-mobile .hud-mquick .mq-btn:active{transform:scale(.95);border-color:var(--accent, #ffc664)}body.wf-mobile .hud-target{top:108px;left:8px;transform:none;width:auto;max-width:min(64vw,230px);grid-template-columns:38px 1fr;gap:8px;padding:5px 10px 5px 5px;border-radius:9px}body.wf-mobile .hud-target .tgt-portrait{width:38px;height:38px;border-radius:6px}body.wf-mobile .hud-target .tgt-glyph{font-size:21px}body.wf-mobile .hud-target .tgt-right{gap:3px}body.wf-mobile .hud-target .name{font-size:12px;gap:6px}body.wf-mobile .hud-target .name .lv-badge{font-size:9px;padding:1px 5px}body.wf-mobile .hud-target .tgt-aggro{font-size:8px;padding:1px 4px}body.wf-mobile .buff-bar{inset:160px auto auto 8px;gap:5px}body.wf-mobile .buff-chip{width:34px;height:34px;border-radius:5px}body.wf-mobile .buff-chip .buff-icon{font-size:17px}body.wf-mobile .buff-chip .buff-timer{font-size:8px}body.wf-mobile .hud-party{top:208px;left:8px;width:180px;padding:6px}body.wf-mobile .hud-party .title{font-size:10px}body.wf-mobile .hud-safe{top:116px;right:8px;width:auto;max-width:150px;padding:4px 9px;font-size:10px;letter-spacing:1px}body.wf-mobile .hud-esper{top:116px;right:8px;width:150px;padding:6px 9px}body.wf-mobile .hud-esper .title{font-size:10px;margin-bottom:4px}body.wf-mobile .hud-esper .status{font-size:9px;margin-bottom:4px}body.wf-mobile .hud-esper button{font-size:10px;padding:5px 3px}body.wf-mobile .hud-footer{gap:8px;padding:2px 10px;background:linear-gradient(180deg,#14100a59,#06080cc7);border-top-color:#ffc66459}body.wf-mobile .hud-xp{gap:8px}body.wf-mobile .hud-xp .level{font-size:11px;min-width:0;letter-spacing:.5px}body.wf-mobile .hud-xp .hud-bar{height:11px}body.wf-mobile .hud-xp .hud-bar .label{font-size:8px;line-height:11px;letter-spacing:.5px}body.wf-mobile .cast-bar{width:min(78vw,300px);top:56%}body.wf-mobile .cast-bar .label{font-size:12px;margin-bottom:4px}body.wf-mobile .cast-bar .bar{height:14px}body.wf-mobile .cast-bar .timer{font-size:10px}body.wf-mobile .hud-mfeed{top:190px}body.wf-mobile .hud-mfeed .mfeed-line{font-size:12px}body.wf-mobile .hud-invite{max-width:90vw}.mpanel{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:linear-gradient(180deg,#100c08fb,#08070afc);color:#ece4d4;font-family:var(--font-body)}.mpanel-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;border-bottom:1px solid rgba(180,140,60,.4);background:linear-gradient(180deg,#281c0ef2,#100b07f2)}.mpanel-title{font-size:17px;font-weight:800;letter-spacing:1px;color:#ffd684}.mpanel-close{width:38px;height:38px;border-radius:9px;background:#3c2c16e6;border:1px solid rgba(180,140,60,.5);color:#ffd9b0;font-size:17px;cursor:pointer}.mpanel-close:active{transform:scale(.94)}.mpanel-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px calc(24px + env(safe-area-inset-bottom,0px))}.mpanel-sec{font-size:11px;letter-spacing:2px;font-weight:800;color:#c8aa78cc;margin:14px 2px 8px;border-bottom:1px solid rgba(180,140,60,.22);padding-bottom:6px}.mpanel-sec:first-child{margin-top:2px}.mpanel-sec-n{color:#ffd684b3}.mpanel-hint{color:#b4a082a6;font-size:13px;padding:8px 2px;font-style:italic}.mi-t-white{color:#d6d0c4}.mi-t-green{color:#74d074}.mi-t-blue{color:#5aa6ff}.mi-t-gold{color:#ffce4a}.mi-b-white{border-color:#968c788c}.mi-b-green{border-color:#6ec86e99}.mi-b-blue{border-color:#5aa0ff99}.mi-b-gold{border-color:#ffc846b3}.mi-doll{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:6px}.mi-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:66px;padding:8px 4px;border-radius:10px;font:inherit;cursor:pointer;background:linear-gradient(180deg,#1e180fb3,#0c0a07bf);border:1px solid rgba(120,92,44,.4)}.mi-slot.occupied{background:linear-gradient(180deg,#302412d9,#140f09e6)}.mi-slot.occupied:active{transform:scale(.96)}.mi-slot.empty{opacity:.5}.mi-slot-ico{font-size:24px;line-height:1}.mi-slot-ico .wf-icon-img{width:34px;height:34px}.mi-slot-ph{font-size:20px;line-height:1;color:#c8b48c80}.mi-slot-lbl{font-size:9px;letter-spacing:.3px;color:#c8b9a0b3;text-align:center}.mi-bagstrip{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.mi-cell{position:relative;flex:0 0 auto;width:60px;height:60px;padding:0;display:flex;align-items:center;justify-content:center;font:inherit;border-radius:10px;cursor:pointer;scroll-snap-align:start;background:linear-gradient(180deg,#221a0fd9,#0e0b08e6);border:1px solid rgba(120,92,44,.5)}.mi-cell:active{transform:scale(.95)}.mi-cell-ico{font-size:28px;line-height:1}.mi-cell-ico .wf-icon-img{width:46px;height:46px}.mi-cell-qty{position:absolute;right:3px;bottom:2px;font-size:11px;font-weight:800;color:#ffe08a;text-shadow:0 1px 2px rgba(0,0,0,.95)}.mi-act{padding:11px 16px;border-radius:8px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent}.mi-act.primary{background:linear-gradient(180deg,#78461cf2,#3c200af2);border-color:#ffc664b3;color:#ffe6bf}.mi-act.ghost{background:#281e12cc;border-color:#b48c3c73;color:#e6d2b4e6}.mi-act:active{transform:scale(.95)}.mi-pop-back{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;background:#0000009e;padding:20px}.mi-pop{width:min(92vw,360px);background:linear-gradient(180deg,#221a0ffc,#0e0b08fc);border:1px solid rgba(180,140,60,.6);border-radius:14px;padding:16px;box-shadow:0 20px 50px #000000b3,inset 0 0 0 1px #d6a8564d}.mi-pop-top{display:flex;align-items:center;gap:12px}.mi-pop-ico{flex:0 0 auto;width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:30px;background:#00000073;border:1px solid rgba(120,92,44,.6)}.mi-pop-ico .wf-icon-img{width:46px;height:46px}.mi-pop-id{min-width:0}.mi-pop-name{font-size:17px;font-weight:800;letter-spacing:.3px}.mi-pop-type{font-size:12px;color:#beaa87d9;margin-top:2px}.mi-pop-where{margin-top:10px;font-size:12px;color:#96d296d9;letter-spacing:.5px}.mi-pop-stats{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mi-pop-stat{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:8px;background:#08060480;border:1px solid rgba(120,92,44,.3);font-size:12px}.mi-pop-stat b{color:#ffd684;font-variant-numeric:tabular-nums}.mi-pop-acts{margin-top:16px;display:flex;gap:9px}.mi-pop-acts .mi-act{flex:1 1 0;text-align:center}.ms-points{flex:0 0 auto;padding:9px 14px;font-size:13px;letter-spacing:.5px;background:#140f09e6;border-bottom:1px solid rgba(180,140,60,.25)}.ms-points b{color:#ffd684;font-size:16px}.ms-tabs{flex:0 0 auto;display:flex;gap:7px;overflow-x:auto;padding:9px 12px;border-bottom:1px solid rgba(180,140,60,.22);-webkit-overflow-scrolling:touch}.ms-tab{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;font:inherit;font-size:13px;cursor:pointer;background:#1e180fb3;border:1px solid rgba(120,92,44,.4);color:#dccdb4e6}.ms-tab.active{border-color:var(--accent,#ffc664);color:#ffe6bf;background:#3c2812d9}.ms-tab-ico{font-size:15px}.ms-tab-n{font-weight:800;color:#ffd684}.ms-invest{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:10px;background:#18120bb3;border:1px solid rgba(120,92,44,.4);font-size:13px}.ms-invest b{color:#ffd684}.ms-invest-btn{flex:0 0 auto;padding:10px 14px;border-radius:8px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;background:linear-gradient(180deg,#78461cf2,#3c200af2);border:1px solid rgba(255,198,100,.7);color:#ffe6bf}.ms-invest-btn:disabled{opacity:.4}.ms-node{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:9px 10px;margin-bottom:7px;border-radius:10px;background:linear-gradient(180deg,#1e180fb3,#0e0b08b3);border:1px solid rgba(120,92,44,.4)}.ms-node.locked{opacity:.55}.ms-node-bind{flex:0 0 auto;padding:7px 14px;font:inherit;font-size:12px;font-weight:700;border-radius:7px;background:linear-gradient(180deg,#6fd08a,#3f9c63);color:#10210f;border:1px solid rgba(0,0,0,.35);cursor:pointer;letter-spacing:.5px;transition:filter .12s,transform .06s}.ms-node-bind:hover{filter:brightness(1.12)}.ms-node-bind:active{transform:translateY(1px)}.ms-node-ico{flex:0 0 auto;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:21px;background:#0006;border:1px solid rgba(120,92,44,.5)}.ms-node-ico .wf-icon-img{width:28px;height:28px}.ms-node-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.ms-node-name{font-size:14px;font-weight:700;color:#f0e2c6}.ms-cd{font-size:11px;color:#ffaa5ae6;font-weight:600}.ms-node-req{font-size:11px;letter-spacing:.5px}.ms-node-req.ok{color:#78d278d9}.ms-node-req.no{color:#dc9678cc}.ms-evos{flex:1 0 100%;display:flex;gap:7px;margin-top:2px}.ms-evo{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer;background:#18120bcc;border:1px solid rgba(120,92,44,.4);color:#dccdb4d9}.ms-evo.pickable{border-color:#96c8ff99;color:#cfe6ff}.ms-evo.chosen{border-color:#78dc78cc;color:#cdf3c4;background:#1e3218b3}.ms-evo.dead{opacity:.4}.ms-evo-ok{color:#9ef39a;font-weight:800}.mt-root{width:96vw;max-width:460px}.mt-side{background:#140f09bf;border:1px solid rgba(120,92,44,.4);border-radius:10px;padding:10px;margin-bottom:10px}.mt-side.locked{border-color:#dcb450a6}.mt-side.confirmed{border-color:#6ec878bf;background:#1c2a16c7}.mt-side-head{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.04em;color:#dccdb4d9;padding-bottom:6px;border-bottom:1px dashed rgba(120,92,44,.35);margin-bottom:8px}.mt-side-title{color:#ffd684;font-weight:700;flex:0 0 auto}.mt-side-name{flex:1 1 auto;font-weight:600;color:#ffffffeb}.mt-side-status{flex:0 0 auto;padding:3px 8px;border-radius:6px;background:#0006;color:#dccdb4b3;font-size:11px}.mt-side.locked .mt-side-status{color:#ffd684;background:#96641459}.mt-side.confirmed .mt-side-status{color:#cdf3c4;background:#286e3766}.mt-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.mt-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1;border-radius:8px;font-size:26px;line-height:1;border:1px solid rgba(120,92,44,.35);background:#241c10b3;color:#b4a08280;cursor:pointer;padding:4px;transition:transform .06s ease}.mt-slot:active:not(:disabled){transform:scale(.94)}.mt-slot:disabled{cursor:default}.mt-slot.filled{border-color:#dcb450a6;color:#fff;background:linear-gradient(180deg,#302412d9,#140f09e6)}.mt-slot-name{font-size:10px;line-height:1.1;text-align:center;word-break:break-word;max-width:100%;color:#dccdb4d9}.mt-slot-qty{position:absolute;bottom:2px;right:4px;font-size:10px;color:#ffd684}.mt-slot{position:relative}.mt-gold{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:13px;color:#dccdb4d9}.mt-gold-lbl{color:#ffd684;font-weight:700;flex:0 0 auto}.mt-gold-input{flex:1 1 auto;font:inherit;font-size:14px;padding:6px 8px;background:#00000080;border:1px solid rgba(120,92,44,.4);border-radius:6px;color:#ffd684;min-width:0}.mt-gold-input:disabled{opacity:.5}.mt-btn{font:inherit;font-size:14px;font-weight:700;padding:10px 14px;border-radius:8px;border:1px solid rgba(120,92,44,.55);background:#281e12e6;color:#f0dcb4;cursor:pointer;transition:transform .06s ease,background .12s ease}.mt-btn:active:not(:disabled){transform:scale(.96)}.mt-btn:disabled{opacity:.45;cursor:not-allowed}.mt-btn.small{padding:6px 10px;font-size:12px}.mt-btn.primary{background:#966414d9;border-color:#dca03cb3;color:#ffebb4}.mt-btn.secondary{background:#465a8cd9;border-color:#78a0dcb3;color:#d6e7ff}.mt-btn.confirm{background:#286432d9;border-color:#50b464b3;color:#dcf0dc}.mt-btn.ghost{background:#3c1e1ecc;border-color:#c850508c;color:#f0b4b4}.mt-foot{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(120,92,44,.3);background:#140f09d9}.mt-foot .mt-btn{flex:1 1 0}.mt-bagwrap{margin-top:4px}.mt-bagstrip{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory}.mt-bagstrip .mi-cell{flex:0 0 56px;scroll-snap-align:start}.mt-bagstrip .mi-cell:disabled{opacity:.4}.mpanel-sec-hint{color:#b4a0828c;font-size:11px;font-style:italic}