@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";body{background-color:#000;margin:0;padding:0;font-family:sans-serif;overflow:hidden}canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}:root{--ui-panel:#101318;--ui-surface:#191e27;--ui-surface-hover:#212733;--ui-border:#363a42;--ui-border-strong:#4a4f59;--ui-gold:#b89545;--ui-gold-dim:#6e5a2b;--ui-text:#d6d8dd;--ui-text-2:#89919e;--ui-hp:#a73535;--ui-mp:#287ba6;--ui-exp:#b58a30;--ui-danger:#a73535;--ui-overlay:#06080cc7;--ui-gap-1:4px;--ui-gap-2:6px;--ui-gap-3:8px;--ui-radius:2px;--ui-radius-lg:3px;--ui-line:1px solid var(--ui-border);--mmo-font-title:"Cinzel", "Times New Roman", Georgia, serif;--mmo-font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-fs-xs:10px;--ui-fs-sm:11px;--ui-fs-md:12px;--ui-fs-lg:14px;--ui-control-h:26px;--ui-control-h-sm:22px;--ui-slot:40px;--z-hud:25;--z-window:40;--z-modal:60;--z-tooltip:1000;--mmo-bg-deep:#0a0c10;--mmo-bg-overlay:var(--ui-overlay);--mmo-panel-bg:var(--ui-panel);--mmo-panel-bg-subtle:var(--ui-surface);--mmo-panel-inner:var(--ui-panel);--mmo-gold-glow:var(--ui-gold);--mmo-gold-bright:var(--ui-gold);--mmo-gold-main:var(--ui-gold);--mmo-gold-dark:var(--ui-gold-dim);--mmo-gold-border:var(--ui-gold-dim);--mmo-gold-border-bright:var(--ui-gold);--mmo-iron-border:var(--ui-border);--mmo-iron-border-light:var(--ui-border-strong);--mmo-hp-fill:var(--ui-hp);--mmo-mp-fill:var(--ui-mp);--mmo-xp-fill:var(--ui-exp);--rarity-common:#94a3b8;--rarity-magic:#38bdf8;--rarity-rare:#facc15;--rarity-epic:#c084fc;--rarity-legendary:#fb923c}body,html{background-color:var(--mmo-bg-deep);width:100vw;height:100vh;color:var(--ui-text);font-family:var(--mmo-font-ui);font-size:var(--ui-fs-md);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}img,canvas{image-rendering:pixelated}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ui-panel)}::-webkit-scrollbar-thumb{background:var(--ui-border-strong);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--ui-gold-dim)}input,select,textarea{box-sizing:border-box;font-family:inherit}:focus-visible{outline:1px solid var(--ui-gold);outline-offset:1px}.mmo-title{font-family:var(--mmo-font-title);letter-spacing:1px;text-transform:uppercase;color:var(--ui-gold)}.mmo-panel{background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--ui-radius);position:relative}.mmo-panel-header{cursor:move;border-bottom:var(--ui-line);background:var(--ui-surface);justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.mmo-panel-header-title{font-family:var(--mmo-font-title);font-size:var(--ui-fs-lg);letter-spacing:.5px;color:var(--ui-gold);align-items:center;gap:var(--ui-gap-3);font-weight:700;display:flex}.mmo-close-btn{background:var(--ui-surface);border:var(--ui-line);color:var(--ui-text-2);border-radius:var(--ui-radius);width:var(--ui-control-h-sm);height:var(--ui-control-h-sm);font-size:var(--ui-fs-md);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}.mmo-close-btn:hover{background:var(--ui-danger);border-color:var(--ui-danger);color:#fff}.mmo-btn{font-family:var(--mmo-font-ui);font-size:var(--ui-fs-md);min-height:var(--ui-control-h);background:var(--ui-surface);border:var(--ui-line);border-radius:var(--ui-radius);color:var(--ui-text);cursor:pointer;justify-content:center;align-items:center;gap:var(--ui-gap-2);box-sizing:border-box;padding:0 10px;font-weight:600;display:inline-flex}.mmo-btn:hover{background:var(--ui-surface-hover);border-color:var(--ui-border-strong)}.mmo-btn:active{background:var(--ui-panel)}.mmo-btn:disabled{opacity:.4;cursor:not-allowed}.mmo-btn-gold{border-color:var(--ui-gold-dim);color:var(--ui-gold);background:#2a2418}.mmo-btn-gold:hover{border-color:var(--ui-gold);background:#342d1c}.mmo-btn-danger{color:#d98a8a;background:#2a1717;border-color:#5a2a2a}.mmo-btn-danger:hover{border-color:var(--ui-danger);background:#3a1c1c}.mmo-slot{background:var(--ui-panel);border:var(--ui-line);border-radius:var(--ui-radius);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.mmo-slot:hover{border-color:var(--ui-gold)}.mmo-slot.active{border-color:var(--ui-gold);background:var(--ui-surface)}.mmo-tab{font-family:var(--mmo-font-ui);font-size:var(--ui-fs-md);color:var(--ui-text-2);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding:4px 10px;font-weight:600}.mmo-tab:hover{color:var(--ui-text)}.mmo-tab.active{color:var(--ui-gold);border-bottom-color:var(--ui-gold)}@keyframes mmo-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes mmo-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes mmo-slide-in{0%{opacity:0}to{opacity:1}}@keyframes mmo-fade-in{0%{opacity:0}to{opacity:1}}.stats-window-root{height:540px;max-height:calc(100vh - 36px);z-index:var(--z-window);pointer-events:none;font-family:var(--mmo-font-ui);transition:width .22s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-window-root.with-stats{width:min(1040px,100vw - 24px)}.stats-window-root.no-stats{width:min(720px,100vw - 24px)}.stats-window{pointer-events:auto;background:linear-gradient(#12151c 0%,#0d0f15 100%);border:1px solid #7c6233;border-radius:4px;flex-direction:column;height:100%;max-height:100%;animation:.12s ease-out mmo-fade-in;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 50px #000000f2,0 0 0 1px #b8954559}.stats-window:before,.stats-window:after{content:"";pointer-events:none;z-index:2;width:14px;height:14px;position:absolute}.stats-window:before{border-top:2px solid var(--ui-gold);border-left:2px solid var(--ui-gold);top:-2px;left:-2px}.stats-window:after{border-bottom:2px solid var(--ui-gold);border-right:2px solid var(--ui-gold);bottom:-2px;right:-2px}.stats-window-body{flex:1;align-items:stretch;height:100%;min-height:0;padding:0;display:grid}.stats-window-body.body-3col{grid-template-columns:280px 330px 1fr}.stats-window-body.body-2col{grid-template-columns:290px 1fr}@media (width<=980px){.stats-window-body.body-3col{grid-template-columns:1fr 1fr}.stats-window-root.with-stats{width:min(800px,100vw - 24px)}}@media (width<=640px){.stats-window-body.body-3col,.stats-window-body.body-2col{grid-template-columns:1fr}.stats-window-root.with-stats,.stats-window-root.no-stats{width:calc(100vw - 16px)}}.sw-stats-expand-btn{width:100%;color:var(--ui-text);font-family:var(--mmo-font-title);letter-spacing:.8px;cursor:pointer;box-sizing:border-box;background:linear-gradient(#1a202cd9 0%,#12161ef2 100%);border:1px solid #b8954566;border-radius:3px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #0006}.sw-stats-expand-btn:hover{border-color:var(--ui-gold);background:linear-gradient(#242c3cf2 0%,#161c26 100%);box-shadow:0 0 8px #b8954559}.sw-stats-expand-btn.active{border-color:var(--ui-gold);background:linear-gradient(#2d2616bf 0%,#1a160ed9 100%)}.sw-expand-pill{font-family:var(--mmo-font-ui);color:var(--ui-gold);background:#b8954526;border:1px solid #b895454d;border-radius:2px;padding:1px 6px;font-size:10px;font-weight:600;transition:all .2s}.sw-stats-expand-btn:hover .sw-expand-pill{border-color:var(--ui-gold);background:#b895454d}.sw-collapse-btn{color:var(--ui-gold);font-family:var(--mmo-font-ui);cursor:pointer;background:0 0;border:1px solid #b8954559;border-radius:2px;padding:2px 7px;font-size:10px;font-weight:600;transition:all .15s}.sw-collapse-btn:hover{border-color:var(--ui-gold);color:#fff;background:#b8954540}.sw-col-left{border-right:1px solid #7c623359;flex-direction:column;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.sw-col-middle{border-right:1px solid #7c623359;flex-direction:column;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.sw-col-right{flex-direction:column;padding:12px 14px;display:flex;position:relative;overflow:hidden}.sw-paperdoll{box-sizing:border-box;background:#0e121aa6;border:1px solid #7c623359;border-radius:3px;justify-content:space-between;align-items:center;min-height:110px;padding:8px 12px;display:flex}.sw-paperdoll-col{flex-direction:column;gap:12px;display:flex}.sw-paperdoll-char{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;min-width:90px;display:flex;position:relative}.sw-paperdoll-sprite{object-fit:contain;max-width:85px;height:94px;image-rendering:pixelated;z-index:1;filter:drop-shadow(0 4px 6px #000000b3)}.sw-paperdoll-pedestal{background:radial-gradient(#b8954559 0%,#0000 70%);border-radius:50%;width:66px;height:14px;position:absolute;bottom:2px}.sw-paperdoll-slot{cursor:pointer;box-sizing:border-box;background:#141822;border:1px solid #2d3340;border-radius:3px;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.sw-paperdoll-slot:hover{border-color:var(--ui-gold);box-shadow:0 0 8px #b8954559}.sw-paperdoll-slot-empty{opacity:.6}.sw-paperdoll-slot-empty:hover{opacity:.95}.sw-paperdoll-slot-drag-over{border-color:var(--ui-gold);background:#222938}.sw-hint-banner{color:#94a3b8;background:#12161f99;border:1px solid #7c623340;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;padding:5px 8px;font-size:10px;display:flex}.sw-hint-gold{color:var(--ui-gold);font-weight:500}.sw-stat-grid-2x2{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.sw-group-title{letter-spacing:.8px;text-transform:uppercase;color:var(--ui-gold);border-bottom:1px solid #7c623340;margin-bottom:3px;padding-bottom:2px;font-size:10.5px;font-weight:700}.sw-stat-row{justify-content:space-between;align-items:center;gap:6px;padding:1.5px 0;font-size:11px;display:flex}.sw-stat-label{color:#94a3b8;align-items:center;gap:5px;display:inline-flex}.sw-stat-value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:700}.sw-inv-header{justify-content:center;align-items:center;margin-bottom:6px;display:flex;position:relative}.sw-inv-title{font-family:var(--mmo-font-title);color:var(--ui-gold);letter-spacing:1.2px;text-transform:uppercase;font-size:15px;font-weight:700}.sw-inv-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:15px;transition:color .15s;position:absolute;top:-2px;right:0}.sw-inv-close:hover{color:#fff}.inv-tabs{border-bottom:1px solid #7c623340;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:2px;display:flex}.inv-tab{color:#89919e;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 6px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s}.inv-tab:hover{color:#d6d8dd}.inv-tab.active{color:#f3e5ab;border-bottom-color:var(--ui-gold);font-weight:700}.sw-inv-grid{flex:1;grid-template-columns:repeat(8,1fr);align-content:start;gap:3px;max-height:330px;padding-right:2px;display:grid;overflow-y:auto}.sw-inv-bottom{border-top:1px solid #7c623359;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;display:flex}.sw-weight-box{flex-direction:column;flex:1;gap:3px;max-width:200px;display:flex}.sw-weight-bar{background:#1c1010;border:1px solid #4a1c1c;border-radius:2px;height:7px;overflow:hidden}.sw-weight-fill{background:linear-gradient(90deg,#991b1b,#ef4444);height:100%;transition:width .2s}.sw-gold-box{color:var(--ui-gold);align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:flex}.sw-card{padding:0 0 var(--ui-gap-2);border:none;border-bottom:var(--ui-line);background:0 0;border-radius:0}.sw-card:last-child{border-bottom:none;padding-bottom:0}.sw-row{justify-content:space-between;align-items:center;gap:var(--ui-gap-3);display:flex}.sw-title{font-size:var(--ui-fs-sm);color:var(--ui-gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--ui-gap-2);font-weight:700;display:block}.sw-muted{color:var(--ui-text-2);font-size:var(--ui-fs-sm)}.sw-name{font-family:var(--mmo-font-title);color:var(--ui-gold);font-size:var(--ui-fs-lg);letter-spacing:.5px}.sw-level{color:var(--ui-gold);border:1px solid var(--ui-gold-dim);border-radius:var(--ui-radius);font-size:var(--ui-fs-sm);padding:0 6px;font-weight:700}.sw-party{margin-bottom:var(--ui-gap-2);border:var(--ui-line);border-radius:var(--ui-radius);font-size:var(--ui-fs-sm);color:var(--ui-mp);padding:2px 6px}.sw-points{background:var(--ui-gold-dim);color:var(--ui-text);border-radius:var(--ui-radius);font-size:var(--ui-fs-sm);padding:0 6px;font-weight:700}.sw-warn{margin-top:var(--ui-gap-2);font-size:var(--ui-fs-sm);color:#d98a8a}.sw-stat-groups{gap:var(--ui-gap-3) 16px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=560px){.sw-stat-groups{grid-template-columns:1fr}}.sw-group{background:0 0;border:none;border-radius:0;padding:0}.sw-group-title{font-size:var(--ui-fs-xs);letter-spacing:.8px;text-transform:uppercase;color:var(--ui-gold);border-bottom:var(--ui-line);margin-bottom:2px;padding-bottom:2px;font-weight:700}.sw-stat{justify-content:space-between;align-items:center;gap:var(--ui-gap-3);font-size:var(--ui-fs-md);padding:1px 0;display:flex}.sw-stat .sw-label{align-items:center;gap:var(--ui-gap-2);color:var(--ui-text-2);display:inline-flex}.sw-stat strong{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:600}.sw-stat.sw-dim strong{color:var(--ui-text-2);font-weight:500}.attr-row{align-items:center;column-gap:var(--ui-gap-3);border:none;border-bottom:var(--ui-line);background:0 0;border-radius:0;grid-template-columns:1fr auto auto;grid-template-areas:"name value buttons""hint hint hint";row-gap:0;margin-top:0;padding:3px 0;display:grid}.attr-row:last-child{border-bottom:none}.attr-row.attr-primary{background:0 0}.attr-name{font-size:var(--ui-fs-md);align-items:center;gap:var(--ui-gap-2);color:var(--attr-color,var(--ui-text));grid-area:name;font-weight:600;display:flex}.attr-main-chip{font-size:var(--ui-fs-xs);text-transform:uppercase;color:var(--ui-gold);border:1px solid var(--ui-gold-dim);border-radius:var(--ui-radius);padding:0 3px;font-weight:700}.attr-value{font-size:var(--ui-fs-lg);color:var(--ui-text);text-align:right;font-variant-numeric:tabular-nums;grid-area:value;font-weight:700}.attr-hint{font-size:var(--ui-fs-xs);color:var(--ui-text-2);white-space:normal;overflow-wrap:anywhere;grid-area:hint;line-height:1.3}.attr-buttons{gap:var(--ui-gap-1);grid-area:buttons;display:flex}.attr-btn{height:var(--ui-control-h-sm);min-height:var(--ui-control-h-sm);font-size:var(--ui-fs-sm);min-width:30px;padding:0 6px}.attr-btn:disabled{opacity:.35;cursor:not-allowed}.eq-row{align-items:center;gap:var(--ui-gap-3);border:var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);margin-top:2px;padding:2px 6px;display:flex}.eq-row:hover{background:var(--ui-surface-hover)}.eq-icon{width:28px;height:28px;font-size:var(--ui-fs-lg);justify-content:center;align-items:center;display:flex}.eq-text{flex:1;min-width:0}.inv-grid{gap:2px;display:grid}.inv-slot{aspect-ratio:1;background:var(--ui-surface);border:var(--ui-line);border-radius:var(--ui-radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;display:flex;position:relative}.inv-slot:hover{border-color:var(--ui-gold)}.inv-slot-empty{background:var(--ui-panel);cursor:default}.inv-slot-empty:hover{border-color:var(--ui-border)}.inv-slot-selected{border-color:var(--ui-gold);background:var(--ui-surface-hover)}.inv-slot-dragging{opacity:.4}.inv-slot-drag-over{border-color:var(--ui-gold);background:var(--ui-surface-hover)}.inv-count{font-size:var(--ui-fs-xs);color:var(--ui-text);pointer-events:none;background:#0a0c10cc;border-radius:0;padding:0 2px;font-weight:700;line-height:1.15;position:absolute;bottom:1px;right:2px}.inv-card{flex-direction:column;flex:1;min-height:0;display:flex}.inv-actions{gap:var(--ui-gap-2);margin-top:var(--ui-gap-2);flex-wrap:wrap;align-items:center;display:flex}.inv-actions .mmo-btn{font-size:var(--ui-fs-sm);min-height:var(--ui-control-h-sm);padding:0 8px}.mmo-item-tooltip{z-index:var(--z-tooltip);pointer-events:none;background:var(--ui-panel);border-radius:var(--ui-radius);width:250px;font-family:var(--mmo-font-ui);padding:6px 8px;position:fixed}.mmo-action-console{transform-origin:bottom;transition:transform .2s}@media (width<=1280px){.mmo-action-console{transform:translate(-50%)scale(.92)!important}}@media (width<=1024px){.mmo-action-console{transform:translate(-50%)scale(.82)!important}}@keyframes center-toast{0%{opacity:0;transform:translate(-50%,-40%)scale(.96)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0}}