:root{--bg:#0b0e13;--panel:#151a23;--panel-2:#1d2430;--border:#2a3342;--text:#e8e2d0;--muted:#8a8676;--accent:#b9a25c;--accent-2:#d8c47a;--danger:#c9484f;--ok:#5dbb63;--hp:#b23a42;--mp:#3a6ab2;--xp:#b9a25c}*{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#080a0f8c;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(#93794a 0%,#6f5c36 45%,#4e4126 100%);border:2px solid #080a0fd9;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--accent-2) 0%, var(--accent) 45%, #6f5c36 100%)}::-webkit-scrollbar-thumb:active{background:var(--accent)}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#6f5c36 #080a0f8c}}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:14px}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-2)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#14110a;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-2);color:#14110a}input{color:var(--text);border:1px solid var(--border);background:#0e1218;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}input:focus{border-color:var(--accent);outline:none}.center-screen{place-items:center;height:100%;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;width:360px;padding:28px;display:flex}.panel h1{letter-spacing:6px;text-align:center;color:var(--accent-2);margin:0 0 4px;font-weight:300}.panel .sub{text-align:center;color:var(--muted);margin:0 0 12px;font-size:13px}.error{color:var(--danger);text-align:center;min-height:16px;font-size:13px}.row{gap:8px;display:flex}.row>*{flex:1}.char-card{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.char-card.selected{border-color:var(--accent)}.char-card .name{font-weight:600}.char-card .meta{color:var(--muted);font-size:12px}.char-select-panel{flex-direction:row;align-items:flex-start;gap:16px;display:flex}.char-select-left{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.char-select-right{flex:0 0 300px}.char-preview{border:1px solid var(--border);background:#0d0f17;border-radius:6px;width:300px;height:380px;position:relative;overflow:hidden}.char-preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.char-list{flex-direction:column;gap:6px;max-height:132px;margin-bottom:4px;display:flex;overflow-y:auto}.creation-selectors{flex-direction:column;gap:8px;margin:6px 0;display:flex}.arrow-selector{align-items:center;gap:10px;display:flex}.arrow-selector-label{text-transform:uppercase;letter-spacing:.04em;flex:0 0 64px;font-size:11px}.arrow-selector-control{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;flex:1;justify-content:space-between;align-items:center;height:34px;padding:0 6px;display:flex}.arrow-selector-value{color:var(--accent);font-size:13px;font-weight:600}.arrow-btn{width:30px;height:26px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.arrow-btn:hover{color:var(--accent);background:#ffffff0f}.gender-toggle{flex:1;gap:6px;display:flex}.gender-btn{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;height:34px;color:var(--text);border-radius:6px;flex:1;font-size:13px}.gender-btn.selected{border-color:var(--accent);color:var(--accent)}.hud-root{pointer-events:none;font-size:13px;position:absolute;inset:0}.hud-root>*{pointer-events:auto}.hud-name{margin-bottom:6px;font-weight:600}.bar{border:1px solid var(--border);background:#0e1218;border-radius:3px;height:14px;margin-top:4px;position:relative;overflow:hidden}.bar.thin{height:6px}.bar-fill{width:0%;position:absolute;inset:0}.bar-fill.hp{background:var(--hp)}.bar-fill.mp{background:var(--mp)}.bar-fill.xp{background:var(--xp)}.bar-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:10px;line-height:14px;position:absolute;inset:0}.chat-panel,.system-panel{flex-direction:column;gap:4px;display:flex;position:absolute}.panel-handle{letter-spacing:.5px;color:var(--muted);cursor:move;-webkit-user-select:none;user-select:none;background:#120f0abf;border-radius:3px 3px 0 0;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:600}.chat-messages{border:1px solid var(--border);background:#0f1218bf;border-radius:6px;flex-direction:column;flex:auto;gap:2px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.chat-input{background:#0e1218e6}.target-frame{border:1px solid var(--border);pointer-events:none;background:#0f1218d9;border-radius:6px;width:220px;padding:8px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.death-overlay{background:#0a040499;place-items:center;display:grid;position:absolute;inset:0}.window{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:13px;position:absolute;box-shadow:0 8px 30px #00000080}.char-window{width:320px}.window-title{color:var(--accent-2);cursor:move;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.window-title button{cursor:pointer;padding:2px 8px;font-size:12px}.window-resize{cursor:nwse-resize;background:linear-gradient(135deg,#0000 50%,#d8b93a8c 50%);border-bottom-right-radius:6px;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.window-resize-tr{cursor:nesw-resize;background:linear-gradient(45deg,#0000 50%,#d8b93a8c 50%);border-top-right-radius:6px;border-bottom-right-radius:0;top:2px;bottom:auto}.worldmap-window{flex-direction:column;display:flex}.worldmap-body{flex:1;min-height:0;position:relative;overflow:hidden}.worldmap-canvas{width:100%;height:100%;position:absolute;inset:0}.actions-window{width:276px}.actions-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.action-cell{flex-direction:column;flex:0 0 52px;align-items:center;gap:3px;padding:5px 2px 3px;display:flex}.action-cell .action-label{text-align:center;color:var(--muted);font-size:9px;line-height:1.15}.action-cell:hover .action-label{color:var(--accent-2)}.perf-overlay{z-index:var(--z-frames);pointer-events:none;font-variant-numeric:tabular-nums;color:#cfe3cf;background:#0a0c108c;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:12px;right:190px}.stat-plus{color:#5dbb63;padding:0 8px;font-weight:700}.cast-bar{width:240px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.return-bar{align-items:center;gap:6px;width:240px;display:flex;position:absolute;bottom:116px;left:50%;transform:translate(-50%)}.return-bar .bar{flex:1}.return-cancel{color:#eee;cursor:pointer;background:#781e1ed9;border:1px solid #ffffff40;border-radius:3px;flex:none;padding:3px 10px;font-size:12px}.return-cancel:hover{background:#a02828f2}.buff-bar{pointer-events:none;flex-wrap:wrap;gap:4px;width:220px;display:flex;position:absolute;top:116px;left:12px}.buff-chip{border:1px solid var(--border);background:#151a23e6;border-radius:4px;flex-direction:column;align-items:center;padding:2px;font-size:10px;display:flex}.buff-chip .buff-sec{font-size:9px;line-height:1.1}.buff-chip.imbue{color:#e8973a;border-color:#b06a3a}.buff-chip.stat{color:#8ab4d8;border-color:#3a5a7a}.buff-chip.hawk{color:#d8c48a;border-color:#7a6a3a}.bag-grid{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.inv-qty{color:#fff;font-size:9px;position:absolute;bottom:1px;right:3px}.party-frame{border:1px solid var(--border);background:#0f1218bf;border-radius:6px;flex-direction:column;gap:6px;width:180px;padding:8px 10px;display:flex;position:absolute;top:150px;left:12px}.party-member.dead{opacity:.55}.party-member-row{justify-content:space-between;align-items:center;gap:4px;font-size:12px;display:flex}.party-member-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.party-crown{color:#d8b93a}.party-member-actions{flex-shrink:0;gap:2px;display:flex}.party-member-actions button{padding:0 5px;font-size:10px;line-height:16px}.prompt-toast{text-align:center;z-index:30;width:260px;top:90px;left:50%;transform:translate(-50%)}.prompt-actions{justify-content:center;gap:8px;display:flex}.target-actions{pointer-events:auto;justify-content:center;gap:6px;margin-top:6px;display:flex}.target-actions button{padding:2px 8px;font-size:11px}.trade-window{width:480px}.trade-panes{gap:10px;display:flex}.trade-pane{border:1px solid var(--border);border-radius:6px;flex:1;padding:8px}.trade-pane.approved{border-color:#5dbb63}.trade-pane-head{justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.trade-check{color:#5dbb63;font-size:11px}.trade-grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.trade-gold{align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.trade-gold input{width:110px}.trade-gold-value{color:#d8b93a}.trade-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.stall-window{width:380px}.stall-setup{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.stall-colors{align-items:center;gap:5px;display:flex}.stall-colors .meta{margin-right:4px}.stall-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:18px;height:18px;padding:0}.stall-swatch.selected{outline:2px solid #d8b93a}.stall-rows{border:1px dashed var(--border);border-radius:6px;flex-direction:column;gap:4px;min-height:96px;padding:6px;display:flex}.stall-row{align-items:center;gap:6px;font-size:12px;display:flex}.stall-row .inv-slot{flex:none;width:42px;height:42px}.stall-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stall-row .stall-qty{width:52px}.stall-row .stall-price{width:90px}.stall-row-price{color:#d8b93a;font-weight:600}.stall-empty-hint{text-align:center;padding:8px 0}.stall-head{margin-bottom:6px}.stall-earned{color:#d8b93a;margin-top:8px;font-size:12px}.stall-log{max-height:90px;margin-top:4px;overflow-y:auto}.stall-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.stall-buy-window{width:360px}.stall-buy-notice{margin-bottom:6px;font-style:italic}.exchange-window{width:620px}.exch-wallet{justify-content:space-between;align-items:center;gap:10px;margin:6px 0 8px;font-size:12px;display:flex}.exch-balances{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.exch-balances .jade{color:#7fd6a8}.exch-balances .gold{color:#d8b93a}.exch-address{align-items:center;gap:6px;font-family:monospace;font-size:11px;display:flex}.exch-address button{padding:1px 6px;font-size:10px}.exch-main{gap:10px;display:flex}.exch-book{flex:1;gap:8px;min-width:0;display:flex}.exch-book-col{border:1px solid var(--border);border-radius:6px;flex:1;max-height:220px;padding:6px;overflow-y:auto}.exch-book-head{opacity:.7;justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.exch-level{cursor:pointer;background:0 0;border:none;justify-content:space-between;width:100%;padding:2px 4px;font-size:12px;display:flex}.exch-level:hover{background:#d8c47a1f}.exch-book-col.asks .price{color:#e06c5f}.exch-book-col.bids .price{color:#5dbb63}.exch-form{flex-direction:column;gap:6px;width:230px;display:flex}.exch-side-toggle{gap:4px;display:flex}.exch-side-toggle button{opacity:.6;flex:1;padding:4px 0}.exch-side-toggle button.active{opacity:1;outline:1px solid var(--border)}.exch-side-toggle button.active.buy{color:#5dbb63}.exch-side-toggle button.active.sell{color:#e06c5f}.exch-form label{flex-direction:column;gap:2px;font-size:11px;display:flex}.exch-form input{width:100%}.exch-cost{font-size:11px}.exch-form-actions{gap:6px;display:flex}.exch-form-actions button{flex:1}.exch-transfer{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.exch-transfer-row{gap:4px;display:flex}.exch-transfer-row input{flex:1;min-width:0}.exch-transfer-row button{padding:2px 8px;font-size:11px}.exch-tabs{gap:6px;margin-top:10px;display:flex}.exch-tabs button{opacity:.6;padding:2px 10px;font-size:11px}.exch-tabs button.active{opacity:1;outline:1px solid var(--border)}.exch-list{max-height:150px;margin-top:6px;font-size:12px;overflow-y:auto}.exch-row{grid-template-columns:40px 1fr 1fr 70px 24px;align-items:center;gap:6px;padding:2px 4px;display:grid}.exch-row:nth-child(odd){background:#ffffff08}.exch-row.buy .side{color:#5dbb63}.exch-row.sell .side{color:#e06c5f}.exch-row .status.open{color:#d8b93a}.exch-row .status.filled{color:#5dbb63}.exch-row .status.cancelled{opacity:.55}.exch-row button{padding:0 6px;font-size:11px}.exch-empty{text-align:center;padding:8px}.staking-window{width:480px}.stk-summary{justify-content:space-between;gap:12px;margin:8px 0 10px;font-size:12px;display:flex}.stk-summary>div{flex-direction:column;gap:2px;display:flex}.stk-summary .jade,.stk-row .jade{color:#7fd6a8}.accruing{font-variant-numeric:tabular-nums}.stk-form{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.stk-tiers{gap:6px;display:flex}.stk-tier{opacity:.6;flex-direction:column;flex:1;gap:2px;padding:6px 0;display:flex}.stk-tier.active{opacity:1;outline:1px solid var(--border)}.stk-tier .apr{color:#7fd6a8;font-size:11px}.stk-form-row{gap:6px;display:flex}.stk-form-row input{flex:1;min-width:0}.stk-section{text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-top:10px;margin-bottom:4px;font-size:11px}.stk-row{grid-template-columns:70px 76px 1fr 86px 58px;align-items:center;gap:6px;padding:4px 4px 8px;font-size:12px;display:grid;position:relative}.stk-row:nth-child(odd){background:#ffffff08}.stk-row .stk-earn{color:#d8b93a}.stk-row .stk-ready{color:#5dbb63}.stk-row.claimed{opacity:.6}.stk-row button{padding:1px 8px;font-size:11px}.stk-progress{background:#ffffff14;border-radius:2px;height:3px;position:absolute;bottom:2px;left:4px;right:4px;overflow:hidden}.stk-progress .fill{background:#7fd6a8;height:100%;transition:width .3s linear}.stk-empty{padding:6px}.bank-window{width:340px}.bank-gold{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;font-size:12px;display:flex}.bank-gold .gold{color:#d8b93a}.bank-gold-actions{gap:4px;width:100%;display:flex}.bank-gold-actions input{flex:1;min-width:0}.bank-gold-actions button{padding:2px 8px;font-size:11px}.bank-grid{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.quest-log{flex-direction:column;width:360px;max-height:70vh;display:flex}.quest-tabs{gap:4px;margin-bottom:8px;display:flex}.quest-tabs button[data-active=true]{border-color:var(--accent);color:var(--accent-2)}.quest-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.quest-row{border:1px solid var(--border);border-radius:6px;padding:8px}.quest-row.quest-cooldown{opacity:.6}.quest-head{justify-content:space-between;align-items:baseline;display:flex}.quest-title{color:var(--accent-2);font-weight:600}.quest-levels{opacity:.8;font-size:11px}.quest-objective{margin:4px 0;font-size:12px}.quest-repeat{opacity:.7}.quest-bar{border:1px solid var(--border);border-radius:4px;height:8px;margin:4px 0;overflow:hidden}.quest-bar-fill{background:var(--accent);height:100%;transition:width .3s}.quest-bar-fill.complete{background:#5dbb63}.quest-rewards{color:var(--accent-2);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:flex}.quest-reward-item{align-items:center;gap:3px;display:inline-flex}.quest-actions{gap:6px;margin-top:4px;display:flex}.quest-actions button[data-danger]{color:#d08080;border-color:#a04040}.alchemy-window{text-align:center;width:300px;transition:box-shadow .3s}.alchemy-window.alch-success{box-shadow:0 0 22px #78dc788c}.alchemy-window.alch-fail{box-shadow:0 0 22px #dc5a468c}.alch-slots{justify-content:center;gap:14px;margin:14px 0 10px;display:flex}.alch-slot{cursor:pointer;background:#00000059;border:1px dashed #d8c47a73;border-radius:6px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.alch-slot.filled{border-style:solid;animation:1.2s ease-in-out infinite alternate enhance-pulse}.alch-slot-hint{color:#ffffff59;padding:2px;font-size:9px}.alch-slot-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:10px}.alch-plus{color:#ffd766;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;bottom:1px;right:2px}.alch-rate{margin:4px 0;font-size:13px}.alch-rate b{color:#ffd766}.alch-blocked{color:#ffffff80;font-size:12px}.alch-powder-note{color:#8fd88f;font-size:11px}.alch-warning{color:#e08a6a;margin-bottom:4px;font-size:11px}.alch-result{margin:6px 0;font-size:14px;font-weight:600}.alch-result.success{color:#8fd88f}.alch-result.fail{color:#e06a5a}.alch-fuse{margin:8px auto 10px;padding:6px 26px;font-size:13px}.alch-fuse:disabled{opacity:.45;cursor:default}.autopotion-row{align-items:center;gap:14px;margin:12px 12px 0;display:flex}.autopotion-slot.empty-stock{animation:none}.autopotion-slot.empty-stock img{opacity:.35;filter:grayscale(.8)}.autopotion-controls{flex-direction:column;flex:1;gap:6px;font-size:12px;display:flex}.autopotion-enable{cursor:pointer;align-items:center;gap:6px;display:flex}.autopotion-threshold{color:#ffffffbf;flex-direction:column;gap:2px;display:flex}.autopotion-threshold b{color:#ffd766}.autopotion-threshold input[type=range]{width:100%}.autopotion-note{color:#ffffff73;margin:12px 12px 10px;font-size:11px}.premium-frame.premium-bronze{box-shadow:0 0 0 2px #c87f43,0 0 12px 3px #c87f438c,0 8px 26px #0000008c}.premium-frame.premium-silver{box-shadow:0 0 0 2px #c8ccd6,0 0 12px 3px #c8ccd68c,0 8px 26px #0000008c}.premium-frame.premium-gold{box-shadow:0 0 0 2px #e6b422,0 0 13px 3px #e6b42299,0 8px 26px #0000008c}.premium-status{background:#00000040;border:1px solid #ffffff1f;border-radius:4px;margin:4px 10px 8px;padding:8px 10px;font-size:12px}.premium-status b{text-transform:capitalize}.premium-cards{flex-wrap:wrap;gap:10px;padding:4px 10px 10px;display:flex}.premium-card{cursor:pointer;background:linear-gradient(#ffffff0d,#0003);border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;flex:150px;gap:6px;min-width:150px;padding:12px 12px 14px;transition:transform 80ms,box-shadow .12s;display:flex}.premium-card:hover{transform:translateY(-2px)}.premium-card.selected{outline:2px solid var(--premium-color,#e6b422)}.premium-card .premium-card-title{font-size:14px;font-weight:700}.premium-card .premium-card-price{opacity:.9;font-size:13px}.premium-card ul{opacity:.85;margin:4px 0 0;padding-left:16px;font-size:11px;line-height:1.5}.premium-warn{color:#ffcf7a;background:#e6b42214;border:1px solid #e6b42266;border-radius:4px;margin:0 10px 8px;padding:8px 10px;font-size:12px}:root{--z-frames:10;--z-castbar:15;--z-bar:20;--z-windows:30;--z-tooltip:60;--z-ghost:100;--z-death:200;--z-loading:300;--gold-1:#d8c47a;--gold-2:#8a6d3b;--bronze:#6a5a35;--panel-dark:#120f0aeb;--frame-src:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"96\" height=\"96\"><rect x=\"2\" y=\"2\" width=\"92\" height=\"92\" fill=\"%23120f0a\" fill-opacity=\"0.94\"/><rect x=\"3\" y=\"3\" width=\"90\" height=\"90\" fill=\"none\" stroke=\"%236a5a35\" stroke-width=\"2\"/><rect x=\"7\" y=\"7\" width=\"82\" height=\"82\" fill=\"none\" stroke=\"%233a3325\" stroke-width=\"1\"/><path d=\"M3 17 L3 3 L17 3\" fill=\"none\" stroke=\"%23d8c47a\" stroke-width=\"3\"/><path d=\"M79 3 L93 3 L93 17\" fill=\"none\" stroke=\"%23d8c47a\" stroke-width=\"3\"/><path d=\"M93 79 L93 93 L79 93\" fill=\"none\" stroke=\"%23d8c47a\" stroke-width=\"3\"/><path d=\"M17 93 L3 93 L3 79\" fill=\"none\" stroke=\"%23d8c47a\" stroke-width=\"3\"/></svg>");--frame-slice:24;--frame-width:12px;--tray-art:linear-gradient(#221c12, #14100a);--slot-art:linear-gradient(#0e1218, #171d26);--orb-frame-art:none;--orb-hp-fill:radial-gradient(circle at 35% 28%, #e26060, #8a2028 55%, #4a0e12 95%);--orb-mp-fill:radial-gradient(circle at 35% 28%, #6a96e8, #23458a 55%, #0e2148 95%);--minimap-frame-art:none}.sro-frame,.window,.panel{border:var(--frame-width) solid transparent;border-image:var(--frame-src) var(--frame-slice) fill / var(--frame-width) stretch;background:0 0;border-radius:0;box-shadow:0 10px 34px #000000a6}.window{z-index:var(--z-windows)}.window-title{color:var(--gold-1);letter-spacing:.5px;border-bottom:1px solid var(--bronze);padding-bottom:6px}.bottom-bar{z-index:var(--z-bar);align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.bar-tray{background:var(--tray-art);border:2px solid var(--bronze);flex-direction:column;gap:3px;width:452px;height:74px;padding:4px 6px;display:flex;box-shadow:inset 0 1px #d8c47a40,0 4px 14px #000000b3}.slot-row{align-items:center;gap:2px;display:flex}.bar-slot{background:var(--slot-art);border:1px solid #3a3325;border-radius:3px;width:40px;height:40px;padding:0;position:relative;overflow:hidden}.bar-slot:hover:not(:disabled){border-color:var(--gold-2)}.bar-slot.drop-hover{border-color:var(--gold-1);box-shadow:0 0 8px var(--gold-1)}.bar-slot .key{color:var(--gold-1);text-shadow:0 1px 2px #000;z-index:2;font-size:9px;position:absolute;top:1px;left:3px}.bar-slot .mp-cost{color:#7ba3e8;text-shadow:0 1px 2px #000;z-index:2;font-size:9px;position:absolute;bottom:1px;right:3px}.bar-slot .qty{color:#fff;text-shadow:0 1px 2px #000;z-index:2;font-size:10px;position:absolute;bottom:1px;right:3px}.bar-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bar-slot.nomana img{filter:grayscale(.8)brightness(.55)}.bar-slot.empty-stock img{filter:grayscale()brightness(.4)}.bar-slot.wrong-weapon img{filter:grayscale()brightness(.55)sepia(.4)hue-rotate(-30deg)}.bar-slot .cd-sweep,.inv-slot .cd-sweep{color:#fff;text-shadow:0 1px 2px #000;z-index:3;pointer-events:none;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.page-col{flex-direction:column;align-items:center;gap:1px;width:22px;display:flex}.page-col button{border-radius:2px;width:20px;height:12px;padding:0;font-size:8px;line-height:1}.page-col .page-num{color:var(--gold-1);font-size:10px}.xp-strip{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#d8c47a59 calc(10% - 1px) 10%),#0a0806;border:1px solid #3a3325;height:10px;margin:0 4px;position:relative;overflow:hidden}.xp-strip .fill{background:linear-gradient(#e8d68a,#a8862e);width:0%;transition:width .3s;position:absolute;inset:0}.char-frame{width:208px;z-index:var(--z-frames);pointer-events:none;--frame-width:8px;gap:6px;padding:2px 4px;display:flex;position:absolute;top:8px;left:8px}.char-frame .portrait{border:3px solid var(--gold-2);width:38px;height:38px;color:var(--gold-1);background:radial-gradient(circle at 35% 30%,#4a3f2c,#1d160c);border-radius:50%;flex-shrink:0;align-self:center;place-items:center;font-size:15px;display:grid;box-shadow:inset 0 0 8px #000}.char-frame .vitals{flex:1;min-width:0}.char-frame .who{white-space:nowrap;margin-bottom:3px;font-size:12px;font-weight:600;overflow:hidden}.sro-bar{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#0a0806;border:1px solid #3a3325;height:11px;margin-top:2px;position:relative;overflow:hidden}.sro-bar .fill{width:100%;transition:width .2s;position:absolute;inset:0}.sro-bar.hp .fill{background:linear-gradient(#d86a6a,#8a2028)}.sro-bar.mp .fill{background:linear-gradient(#6a96e8,#23458a)}.sro-bar .txt{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:8px;line-height:11px;position:absolute;inset:0}.buff-bar{top:66px;left:56px}.minimap{width:168px;z-index:var(--z-frames);text-align:center;pointer-events:none;position:absolute;top:12px;right:12px}.minimap .zone-label{color:var(--gold-1);text-shadow:0 1px 3px #000;letter-spacing:.5px;margin-bottom:3px;font-size:11px}.minimap .map-wrap{width:160px;height:160px;margin:0 auto;position:relative}.minimap canvas{border:4px solid var(--gold-2);background:#0a0d08;border-radius:50%;width:160px;height:160px;box-shadow:inset 0 0 14px #000,0 2px 10px #000000b3}.minimap .map-frame{background:var(--minimap-frame-art);pointer-events:none;background-size:cover;border-radius:50%;position:absolute;inset:-4px}.minimap .coords{color:var(--muted);margin-top:2px;font-size:10px}.minimap .map-quickbar{pointer-events:auto;justify-content:flex-end;gap:6px;margin-top:6px;padding-right:6px;display:flex}.minimap .map-quick{width:30px;height:30px;color:var(--gold-1);background:var(--slot-art);border:1px solid var(--bronze);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;display:flex;position:relative}.minimap .map-quick:hover{border-color:var(--gold-1)}.minimap .map-quick:disabled{opacity:.45;cursor:default}.minimap .map-quick img{width:20px;height:20px;display:block}.minimap .quick-dot{background:#3ddc6b;border:1px solid #0a0d08;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 5px #3ddc6be6}.chat-tabs{cursor:move;-webkit-user-select:none;user-select:none;gap:1px;display:flex}.chat-tabs button{border-color:var(--bronze);color:var(--muted);background:#120f0abf;border-radius:3px 3px 0 0;padding:2px 10px;font-size:10px}.chat-tabs button.active{color:var(--gold-1);background:#221c12e6}.chat-input-row{gap:3px;display:flex}.chat-input-row .say-channel{width:26px;color:var(--gold-1);border-color:var(--bronze);flex-shrink:0;padding:0;font-size:9px}.pm-window{flex-direction:column;gap:4px;display:flex}.pm-tabs{-webkit-user-select:none;user-select:none;gap:2px;min-height:22px;display:flex;overflow:auto hidden}.pm-tab{border:1px solid var(--bronze);background:#120f0abf;border-radius:3px 3px 0 0;flex:none;align-items:center;max-width:130px;display:flex}.pm-tab.active{background:#221c12e6}.pm-tab-select{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 2px 2px 8px;font-size:10px;display:flex}.pm-tab.active .pm-tab-select{color:var(--gold-1)}.pm-tab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pm-unread{text-align:center;color:#fff;background:#c0392b;border-radius:8px;min-width:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px}.pm-tab-x{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:9px}.pm-tab-x:hover{color:#d88}.pm-new{width:22px;color:var(--gold-1);border:1px solid var(--bronze);background:#120f0abf;border-radius:3px 3px 0 0;flex:none;font-size:12px}.pm-new-input{color:#e8e2d0;border:1px solid var(--bronze);background:#0e1218e6;border-radius:3px 3px 0 0;flex:none;width:96px;padding:2px 6px;font-size:11px}.pm-input{flex:auto;min-width:0}.pm-empty{color:var(--muted);font-size:11px}.drag-ghost{width:40px;height:40px;z-index:var(--z-ghost);pointer-events:none;opacity:.85;filter:drop-shadow(0 3px 6px #000);position:fixed;top:0;left:0}.drag-ghost img{width:100%;height:100%}.drop-hover{outline:2px solid var(--gold-1);outline-offset:-2px}.death-overlay{z-index:var(--z-death)}.cast-bar{z-index:var(--z-castbar);bottom:130px}.npc-dialog{width:340px}.npc-menu{flex-direction:column;gap:6px;display:flex}.npc-menu button{border-color:var(--bronze);color:var(--gold-1)}.shop-tabs{gap:2px;margin-bottom:6px;display:flex}.shop-tabs button{color:var(--parchment,#d8cfb8);cursor:pointer;background:#1e180e99;border:1px solid #3a3325;flex:1;padding:3px 6px;font-size:11px}.shop-tabs button.active{border-color:var(--bronze);color:var(--gold-1);background:#3a2e14cc}.mall-subtabs{gap:2px;margin-bottom:6px;display:flex}.mall-subtabs button{letter-spacing:.02em;color:var(--parchment,#d8cfb8);cursor:pointer;background:#1410098c;border:1px solid #322c1f;border-radius:3px;flex:1;padding:2px 6px;font-size:10px}.mall-subtabs button.active{border-color:var(--bronze);color:var(--gold-1);background:#3a2e14b3}.shop-grid-wrap{margin-bottom:8px}.shop-icon-grid{gap:4px;display:grid}.shop-cell{aspect-ratio:1;background:var(--slot-art,#0a08058c);cursor:pointer;border:1px solid #3a3325;border-radius:3px;padding:0;position:relative;overflow:hidden}.shop-cell img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shop-cell:hover:not(.empty){border-color:var(--bronze)}.shop-cell.selected{border-color:var(--gold-1);box-shadow:0 0 8px #d8c47a8c}.shop-cell.empty{cursor:default;background:#08060466;border-style:dashed;border-color:#2a2418}.shop-pager{color:var(--parchment,#d8cfb8);justify-content:center;align-items:center;gap:10px;margin-top:6px;font-size:11px;display:flex}.shop-pager button{border:1px solid var(--bronze);color:var(--gold-1);cursor:pointer;background:#1e180e99;border-radius:3px;padding:1px 10px;font-size:14px;line-height:1}.shop-pager button:disabled{opacity:.35;cursor:default}.shop-foot{background:#1410098c;border:1px solid #3a3325;border-radius:3px;align-items:center;gap:8px;min-height:44px;padding:5px 6px;display:flex}.shop-foot img{border:1px solid var(--bronze);flex-shrink:0;width:34px;height:34px}.shop-foot-info{flex:1;min-width:0}.shop-foot-name{color:var(--gold-1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.shop-foot .sub{flex:1;margin:0;font-size:11px}.mall-empty{text-align:center;opacity:.6;padding:28px 0}.shop-price{color:#d8b93a;font-size:11px}.shop-actions{gap:3px;display:flex}.shop-actions button{padding:3px 8px;font-size:11px}.inv-window{width:320px}.inv-window.sell-mode{box-shadow:0 0 14px #c9484f99}.paper-doll{background:radial-gradient(at 50% 42%,#d8c47a14,#0000 65%),#0a08058c;border:1px solid #3a3325;height:216px;margin-bottom:8px;position:relative}.doll-silhouette{color:#d8c47a24;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:64px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.paper-doll .doll-slot{background-position:50%;background-repeat:no-repeat;background-size:cover;width:44px;height:44px;position:absolute}.paper-doll .acc-slot{cursor:default}.doll-head{top:8px;left:12px}.doll-shoulder{top:8px;right:12px}.doll-chest{top:60px;left:12px}.doll-gloves{top:60px;right:12px}.doll-pants{top:112px;left:12px}.doll-boots{top:112px;right:12px}.doll-weapon{top:164px;left:calc(50% - 48px)}.doll-shield{top:164px;left:calc(50% + 4px)}.doll-earring{top:8px;left:calc(50% - 48px)}.doll-necklace{top:8px;left:calc(50% + 4px)}.doll-ring-l{top:112px;left:calc(50% - 48px)}.doll-ring-r{top:112px;left:calc(50% + 4px)}.doll-label{color:var(--muted);text-transform:uppercase;font-size:8px}.inv-plus{color:var(--gold-1);text-shadow:0 1px 2px #000;pointer-events:none;font-size:9px;font-weight:700;position:absolute;top:1px;right:3px}.inv-worn img{filter:saturate(.5)brightness(.6)sepia(.4)hue-rotate(-30deg)}.enhance-mode .inv-slot:not(.empty){cursor:crosshair;outline:1px solid #d8c47a99;animation:1s ease-in-out infinite alternate enhance-pulse}@keyframes enhance-pulse{0%{outline-color:#d8c47a40}to{outline-color:#d8c47ae6}}.enhance-hint{color:var(--gold-1)}.item-tooltip{z-index:60;pointer-events:none;color:#e8e8e8;background:#080e22f0;border:1px solid #3f4c7a;width:250px;padding:8px 10px;font-size:11px;line-height:1.5;position:fixed;box-shadow:0 0 0 1px #0a0f22,0 6px 22px #000000b3}.item-tooltip .tt-name{color:#fff;font-size:12px;font-weight:600}.item-tooltip .tt-name.enhanced,.item-tooltip .tt-plus{color:#ffd24a}.item-tooltip .tt-degree{color:#8fa3cc;margin-bottom:3px}.item-tooltip .tt-stat{color:#e8e8e8}.item-tooltip .tt-var{color:#7aa7ff}.item-tooltip .tt-broken{color:#ff5a5a;font-weight:700}.item-tooltip .tt-effect{color:#cfe3b8}.item-tooltip .tt-req{color:#cfcfcf;margin-top:1px}.item-tooltip .tt-req.unmet{color:#ff5a5a}.item-tooltip .tt-kind{color:#9db2d8;margin-top:2px}.item-tooltip .tt-price{color:#ffd24a;margin-top:3px}.tt-dur{background:#2a1518;border:1px solid #000;height:4px;margin-top:2px}.tt-dur-fill{background:#6f87c9;height:100%}.inv-slot{aspect-ratio:1;background:var(--slot-art);border:1px solid #3a3325;width:100%;min-width:30px;padding:0;font-size:11px;position:relative;overflow:hidden}.inv-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.inv-slot .inv-qty{z-index:2}.inv-slot .slot-ghost{pointer-events:none;opacity:.45;position:absolute;inset:0}.inv-slot .slot-ghost img{filter:grayscale()brightness(.7)}.mastery-window{flex-direction:column;width:392px;height:700px;display:flex}.mw-caps{margin-bottom:4px;font-size:11px}.mw-caps.capped{color:#c9484f}.mw-tabs{gap:10px;margin-bottom:6px;display:flex}.mw-tab-group{flex-direction:column;gap:2px;display:flex}.mw-tab-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-1);opacity:.8;font-size:9px}.mw-tab-group-tabs{gap:3px;display:flex}.mw-tabs button{background:#00000059;border:1px solid #3a3325;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:46px;height:44px;padding:2px 0;font-size:9px;display:flex}.mw-tabs button.active{border-color:var(--gold-1);background:#d8c47a1f}.mw-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.mw-head button{padding:2px 8px;font-size:11px}.mw-grid{grid-template-rows:repeat(9,48px);grid-template-columns:repeat(7,34px);gap:2px;margin:0 auto 6px;display:grid}.mw-cell{cursor:pointer;background:#00000059;border:1px solid #3a3325;width:34px;height:48px;padding:0;position:relative}.mw-cell img{display:block}.mw-cell.locked img{filter:grayscale()brightness(.45)}.mw-cell.learnable{border-color:var(--gold-1)}.mw-cell.unlearned img{filter:grayscale()brightness(.8)}.mw-learn{width:100%;height:13px;color:var(--gold-1);background:#d8c47a29;border:none;border-top:1px solid #3a3325;padding:0;font-size:9px;line-height:1;position:absolute;bottom:0;left:0}.mw-learn:hover:not(:disabled){color:#fff;background:#d8c47a59}.mw-learn:disabled{color:#6b6353;background:#0006}.mw-cell.selected{outline:2px solid var(--gold-1);outline-offset:-1px}.mw-cell.known{cursor:grab}.mw-cell .lvl{color:#cfe3b8;pointer-events:none;background:#000000c7;padding:0 2px;font-size:8px;line-height:1.2;position:absolute;bottom:13px;right:0}.mw-cell.maxed .lvl{color:var(--gold-1)}.mw-detail{border-top:1px solid var(--bronze);flex:1;align-items:flex-start;gap:8px;min-height:0;padding-top:6px;font-size:11px;display:flex;overflow:hidden}.mw-detail-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mw-detail .desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mw-detail-actions{margin-top:2px}.mw-detail-actions button{padding:2px 8px;font-size:11px}.unmet{color:#c9484f}.skill-tooltip{width:264px;z-index:var(--z-tooltip);pointer-events:none;border:1px solid var(--bronze);background:#0c0a08f5;padding:8px;font-size:11px;line-height:1.35;position:absolute;box-shadow:0 6px 22px #000000b3}.skill-tooltip .tt-name{color:var(--gold-1);font-size:12px;font-weight:600}.skill-tooltip .tt-cost{color:#8ab4d8;margin-top:2px}.skill-tooltip .tt-effect{color:#cfe3b8}.skill-tooltip .tt-req{color:#9a917c;margin-top:3px}.skill-tooltip .tt-req.unmet{color:#c9484f}.skill-tooltip .tt-desc{margin-top:4px}.skill-tooltip .tt-study{color:#9a917c;margin-top:3px;font-style:italic}.bar-slot.passive-slot{filter:saturate(.4)brightness(.7)}.bar-slot,.inv-slot,.mw-cell{touch-action:none}.paper-doll .inv-slot{aspect-ratio:auto;width:44px;min-width:44px;height:44px}.viewport-stage{background:#000;position:absolute;inset:0;overflow:hidden}.viewport-box{transform-origin:0 0;background:var(--bg);position:absolute;overflow:hidden}.corner-gear{width:32px;height:32px;color:var(--gold-1);border-color:var(--bronze);z-index:var(--z-windows);padding:0;font-size:16px;position:absolute;top:12px;right:12px}.settings-window{width:320px}.settings-row{justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:13px;display:flex}.settings-row select{color:var(--text);border:1px solid var(--border);background:#0e1218;border-radius:4px;padding:5px 8px;font-family:inherit;font-size:13px}.settings-row button{padding:5px 10px;font-size:12px}.pet-mini{border:1px solid var(--bronze);color:var(--text);cursor:pointer;background:#0c0e12e0;border-radius:4px;align-items:center;gap:7px;padding:3px 10px 3px 4px;font-family:inherit;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 5px);left:0;box-shadow:0 3px 10px #0000008c}.pet-mini:hover{border-color:var(--gold-1)}.pet-mini-name{color:var(--gold-1)}.pet-mini-time{color:#9db8a2}.pet-window{width:300px}.pet-status{align-items:center;gap:10px;min-height:38px;margin:6px 0 10px;display:flex}.pet-status .pet-name{color:var(--gold-1);font-size:14px}.pet-status .pet-dismiss{margin-left:auto;padding:5px 10px;font-size:12px}.pet-group{border:1px solid var(--border);border-radius:4px;margin:8px 0;padding:4px 10px 6px}.pet-group-title{letter-spacing:.4px;text-transform:uppercase;color:var(--gold-2,#b89d6a);margin:4px 0 2px;font-size:11px}.bar-cluster{flex-direction:column;gap:2px;width:118px;display:flex;position:relative}.bar-cluster .menu-toggle{letter-spacing:1px;height:20px;color:var(--gold-1);border-color:var(--bronze);background:var(--tray-art);padding:0;font-size:10px}.bar-cluster .menu-unread{text-align:center;color:#fff;pointer-events:none;background:#c0392b;border-radius:8px;min-width:15px;padding:0 3px;font-size:9px;font-weight:700;line-height:15px;position:absolute;top:-6px;right:-6px}.bar-cluster .cluster-icons{gap:2px;display:flex}.bar-cluster .cluster-icons button{width:28px;height:28px;color:var(--gold-1);border:1px solid var(--bronze);background:var(--slot-art);padding:0;font-size:12px}.bar-cluster .cluster-icons button:hover{border-color:var(--gold-1)}.menu-popup{background:var(--panel-dark);border:1px solid var(--bronze);width:130px;z-index:var(--z-windows);flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;bottom:54px;right:0;box-shadow:0 6px 20px #000000b3}.bar-cluster .menu-popup button{text-align:left;color:var(--text);background:0 0;border:none;padding:5px 10px;font-size:12px}.bar-cluster .menu-popup button:hover{color:var(--gold-1);background:#d8c47a26}.item-mall-window{width:360px}.mall-balance{border:1px solid var(--bronze);background:#1e180e99;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 6px;font-size:12px;display:flex}.mall-balance-amount{align-items:center;gap:6px;display:flex}.mall-balance-amount img{width:18px;height:18px}.mall-balance b{color:#6fd0a8;font-size:14px}.mall-price{color:#6fd0a8}.loading-screen{z-index:var(--z-loading);opacity:0;pointer-events:none;background:radial-gradient(#1e180e8c 0%,#060503e6 100%),#0a0805;justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:absolute;inset:0}.loading-screen.show{opacity:1;pointer-events:auto;transition:opacity .12s}.loading-inner{flex-direction:column;align-items:center;gap:14px;width:380px;display:flex}.loading-label{letter-spacing:2px;color:var(--gold-1);text-shadow:0 2px 8px #000c;font-size:22px}.loading-bar{border:1px solid var(--bronze);background:#0009;border-radius:5px;width:100%;height:10px;overflow:hidden}.loading-bar-fill{background:linear-gradient(#e8d48a,#8a6d3b);border-radius:4px;width:0%;height:100%;transition:width .25s}.loading-bar.indeterminate .loading-bar-fill{width:40%;animation:1.2s ease-in-out infinite loading-sweep}@keyframes loading-sweep{0%{margin-left:-40%}to{margin-left:100%}}.loading-sub{color:#d8c47ab3;font-size:12px}.avatar-row{border:1px solid var(--border,#333);background:#785ac80f;border-radius:6px;align-items:center;gap:8px;margin:8px 0 4px;padding:6px 8px;display:flex}.avatar-row-label{text-transform:uppercase;letter-spacing:.05em;color:#a98fd8;flex:0 0 48px;font-size:11px}.avatar-row .avatar-slot{width:44px;height:44px}