*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{zoom:.8}html,body{width:100%;height:100%}#root{width:100%;height:100%;overflow:auto}:root{--bg: #0a0a0a;--panel-bg: #111111;--header-bg: #1a1a1a;--border: #2e2e2e;--border-dim: #1e1e1e;--text: #c8c8c8;--text-accent: #e8e8e8;--text-primary: var(--text);--text-dim: #999999;--text-muted: #707070;--bg-panel: var(--panel-bg);--accent: #9a5020;--accent-dim: #6b3a16;--hp-bar: #22c55e;--hp-bg: #041a0c;--xp-bar: #8a5a20;--xp-bg: #130e06;--mp-bar: #60a5fa;--mp-bg: #07122a;--mp-shield-bar: #a855f7;--mp-shield-bg: #1a0a2a;--btn-bg: #1a1a1a;--btn-hover: #262626;--btn-active: #333333;--tab-active: #1a1a1a;--slot-bg: #0d0d0d;--slot-border: #252525;--slot-hover: #1a1a1a;--nav-hover: #1a1a1a;--nav-active: #202020;--scrollbar-bg: #0d0d0d;--scrollbar-thumb: #333333;--gap: 14px;--radius: 8px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#503828}.app{display:flex;flex-direction:column;width:100%;height:100%;min-width:960px;min-height:580px;background:linear-gradient(to right,#181818,#0a0a0a);color:var(--text);font-family:Verdana,sans-serif;font-weight:700;font-size:17px;line-height:1.4}.top-bar{height:52px;background:var(--panel-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;flex-shrink:0;position:relative;z-index:10;overflow:hidden}.top-bar-logo{display:flex;align-items:center;gap:8px;margin-right:28px}.top-bar-logo-icon,.top-bar-logo-text{height:66px;width:auto}.top-bar-nav{display:flex;gap:2px;flex:1}.top-bar-nav-link{padding:7px 15px;color:var(--text-accent);font-size:14px;font-weight:600;cursor:pointer;border-radius:5px;border:none;background:transparent;font-family:inherit;letter-spacing:.5px;transition:background .12s,color .12s}.top-bar-nav-link:hover{background:var(--nav-hover);color:var(--text)}.top-bar-nav-link.active{background:var(--nav-active);color:var(--text-accent)}.top-bar-dropdown-menu{position:fixed;min-width:200px;background:var(--panel-bg);border:1px solid var(--border-dim);border-radius:6px;box-shadow:0 8px 24px #00000073;padding:8px;z-index:1000}.top-bar-dropdown-section-title{padding:4px 8px 6px;color:var(--text-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.top-bar-dropdown-item{display:block;padding:8px;border-radius:4px;background:var(--btn-bg);border:1px solid var(--border-dim);color:var(--text-accent);font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,color .12s}.top-bar-dropdown-item:hover{background:var(--btn-hover);color:var(--text)}.top-bar-right{display:flex;align-items:center;gap:16px;margin-left:auto}.online-badge{display:flex;align-items:center;gap:7px;color:var(--text-dim);font-size:14px}.online-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e88;flex-shrink:0}.online-badge--btn{background:transparent;border:1px solid transparent;border-radius:5px;padding:4px 10px;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s}.online-badge--btn:hover{background:var(--btn-hover);border-color:var(--border-dim)}.report-btn{padding:5px 14px;background:var(--btn-bg);color:var(--text-dim);border:1px solid var(--border-dim);border-radius:5px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .12s}.report-btn:hover{color:var(--text);border-color:var(--border)}.main-row{display:flex;flex:1;overflow:hidden;padding:var(--gap);gap:var(--gap)}.left-sidebar{width:240px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar-title{background:var(--header-bg);border-bottom:1px solid var(--border-dim);border-radius:var(--radius) var(--radius) 0 0;padding:13px 0;text-align:center;color:var(--text-accent);font-size:14px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;flex-shrink:0}.nav-section{border-bottom:1px solid var(--border-dim);padding-bottom:5px;flex-shrink:0}.nav-section-label{padding:10px 12px 4px;font-size:11px;font-weight:700;color:var(--text-accent);letter-spacing:2.5px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 18px;color:var(--text);font-size:15px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:inherit;transition:background .1s,color .1s}.nav-item:hover:not(.disabled){background:var(--nav-hover)}.nav-item.active{background:var(--nav-active)}.nav-item.disabled{color:var(--text-muted);cursor:default}.nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border-dim);flex-shrink:0}.logout-btn{margin:9px;padding:8px;background:var(--btn-bg);color:var(--text-dim);border:1px solid var(--border-dim);border-radius:5px;font-size:13px;cursor:pointer;font-family:inherit;width:calc(100% - 18px);text-align:center;letter-spacing:1px;transition:all .12s}.logout-btn:hover{color:#cc3030;border-color:#3a1010}.center-column{flex:1;display:flex;flex-direction:column;gap:var(--gap);overflow:hidden;min-width:0}.game-viewport{flex:1;min-height:220px;position:relative;overflow:hidden;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.arena-corner{position:absolute;width:16px;height:16px;z-index:5;pointer-events:none;opacity:.55}.arena-corner.tl{top:6px;left:6px;border-top:3px solid #cc2222;border-left:3px solid #cc2222}.arena-corner.tr{top:6px;right:6px;border-top:3px solid #cc2222;border-right:3px solid #cc2222}.arena-corner.bl{bottom:6px;left:6px;border-bottom:3px solid #cc2222;border-left:3px solid #cc2222}.arena-corner.br{bottom:6px;right:6px;border-bottom:3px solid #cc2222;border-right:3px solid #cc2222}.zone-bar{height:34px;background:linear-gradient(to right,#1a0404,#2e0707,#1a0404);border-bottom:1px solid #5a1010;border-radius:var(--radius) var(--radius) 0 0;display:flex;align-items:center;justify-content:center;color:#f0a0a0;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;flex-shrink:0}.game-canvas-wrap{flex:1;position:relative;overflow:hidden}.game-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.floating-panels{position:absolute;top:34px;right:0;bottom:0;left:0;pointer-events:none}.floating-panels>*{pointer-events:auto}.float-panel{position:absolute;background:#111111f2;border:1px solid var(--border);border-radius:6px;min-width:175px;overflow:hidden}.float-panel-header{background:var(--header-bg);border-bottom:1px solid var(--border-dim);padding:6px 10px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.float-panel-close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 2px;font-family:inherit;line-height:1;transition:color .1s}.float-panel-close:hover{color:var(--text)}.float-panel-body{padding:9px 11px;font-size:13px;color:var(--text)}.panel-target{top:10px;left:10px}.panel-move{bottom:10px;left:10px}.panel-xp{bottom:10px;right:10px;min-width:210px}.xp-row{display:flex;justify-content:space-between;padding:2px 0;gap:20px}.xp-label{color:var(--text-dim)}.xp-value{color:var(--text)}.mode-btns{display:flex;gap:6px;margin-bottom:7px}.mode-btn{flex:1;padding:6px 0;background:var(--btn-bg);border:1px solid var(--border-dim);color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer;transition:all .1s;border-radius:4px}.mode-btn:hover{background:var(--btn-hover);border-color:var(--border);color:var(--text)}.mode-btn.active{background:var(--nav-active);color:var(--text);border-color:var(--border)}.range-row{display:flex;align-items:center;gap:8px;margin-top:5px}.range-label{color:var(--text-dim);font-size:13px}.range-btn{padding:2px 10px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:4px;color:var(--text);font-family:inherit;font-size:14px;cursor:pointer;transition:background .1s}.range-btn:hover{background:var(--btn-hover)}.range-val{color:var(--text);min-width:18px;text-align:center;font-weight:700;font-size:14px}.util-block{padding:6px 12px 8px;border-bottom:1px solid var(--border-dim)}.util-block:last-child{border-bottom:none}.util-block-label{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}.util-row{display:flex;justify-content:space-between;padding:1px 0;font-size:12px}.util-key{color:var(--text-dim)}.util-val{color:var(--text)}.game-window-backdrop{position:absolute;top:34px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0abf;z-index:30}.game-window{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);width:clamp(300px,44%,480px);max-width:calc(100% - 24px);max-height:90%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000080}.game-window-body{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;display:flex;flex-direction:column}.game-window-header{background:var(--header-bg);border-bottom:1px solid var(--border-dim);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--text-accent);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.game-window-close{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:15px;padding:0 2px;font-family:inherit;line-height:1;transition:color .1s}.game-window-close:hover{color:var(--text)}.game-window--lg{width:clamp(640px,82%,1000px)}.game-window--lg .game-window-header{padding:16px 24px;font-size:17px}.game-window--vendor{width:clamp(940px,92%,1380px);height:92%;max-height:92%}.game-window--vendor .game-window-header{padding:16px 26px;font-size:18px}.game-window--stats{width:clamp(420px,46%,560px);height:auto;max-height:90%}.game-window--stats .game-window-header{padding:14px 22px;font-size:16px}.cstats-body{display:flex;flex-direction:column;padding:6px 0;overflow-y:auto}.cstats-section{border-bottom:1px solid var(--border-dim);padding-bottom:4px;margin-bottom:2px}.cstats-section:last-child{border-bottom:none}.cstats-section-header{background:var(--header-bg);color:var(--text-accent);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:8px 18px;border-bottom:1px solid var(--border-dim);border-top:1px solid var(--border-dim)}.cstats-row{display:flex;justify-content:space-between;align-items:center;padding:7px 18px;font-size:16px}.cstats-row:hover{background:#ffffff05}.cstats-label{color:var(--text-accent)}.cstats-value{color:var(--text-accent);font-weight:600}.cstats-sub{color:var(--text);font-weight:400;font-size:14px}.game-window-placeholder{padding:40px 24px;min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.travel-menu{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.travel-city-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:16px 20px 14px;border-bottom:1px solid var(--border-dim);background:var(--header-bg)}.travel-city-tab{display:flex;align-items:center;gap:7px;padding:8px 15px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:4px;color:var(--text-accent);font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .1s;white-space:nowrap}.travel-city-tab:hover{background:var(--btn-hover);border-color:var(--border);color:var(--text)}.travel-city-tab--active{background:var(--btn-active);border-color:var(--border);color:var(--text)}.travel-city-tab-level{font-size:13px;color:var(--text);font-weight:600}.travel-search{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-dim)}.travel-search-icon{width:18px;height:18px;color:var(--text);flex-shrink:0}.travel-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:16px}.travel-search-input::placeholder{color:var(--text-muted)}.travel-city-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-dim);background:var(--panel-bg)}.travel-city-header-name{font-size:23px;font-weight:700;color:var(--text-accent);letter-spacing:.5px;margin-bottom:3px}.travel-city-header-sub{font-size:15px;color:var(--text)}.travel-town-btn{padding:11px 22px;background:var(--btn-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-accent);font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .12s;flex-shrink:0}.travel-town-btn:hover{background:var(--btn-hover);color:var(--text);border-color:var(--text-accent)}.travel-town-btn:disabled{opacity:.4;cursor:default}.travel-zone-list{flex:1}.travel-zone-empty{padding:40px 24px;text-align:center;color:var(--text);font-size:16px}.travel-zone-card{display:flex;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--border-dim);transition:background .1s}.travel-zone-card:last-child{border-bottom:none}.travel-zone-card:hover{background:var(--nav-hover)}.travel-zone-card--current{background:#1e0f0a73}.travel-zone-card--current:hover{background:#1e0f0aa6}.travel-zone-icon{width:84px;height:84px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;overflow:hidden}.travel-zone-sprite{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.travel-zone-info{flex:1;min-width:0}.travel-zone-name{font-size:19px;font-weight:700;color:var(--text-accent);margin-bottom:3px}.travel-zone-meta{font-size:15px;color:var(--text);margin-bottom:3px}.travel-zone-creatures{font-size:14px;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-zone-status-row{display:flex;align-items:center;gap:0;font-size:15px}.travel-zone-open{color:#c8a060;font-weight:600}.travel-zone-level-req{color:var(--text-accent)}.travel-zone-here{margin-left:10px;font-size:13px;font-weight:700;color:var(--text-accent);letter-spacing:1.5px}.travel-zone-btn{flex-shrink:0;padding:10px 24px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:4px;color:var(--text);font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .12s}.travel-zone-btn:hover{background:var(--btn-hover);border-color:var(--border)}.travel-zone-btn:disabled{opacity:.45;cursor:default}.travel-city-tab--bosses{color:#cc4040}.travel-city-tab--bosses.travel-city-tab--active{color:#e06060;border-color:#cc404044;background:#c83c3c1f}.travel-boss-grid-wrap{overflow-y:auto;flex:1}.travel-boss-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-dim)}.travel-boss-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--panel-bg);transition:background .1s}.travel-boss-card:hover{background:var(--nav-hover)}.travel-boss-icon{width:46px;height:46px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-top:1px}.travel-boss-info{flex:1;min-width:0}.travel-boss-name{font-size:17px;font-weight:700;color:var(--text-accent);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-boss-zone{font-size:14px;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-boss-stats{font-size:14px}.travel-boss-exp{color:#c8a030;font-weight:600}.travel-boss-hp{color:#e05050}.travel-zone-card--boss{border-left:2px solid #cc404044}.travel-zone-card--boss:hover{border-left-color:#cc404088}.travel-boss-badge{display:inline-block;background:#cc404022;color:#e05050;border:1px solid #cc404044;border-radius:3px;font-size:13px;font-weight:700;padding:2px 7px;text-transform:uppercase;letter-spacing:.04em}.travel-boss-btn{background:#2a1010;border-color:#cc404044;color:#e06060}.travel-boss-btn:hover:not(:disabled){background:#3a1414;border-color:#cc404088;color:#f08080}.boss-token-tracker{display:flex;align-items:baseline;gap:14px;padding:10px 16px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.boss-token-tracker-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.boss-token-tracker-value{font-size:16px;font-weight:700;color:#fbbf24}.boss-token-tracker-slots{margin-left:auto;font-size:12px;color:var(--text-dim)}.boss-tabs{display:flex;gap:4px;padding:8px 16px 0;flex-shrink:0}.boss-tab{background:transparent;border:1px solid var(--border-dim);border-bottom:none;border-radius:4px 4px 0 0;color:var(--text-dim);padding:7px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.boss-tab--active{background:var(--panel-bg);color:var(--text-accent);border-color:var(--border)}.token-shop{display:flex;flex-direction:column;gap:12px;padding:16px;overflow-y:auto}.token-shop-item{display:flex;align-items:center;gap:16px;padding:12px 14px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px}.token-shop-item-info{flex:1;min-width:0}.token-shop-item-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.token-shop-item-desc{font-size:12px;color:var(--text-dim);line-height:1.4}.token-shop-buy-btn{flex-shrink:0;background:var(--btn-bg);border:1px solid #fbbf2444;border-radius:4px;color:#fbbf24;padding:9px 16px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.token-shop-buy-btn:hover:not(:disabled){border-color:#fbbf2488;background:#fbbf2414}.token-shop-buy-btn:disabled{opacity:.45;cursor:not-allowed}.boss-cd-hint--order{color:#e0a050}.standing-order-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.standing-order-toggle input{position:absolute;opacity:0;width:0;height:0}.standing-order-toggle-track{position:relative;width:30px;height:16px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:8px;transition:background .15s,border-color .15s}.standing-order-toggle-thumb{position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.standing-order-toggle--active .standing-order-toggle-track{background:#fbbf2422;border-color:#fbbf2488}.standing-order-toggle--active .standing-order-toggle-thumb{transform:translate(14px);background:#fbbf24}.standing-order-toggle input:disabled~.standing-order-toggle-track{opacity:.4;cursor:not-allowed}.standing-order-toggle-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.town-view{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel-bg);display:flex;flex-direction:column;overflow-y:auto;z-index:2}.town-header{background:var(--header-bg);border-bottom:1px solid var(--border-dim);padding:18px 28px;flex-shrink:0;text-align:center}.town-header-title{color:var(--text-accent);font-size:19px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:5px}.town-header-sub{color:var(--text-accent);font-size:17px;font-weight:700;letter-spacing:.05em}.town-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:26px;flex:1;align-content:start}.town-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:var(--radius);cursor:pointer;font-family:inherit;text-align:center;transition:background .12s,border-color .12s}.town-option:hover{background:var(--btn-hover);border-color:var(--border)}.town-option-icon{font-size:36px;line-height:1}.town-option-label{color:var(--text-accent);font-size:18px;font-weight:700;letter-spacing:.5px}.town-option-desc{color:var(--text);font-size:14px;line-height:1.5}.util-toggle-btn{width:100%;padding:8px 10px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:4px;color:var(--text);font-family:inherit;font-size:15px;text-align:left;cursor:pointer;transition:all .1s}.util-toggle-btn:hover{background:var(--btn-hover);color:var(--text-accent);border-color:var(--border)}.util-toggle-btn.active{background:var(--nav-active);color:var(--text-accent);border-color:var(--border)}.right-sidebar{width:310px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.rs-section{border-bottom:1px solid var(--border-dim);flex-shrink:0}.rs-header{background:var(--header-bg);border-bottom:1px solid var(--border-dim);padding:10px 14px;color:var(--text-accent);font-size:13px;font-weight:700;text-align:center;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.rs-section:first-child .rs-header{border-radius:var(--radius) var(--radius) 0 0}.char-identity{display:flex;align-items:center;gap:12px;padding:12px 13px 8px}.char-portrait{width:72px;height:72px;background:var(--slot-bg);border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;overflow:hidden}.char-meta{flex:1;min-width:0}.char-name{color:var(--text);font-size:17px;font-weight:700}.char-class,.char-level{color:var(--text-dim);font-size:14px}.char-stats{padding:6px 13px 12px}.char-gold{display:flex;align-items:center;gap:7px;color:var(--text);font-size:16px;font-weight:600;padding:4px 0}.stat-bar-row{padding:4px 0}.stat-bar-label{display:flex;justify-content:space-between;margin-bottom:3px}.stat-bar-name{color:var(--text-dim);font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:12px}.stat-bar-val{color:var(--text);font-size:13px}.stat-bar-track{height:14px;background:var(--hp-bg);border:1px solid rgba(34,197,94,.15);position:relative;overflow:hidden;border-radius:3px}.stat-bar-track.xp{height:9px;background:var(--xp-bg);border-color:#8a5a202e}.stat-bar-track.mp{background:var(--mp-bg);border-color:#60a5fa26}.stat-bar-track.mp.shielded{background:var(--mp-shield-bg);border-color:#a855f74d}.stat-bar-fill{position:absolute;inset:0 auto 0 0;background:var(--hp-bar);transition:width .3s ease}.stat-bar-fill.xp{background:var(--xp-bar)}.stat-bar-fill.mp{background:var(--mp-bar)}.stat-bar-fill.mp.shielded{background:var(--mp-shield-bar)}.mana-shield-val{color:var(--mp-shield-bar);font-weight:700;margin-left:6px}.rs-section-sm .rs-header{padding:7px 12px;font-size:12px}.rs-section-overcap{background:#ef44441a;box-shadow:inset 0 0 0 1px #ef44448c;animation:backpack-overcap-pulse 1.4s ease-in-out infinite}.rs-section-overcap .rs-header{background:#ef444429}@keyframes backpack-overcap-pulse{0%,to{box-shadow:inset 0 0 0 1px #ef44448c}50%{box-shadow:inset 0 0 0 1px #ef4444e6,inset 0 0 14px #ef444440}}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px}.equip-slot-spacer{aspect-ratio:1}.equip-slot{aspect-ratio:1;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);cursor:default;position:relative;overflow:hidden;transition:border-color .1s;min-height:52px}.equip-slot:hover{border-color:var(--border)}.equip-slot.filled{border-color:var(--border-dim);color:var(--text)}.equip-slot.filled:hover{border-color:var(--border)}.equip-slot-icon{font-size:22px}.equip-slot-name{font-size:10px;color:var(--text-dim);text-align:center;line-height:1.2;margin-top:2px}.rarity-uncommon{border-color:#1a4a20!important}.rarity-rare{border-color:#1a2a6e!important}.rarity-epic{border-color:#5a1a8a!important}.rarity-legendary{border-color:#6a3008!important;box-shadow:inset 0 0 8px #a050082e}.backpack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:9px}.item-slot{aspect-ratio:1;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;position:relative;min-height:44px;transition:border-color .1s}.item-slot:hover{border-color:var(--border)}.item-slot.split-drop-target{border-color:#9a5820;background:#1a1008}.item-slot.stack-drop-target{border-color:#22a050;background:#0a180d}.item-qty{position:absolute;bottom:1px;right:1px;font-size:9px;font-weight:700;color:#fff;background:#000000b8;padding:0 2px;border-radius:2px;line-height:1.4;pointer-events:none}.split-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.split-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:6px;padding:20px 24px;min-width:280px;max-width:340px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px #0009}.split-modal-title{font-size:13px;font-weight:700;color:var(--text-accent);letter-spacing:.06em;text-transform:uppercase}.split-modal-item{font-size:13px;color:var(--text-primary);font-weight:600}.split-modal-info{font-size:12px;color:var(--text-dim)}.split-modal-info strong{color:var(--text-primary)}.split-modal-controls{display:flex;align-items:center;gap:10px}.split-modal-slider{flex:1;accent-color:var(--text-accent);cursor:pointer}.split-modal-input{width:52px;background:var(--slot-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px;text-align:center;padding:4px 6px;font-family:Verdana,sans-serif}.split-modal-input::-webkit-inner-spin-button,.split-modal-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.split-modal-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.split-modal-actions{display:flex;gap:8px;justify-content:flex-end}.split-modal-btn{padding:6px 16px;border-radius:4px;border:1px solid var(--border);background:var(--btn-bg);color:var(--text-primary);font-size:12px;cursor:pointer;font-family:Verdana,sans-serif;transition:background .1s,border-color .1s}.split-modal-btn:hover{background:var(--btn-hover)}.split-modal-btn.confirm{background:#1e1008;border-color:var(--text-accent);color:var(--text-accent)}.split-modal-btn.confirm:hover{background:#2e1a10}.bp-page-btn{background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--text);cursor:pointer;font-size:13px;line-height:1;padding:1px 5px}.bp-page-btn:hover:not(:disabled){border-color:var(--border);color:var(--text-bright, #fff)}.bp-page-btn:disabled{opacity:.35;cursor:default}.bpw-wrap{padding:22px;display:flex;flex-direction:column;gap:18px;min-width:640px}.bpw-panels{display:flex;align-items:stretch;gap:14px}.bpw-panel{flex:1;background:var(--slot-bg);border:1px solid var(--border);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}.bpw-panel-label{font-size:13px;letter-spacing:.12em;color:var(--text-accent);font-weight:700;text-align:center}.bpw-panel-body{display:flex;align-items:center;gap:16px}.bpw-panel-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.bpw-sprite-box{position:relative;display:flex;justify-content:center;align-items:center;background:var(--header-bg);border:1px solid var(--border-dim);border-radius:6px;padding:10px;width:124px;height:124px;flex-shrink:0}.bpw-sprite{width:100px;height:100px;image-rendering:pixelated;object-fit:contain}.bpw-tier-name{font-size:22px;font-weight:700;color:var(--text-accent);text-align:left}.bpw-rank{font-size:16px;color:var(--text)}.bpw-cap-bonus{font-size:19px;font-weight:700;font-family:monospace}.bpw-tier-badge{font-size:12px;letter-spacing:.08em;color:var(--text-accent);background:var(--header-bg);border:1px solid var(--border-dim);border-radius:3px;padding:2px 7px}.bpw-tier-up-badge{position:absolute;top:-8px;right:-8px;background:#8a4aaa;color:#f0e8d8;font-size:10px;font-weight:700;letter-spacing:.05em;border-radius:3px;padding:2px 5px}.bpw-arrow{display:flex;align-items:center;color:var(--text-accent);font-size:30px;padding:0 4px;flex-shrink:0}.bpw-maxed-label{font-size:20px;font-weight:700;color:#c0e030;letter-spacing:.1em}.bpw-tier-track-wrap{display:flex;gap:4px;padding:4px 0 2px}.bpw-tier-pip{flex:1;height:9px;border-radius:3px;background:var(--slot-bg);border:1px solid var(--border-dim);transition:background .2s}.bpw-tier-pip.past{background:var(--border);border-color:var(--border)}.bpw-tier-pip.current{background:var(--text-accent);border-color:var(--text-accent)}.bpw-bottom-row{display:flex;align-items:stretch;gap:14px;border-top:1px solid var(--border-dim);padding-top:18px}.bpw-stat-box{flex:1;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:6px}.bpw-stat-label{font-size:12px;letter-spacing:.1em;color:var(--text-accent);font-weight:700}.bpw-stat-value{font-size:19px;font-weight:700;font-family:monospace;color:var(--text-accent)}.bpw-upgrade-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}.bpw-upgrade-btn{padding:12px 18px;font-size:17px;font-weight:700;letter-spacing:.08em;border-radius:4px;border:1px solid;cursor:pointer;width:100%}.bpw-upgrade-btn.ready{background:#1a3020;border-color:#4aaa60;color:#5ed67a}.bpw-upgrade-btn.ready:hover{background:#224030}.bpw-upgrade-btn.disabled{background:var(--slot-bg);border-color:var(--border-dim);color:var(--text-accent);cursor:not-allowed}.bpw-afford-hint{font-size:14px;font-family:monospace;text-align:center}.bottom-chat{height:240px;min-height:160px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;flex-shrink:1}.bottom-chat.bottom-chat--minimized{height:auto;min-height:0}.chat-tabs{display:flex;background:var(--header-bg);border-bottom:1px solid var(--border-dim);border-radius:var(--radius) var(--radius) 0 0;flex-shrink:0;overflow:hidden}.bottom-chat--minimized .chat-tabs{border-bottom:none;border-radius:var(--radius)}.chat-minimize-btn{flex-shrink:0;padding:5px 11px;background:transparent;color:var(--text-dim);border:none;border-left:1px solid var(--border-dim);cursor:pointer;font-size:13px;line-height:1;transition:all .1s}.chat-minimize-btn:hover{background:var(--nav-hover);color:var(--text)}.chat-tab{padding:7px 16px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;border:none;background:transparent;font-family:inherit;letter-spacing:.3px;border-right:1px solid var(--border-dim);transition:all .1s}.chat-tab:hover{background:var(--nav-hover);color:var(--text)}.chat-tab.active{background:var(--tab-active);color:var(--text);border-bottom:2px solid var(--border)}.chat-tab--unseen{color:var(--text-accent);animation:chat-tab-flash 1.2s ease-in-out infinite}@keyframes chat-tab-flash{0%,to{color:var(--text-accent)}50%{color:#d0a050}}.chat-label{padding:3px 11px;font-size:12px;color:var(--text-muted);background:#0003;border-bottom:1px solid var(--border-dim);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:6px 11px;display:flex;flex-direction:column;gap:1px}.chat-msg{font-size:14px;line-height:1.5;word-break:break-word}.chat-msg .msg-time{color:var(--text-muted);margin-right:5px;font-size:12px}.chat-msg .msg-name{color:var(--text-dim);font-weight:600}.chat-msg .msg-colon{color:var(--text-muted);margin:0 3px}.chat-msg .msg-text{color:var(--text)}.chat-msg.combat .msg-text{color:#cc3030}.chat-msg.system .msg-text{color:var(--text-dim);font-style:italic}.chat-msg.kill .msg-text{color:#b8a830;font-weight:600}.chat-msg.heal .msg-text{color:#2a8a60}.chat-msg.loot .msg-text{color:var(--text)}.chat-input-row{display:flex;padding:7px 10px;gap:7px;border-top:1px solid var(--border-dim);flex-shrink:0}.chat-input{flex:1;padding:7px 11px;background:var(--slot-bg);color:var(--text);border:1px solid var(--border-dim);border-radius:5px;font-family:inherit;font-size:14px;outline:none;transition:border-color .1s}.chat-input:focus{border-color:var(--border)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.45}.chat-send-btn{padding:7px 17px;background:var(--btn-bg);color:var(--text-dim);border:1px solid var(--border-dim);border-radius:5px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:all .1s}.chat-send-btn:hover{background:var(--btn-hover);border-color:var(--border);color:var(--text)}.chat-send-btn:disabled{opacity:.35;cursor:default}.login-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);position:relative}.login-corner{position:absolute;width:64px;height:64px;border-color:var(--border-dim);border-style:solid;opacity:.45}.login-corner.tl{top:16px;left:16px;border-width:1px 0 0 1px}.login-corner.tr{top:16px;right:16px;border-width:1px 1px 0 0}.login-corner.bl{bottom:16px;left:16px;border-width:0 0 1px 1px}.login-corner.br{bottom:16px;right:16px;border-width:0 1px 1px 0}.login-panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);width:480px;overflow:hidden}.login-panel-header{background:var(--header-bg);border-bottom:1px solid var(--border-dim);padding:30px 0;text-align:center}.login-logo{max-width:320px;height:auto;display:block;margin:0 auto}.login-title{color:var(--text-accent);font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:8px}.login-subtitle{color:var(--text-dim);font-size:16px;letter-spacing:1px}.login-body{padding:36px 42px}.login-field{margin-bottom:18px}.login-label{font-size:13px;font-weight:700;color:var(--text-dim);margin-bottom:7px;letter-spacing:1.5px;text-transform:uppercase;display:block}.login-input{width:100%;padding:14px 16px;background:var(--slot-bg);color:var(--text);border:1px solid var(--border-dim);border-radius:6px;font-family:inherit;font-size:17px;outline:none;transition:border-color .12s}.login-input:focus{border-color:var(--border)}.login-input::placeholder{color:var(--text-muted)}.login-btns{display:flex;gap:12px;margin-top:28px}.login-btn{flex:1;padding:14px 0;border-radius:6px;border:1px solid;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;transition:all .12s}.login-btn.primary{background:var(--nav-active);color:var(--text);border-color:var(--border)}.login-btn.primary:hover{background:var(--btn-hover)}.login-btn.secondary{background:#181412;color:#9a8070;border-color:#3a2820}.login-btn.secondary:hover{background:#231e1a}.login-btn:disabled{opacity:.5;cursor:default}.login-panel-footer{border-top:1px solid var(--border-dim);padding:14px 42px;min-height:46px;display:flex;align-items:center;justify-content:center}.login-error{color:#cc3030;font-size:15px;text-align:center}.login-input-err{border-color:#ef4444!important}.char-name-err{color:#f87171;font-size:13px;margin-top:5px}.char-select-panel{width:500px}.char-select-header{padding:26px 0 20px}.char-select-ornament{color:var(--text-accent);font-size:26px;margin-bottom:7px;opacity:.8}.char-list-body{min-height:60px}.char-list-loading{text-align:center;padding:28px;color:var(--text-dim);font-size:16px}.char-list{list-style:none;margin:0;padding:0}.char-list-item{display:flex;align-items:center;gap:14px;padding:16px 28px;cursor:pointer;border-bottom:1px solid var(--border-dim);transition:background .1s}.char-list-item:last-child{border-bottom:none}.char-list-item:hover{background:var(--nav-hover)}.char-list-info{flex:1;min-width:0}.char-list-name{font-size:19px;font-weight:700;color:var(--text);font-variant:small-caps;letter-spacing:.5px}.char-list-meta{font-size:13px;color:var(--text-dim);margin-top:3px}.char-status-badge{font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 11px;border-radius:4px;flex-shrink:0}.char-status-badge.online{background:#0c1c10;color:#3aaa50;border:1px solid #153020}.char-status-badge.offline{background:var(--slot-bg);color:var(--text-dim);border:1px solid var(--border-dim)}.char-select-actions{padding:16px 28px 6px;border-top:1px solid var(--border-dim)}.char-create-btn{width:100%;font-size:16px}.char-logout-btn{background:transparent;border:none;color:var(--text-dim);font-size:14px;font-family:inherit;cursor:pointer;padding:5px 0;margin-top:3px;transition:color .12s}.char-logout-btn:hover{color:#cc3030}.login-panel-footer:has(.char-exit-btn){flex-direction:column;gap:2px}.char-exit-btn{color:#8a5050;font-size:12px;letter-spacing:.3px}.char-exit-btn:hover{color:#cc3030}.class-select-panel{width:680px}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.class-card{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:8px;padding:22px 18px 18px;cursor:pointer;text-align:center;font-family:inherit;color:var(--text);transition:border-color .14s,background .14s}.class-card:hover:not(:disabled){background:var(--btn-hover);border-color:var(--border)}.class-card:active:not(:disabled){background:var(--nav-active)}.class-card:disabled{opacity:.5;cursor:default}.class-card-icon{font-size:44px;margin-bottom:10px}.class-card-name{font-size:16px;font-weight:700;color:var(--text-accent);letter-spacing:1px;margin-bottom:10px}.class-card-desc{font-size:13px;color:var(--text-dim);line-height:1.45;margin-bottom:14px;min-height:46px}.class-card-stats{border-top:1px solid var(--border-dim);padding-top:10px;display:flex;flex-direction:column;gap:5px}.class-card-stat{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim)}.class-card-stat span:last-child{color:var(--text);font-weight:600}.class-card-perk span{color:#50a870!important}.online-players-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.online-players-header{display:flex;gap:16px;padding:10px 20px;background:var(--header-bg);border-bottom:1px solid var(--border-dim);font-size:12px;font-weight:700;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0}.online-players-row{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-dim);font-size:17px;transition:background .1s}.online-players-row:last-child{border-bottom:none}.online-players-row:hover{background:var(--nav-hover)}.online-players-col{flex:1;min-width:0}.online-players-col--center{flex:0 0 70px;text-align:left}.online-players-col--sprite{flex:0 0 88px;display:flex;align-items:center;justify-content:center}.online-players-name{color:var(--text);font-weight:600}.online-players-class{color:var(--text-dim)}.online-players-level{color:var(--text-accent);font-weight:700}.online-players-zone{color:var(--text-dim);font-size:15px}.online-players-empty{padding:36px 14px;text-align:center;color:var(--text-muted);font-size:13px}.outfit-walk-sprite-wrap{width:64px;height:64px;overflow:hidden;image-rendering:pixelated;flex-shrink:0}.outfit-walk-sprite-canvas{width:100%;height:100%}.item-tip{position:fixed;z-index:9999;pointer-events:none;background:#0d0c0a;border:1px solid var(--border);border-radius:6px;padding:10px 12px;box-shadow:0 6px 24px #000000bf;font-size:12px;line-height:1.5;color:var(--text)}.item-tip-name{font-size:13px;font-weight:700;margin-bottom:1px;text-transform:uppercase;letter-spacing:.5px}.item-tip-kind{font-size:10px;color:var(--text-dim);text-transform:capitalize;margin-bottom:4px}.item-tip-divider{border:none;border-top:1px solid var(--border-dim);margin:5px 0}.item-tip-line{font-size:12px;line-height:1.7;color:var(--text)}.item-tip-label{color:var(--text-dim)}.item-tip-req-line{font-size:11px;margin-bottom:1px}.item-tip-breakdown{font-size:11px;color:var(--text-dim)}.item-tip-compare-header{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--text-accent);text-transform:uppercase;margin-bottom:2px}.item-tip-compare-header span:last-child{color:var(--text-dim);font-size:9px}.item-tip-delta-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;line-height:1.7}.item-tip-delta-label{color:var(--text-dim)}.item-tip-desc{font-size:11px;color:var(--text-dim);font-style:italic;line-height:1.4}.vendor-window{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.vendor-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.vendor-tab{flex:1;padding:15px 0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:17px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:color .15s,border-color .15s}.vendor-tab:hover{color:var(--text)}.vendor-tab.active{color:var(--text-accent);border-bottom-color:var(--text-accent)}.vendor-filters{display:flex;flex-direction:column;gap:10px;padding:14px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.vendor-search{width:100%;background:var(--slot-bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:16px;padding:10px 14px;outline:none}.vendor-search::placeholder{color:var(--text-dim)}.vendor-search:focus{border-color:var(--text-accent)}.vendor-select-row{display:flex;gap:8px}.vendor-select{flex:1;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:13px;font-family:inherit;padding:7px 10px;cursor:pointer;transition:border-color .1s}.vendor-select:hover{border-color:var(--border)}.vendor-select:focus{outline:none;border-color:var(--text-accent)}.vendor-type-filters{display:flex;flex-wrap:wrap;gap:7px}.vendor-type-btn{background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:4px;color:var(--text-dim);font-size:14px;padding:7px 14px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.vendor-type-btn:hover{background:var(--btn-hover);color:var(--text)}.vendor-type-btn.active{background:var(--btn-active);color:var(--text-accent);border-color:var(--text-accent)}.vendor-list{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;align-content:start;column-gap:1px;row-gap:0;background:var(--border-dim)}.vendor-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-dim);background:var(--panel-bg);transition:background .1s;min-width:0}.vendor-row:hover{background:var(--slot-hover)}.vendor-row-sprite{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px}.vendor-row-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.vendor-row-name{font-size:19px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-row-meta{font-size:14px;color:var(--text-dim)}.vendor-row-stats{font-size:14px;color:var(--text-dim);font-family:Verdana,sans-serif}.vendor-buy-btn{flex-shrink:0;min-width:64px;height:46px;padding:0 14px;background:var(--btn-bg);border:1px solid var(--border);border-radius:5px;color:var(--text-accent);font-size:16px;font-weight:700;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.vendor-buy-btn:hover:not(:disabled){background:var(--btn-hover);border-color:var(--text-accent)}.vendor-buy-btn:disabled{opacity:.5;cursor:not-allowed}.vendor-buy-btn.ok{background:#0c1c10;border-color:#3aaa50;color:#3aaa50}.vendor-buy-btn.err{background:#1a0505;border-color:#ef4444;color:#ef4444}.vendor-buy-ctrl{display:flex;align-items:center;gap:6px}.vendor-qty-stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:4px;overflow:hidden}.vendor-qty-btn{width:26px;height:32px;background:var(--btn-bg);border:none;color:var(--text-primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vendor-qty-btn:hover{background:var(--btn-hover)}.vendor-qty-input{width:36px;height:32px;background:var(--panel-bg);border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text-primary);font-size:12px;text-align:center;font-family:Verdana,sans-serif}.vendor-qty-input::-webkit-inner-spin-button,.vendor-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vendor-qty-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.vendor-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:16px;padding:56px 16px;background:var(--panel-bg)}.vendor-sell-row{display:flex;flex-direction:column;border-bottom:1px solid var(--border-dim);background:var(--panel-bg);transition:background .1s;min-width:0}.vendor-sell-row:hover{background:var(--slot-hover)}.vendor-sell-row-main{display:flex;align-items:center;gap:14px;padding:12px 18px}.vendor-sell-price{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;min-width:62px}.vendor-sell-price-val{font-size:17px;color:#fbbf24;font-weight:700}.vendor-sell-qty-badge{font-size:14px;color:var(--text-dim)}.vendor-sell-total-val{font-size:13px;color:#50a870;font-weight:600}.vendor-sell-actions{display:flex;align-items:center;gap:7px;padding:6px 18px 12px 96px}.vendor-sell-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:40px;cursor:pointer;height:4px;background:#2a2018;border-radius:3px;outline:none;align-self:center}.vendor-sell-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text-accent);cursor:pointer}.vendor-sell-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text-accent);cursor:pointer;border:none}.vendor-sell-qty-input{width:56px;text-align:center;background:var(--slot-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px;padding:5px 6px;outline:none;flex-shrink:0}.vendor-sell-qty-input:focus{border-color:var(--text-accent)}.vendor-sell-btn{flex-shrink:0;background:var(--btn-bg);border:1px solid var(--border);border-radius:4px;color:#fbbf24;font-size:14px;font-weight:700;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.vendor-sell-btn:hover:not(:disabled){background:var(--btn-hover);border-color:#fbbf24}.vendor-sell-btn:disabled{opacity:.5;cursor:not-allowed}.vendor-sell-btn.ok{background:#0c1c10;border-color:#3aaa50;color:#3aaa50}.vendor-sell-btn.err{background:#1a0505;border-color:#ef4444;color:#ef4444}.settings-window{display:flex;flex-direction:column;height:100%}.settings-section{flex:1;padding:12px}.settings-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:13px}.settings-outfit-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--border-dim);background:var(--header-bg)}.settings-outfit-info{flex:1;display:flex;flex-direction:column;gap:2px}.settings-outfit-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-accent)}.settings-outfit-name{font-size:13px;color:var(--text)}.settings-outfit-btn{background:var(--btn-bg);border:1px solid var(--border);color:#9a6040;font-size:12px;padding:5px 12px;cursor:pointer;white-space:nowrap;transition:background .15s}.settings-outfit-btn:hover{background:var(--btn-hover)}.outfit-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000bf;display:flex;align-items:center;justify-content:center}.outfit-editor{width:940px;max-width:96vw;max-height:90vh;background:var(--panel-bg);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.outfit-editor-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--header-bg);border-bottom:1px solid var(--border);flex-shrink:0}.outfit-editor-title{color:var(--text-accent);font-size:14px;font-weight:700;letter-spacing:2px}.outfit-editor-close{background:transparent;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;font-family:inherit;padding:3px 8px;transition:color .12s}.outfit-editor-close:hover{color:var(--text)}.outfit-editor-body{display:flex;flex:1;overflow:hidden}.outfit-editor-left{width:380px;flex-shrink:0;display:flex;flex-direction:column;padding:12px;gap:8px;border-right:1px solid var(--border-dim);overflow-y:auto}.outfit-preview-area{background:#0f0c0a;border:1px solid var(--border-dim);height:180px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.outfit-preview-canvas{image-rendering:pixelated;width:128px;height:128px}.outfit-selector-row{display:flex;align-items:center;gap:0;flex-shrink:0}.outfit-arrow-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--text);font-size:16px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s;line-height:1}.outfit-arrow-btn:hover{background:var(--btn-hover)}.outfit-arrow-btn.sm{font-size:13px;width:22px;height:22px}.outfit-selector-name{flex:1;text-align:center;font-size:13px;font-weight:700;color:var(--text);background:var(--header-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4px 6px;letter-spacing:1px}.outfit-options-row{display:flex;gap:6px;flex-shrink:0}.outfit-option-group{flex:1;display:flex;align-items:center}.outfit-option-label{flex:1;text-align:center;font-size:11px;color:var(--text);background:var(--header-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3px 4px;white-space:nowrap}.mount-selector-row{margin-top:4px}.mount-enable-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.mount-enable-row input[type=checkbox]{accent-color:var(--accent);width:13px;height:13px;cursor:pointer}.mount-enable-row:has(input:disabled){color:var(--text-dim);cursor:not-allowed}.outfit-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding:6px 8px;background:var(--btn-bg);border:1px solid #7a6420}.outfit-purchase-price{font-size:11px;font-weight:700;color:#c8a020}.outfit-purchase-btn{background:#201a08;border:1px solid #7a6420;color:#c8a020;font-size:11px;font-weight:700;padding:4px 12px;cursor:pointer;font-family:inherit;letter-spacing:.5px;transition:all .12s}.outfit-purchase-btn:hover:not(:disabled){background:#2e2610;border-color:#e0b830;color:#e0b830}.outfit-purchase-btn:disabled{opacity:.4;cursor:not-allowed}.outfit-colorise-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.outfit-colorise-label{font-size:11px;font-weight:700;color:var(--text-accent);letter-spacing:1px;text-transform:uppercase}.outfit-colorise-slot{font-size:11px;color:var(--text-dim)}.outfit-color-tabs{display:flex;gap:0;flex-shrink:0}.outfit-color-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--btn-bg);border:1px solid var(--border-dim);color:var(--text-dim);font-size:11px;font-weight:700;padding:5px 0;cursor:pointer;font-family:inherit;transition:background .1s,color .1s;letter-spacing:.5px}.outfit-color-tab-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.4);flex-shrink:0}.outfit-thumb-canvas{image-rendering:pixelated;width:100%;height:100%}.outfit-color-tab+.outfit-color-tab{border-left:none}.outfit-color-tab:hover{background:var(--btn-hover);color:var(--text)}.outfit-color-tab.active{background:var(--header-bg);color:var(--text-accent);border-color:var(--border)}.outfit-palette-grid{display:grid;grid-template-columns:repeat(19,1fr);gap:2px;flex-shrink:0}.outfit-palette-swatch{aspect-ratio:1;cursor:pointer;transition:transform .08s;outline:none}.outfit-palette-swatch:hover{transform:scale(1.3);z-index:1;position:relative}.outfit-palette-swatch.selected{outline:2px solid #fff;outline-offset:1px;z-index:2;position:relative}.outfit-editor-right{flex:1;display:flex;flex-direction:column;overflow:hidden}.outfit-collection-tabs{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid var(--border-dim)}.outfit-collection-tab{flex:1;background:var(--btn-bg);border:none;border-right:1px solid var(--border-dim);color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 0;cursor:pointer;font-family:inherit;transition:background .1s,color .1s}.outfit-collection-tab:last-child{border-right:none}.outfit-collection-tab:hover{background:var(--btn-hover);color:var(--text)}.outfit-collection-tab.active{background:var(--header-bg);color:var(--text-accent)}.outfit-collection-header{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px 8px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.outfit-collection-title{font-size:12px;font-weight:700;color:var(--text-accent);letter-spacing:2px}.outfit-collection-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.outfit-collection-total{font-size:12px;color:var(--text-dim);letter-spacing:1px}.outfit-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow-y:auto;flex:1}.outfit-card{display:flex;flex-direction:column;align-items:center;padding:10px 6px 8px;cursor:pointer;border:1px solid transparent;border-bottom-color:var(--border-dim);border-right-color:var(--border-dim);transition:background .1s;gap:6px}.outfit-card:hover{background:var(--btn-hover)}.outfit-card.selected{background:#1a1008;border-color:#703020!important}.outfit-card.unlocked{border:1px solid #22c55e}.outfit-card.locked.purchasable{border:1px solid #c8a020}.outfit-card-name{font-size:11px;font-weight:700;color:var(--text);text-align:center;letter-spacing:.5px}.outfit-card-addons{font-size:10px;color:var(--text-dim);text-align:center}.outfit-card.locked{position:relative}.outfit-card.locked .outfit-thumb-canvas{opacity:.35;filter:grayscale(1)}.outfit-card.locked .outfit-card-name{color:var(--text-dim)}.outfit-card-lock{position:absolute;top:4px;right:8px;font-size:12px;opacity:.8}.outfit-thumb-wrap{width:64px;height:64px;overflow:hidden;position:relative;image-rendering:pixelated;flex-shrink:0}.outfit-thumb-img{position:absolute;left:0;top:0;width:256px;height:64px;image-rendering:pixelated}.outfit-editor-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--border);background:var(--header-bg);flex-shrink:0}.outfit-cancel-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:700;padding:7px 20px;cursor:pointer;font-family:inherit;letter-spacing:1px;transition:all .12s}.outfit-cancel-btn:hover{color:var(--text);border-color:var(--border)}.outfit-save-btn{background:#1e1010;border:1px solid #7a2a20;color:#cc4040;font-size:12px;font-weight:700;padding:7px 20px;cursor:pointer;font-family:inherit;letter-spacing:1px;transition:all .12s}.outfit-save-btn:hover{background:#2e1414;border-color:#e04040}.game-window--spells{width:clamp(700px,80%,1040px);height:74%;max-height:74%}.game-window--spells .game-window-header{padding:16px 24px;font-size:17px}.spells-window{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.spells-master-tabs{display:flex;background:var(--header-bg);border-bottom:2px solid var(--border-dim);flex-shrink:0}.spells-master-tab{flex:1;padding:16px 18px;font-size:16px;font-weight:700;font-family:inherit;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.spells-master-tab:hover{color:var(--text-accent);background:var(--btn-hover)}.spells-master-tab--active{color:var(--text-accent);border-bottom-color:var(--text-accent);background:var(--panel-bg)}.spells-tabs{display:flex;border-bottom:1px solid var(--border-dim);background:var(--bg);flex-shrink:0}.spells-tab{flex:1;padding:13px 16px;font-size:15px;font-weight:700;font-family:inherit;letter-spacing:1px;text-transform:uppercase;color:var(--text);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:color .12s,border-color .12s,background .12s}.spells-tab:hover{color:var(--text-accent);background:var(--btn-hover)}.spells-tab--active{color:var(--text-accent);border-bottom-color:var(--text-accent);background:var(--panel-bg)}.spells-tab-count{background:var(--header-bg);border:1px solid var(--border-dim);border-radius:10px;padding:2px 9px;font-size:13px;color:var(--text-accent);font-weight:700}.spells-tab--active .spells-tab-count{color:var(--text-accent);border-color:var(--border)}.spells-empty{padding:40px 24px;text-align:center;color:var(--text);font-size:15px}.spells-body{flex:1;min-height:0;overflow-y:auto;padding:16px}.spells-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.spells-col{display:flex;flex-direction:column;gap:14px}.spell-card{background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:6px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;transition:border-color .12s}.spell-card:not(.spell-card--locked):hover{border-color:var(--border)}.spell-card--locked{opacity:.38}.spell-card-header{display:flex;align-items:center;gap:10px}.spell-icon{font-size:30px;flex-shrink:0;width:38px;text-align:center;line-height:1}.spell-title-block{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.spell-name{font-size:19px;font-weight:700;color:var(--text-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spell-words{font-size:15px;color:var(--text-accent);font-style:italic;white-space:nowrap}.spell-level-badge{font-size:15px;font-weight:700;color:var(--text-accent);white-space:nowrap;background:var(--header-bg);padding:4px 10px;border-radius:4px;border:1px solid var(--border-dim);flex-shrink:0}.spell-desc{font-size:15px;color:var(--text);line-height:1.45;margin:0;font-weight:400}.spell-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border-dim);padding-top:10px;margin-top:2px}.spell-stat{font-size:15px;color:var(--text-accent);flex:1;white-space:nowrap}.spell-buy-btn{padding:8px 16px;font-size:15px;font-weight:700;font-family:inherit;border-radius:4px;cursor:pointer;border:1px solid var(--border-dim);background:var(--btn-bg);color:#d0a840;transition:all .12s;white-space:nowrap;flex-shrink:0}.spell-buy-btn:not(:disabled):not(.spell-buy-btn--learned):not(.spell-buy-btn--locked):hover{background:var(--btn-hover);border-color:var(--border);color:#e0bc60}.spell-buy-btn:disabled{cursor:not-allowed;opacity:.45}.spell-buy-btn--learned{color:#4ade80;background:transparent;border-color:transparent;cursor:default;font-size:16px}.spell-buy-btn--locked{color:var(--text-accent);background:transparent;border-color:transparent;cursor:default}.spell-buy-btn--broke{color:#e05050;border-color:#380c0c}.spell-auto-body{flex:1;min-height:0;overflow-y:auto}.spell-auto-row{padding:22px 26px;border-bottom:1px solid var(--border-dim);display:flex;flex-direction:column;gap:10px}.spell-auto-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.spell-auto-title{font-size:18px;font-weight:700;color:var(--text-accent);letter-spacing:1.5px;text-transform:uppercase}.spell-auto-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.spell-auto-value{font-size:15px;font-weight:700;color:var(--text-accent);letter-spacing:1px;text-transform:uppercase}.spell-auto-desc{font-size:16px;font-weight:400;color:var(--text);line-height:1.45;margin:0}.spell-auto-note{font-size:15px;font-weight:400;color:var(--text);line-height:1.4}.spell-auto-note--unavail{color:var(--text-accent)}.spell-auto-controls{display:flex;gap:14px;margin-top:6px}.spell-auto-control-group{display:flex;flex-direction:column;gap:7px;flex:1}.spell-auto-control-group--narrow{flex:0 0 130px}.spell-auto-sublabel{font-size:14px;color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;font-weight:700}.spell-auto-select{width:100%;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;color:var(--text-accent);font-family:inherit;font-size:16px;font-weight:700;padding:10px 34px 10px 12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23527090'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.spell-auto-select:focus{outline:none;border-color:var(--border)}.spell-auto-select option{background:var(--slot-bg);color:var(--text)}.spell-auto-input{width:100%;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;color:var(--text-accent);font-family:inherit;font-size:16px;font-weight:700;padding:10px 12px;text-align:center;-moz-appearance:textfield}.spell-auto-input::-webkit-outer-spin-button,.spell-auto-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spell-auto-input:focus{outline:none;border-color:var(--border)}.spell-auto-toggle{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.spell-auto-toggle--disabled{cursor:default;opacity:.4}.spell-auto-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--text-accent);cursor:inherit;flex-shrink:0}.spell-auto-toggle-label{font-size:15px;font-weight:700;color:var(--text);letter-spacing:1px;text-transform:uppercase}.spell-auto-toggle-label--on{color:var(--text-accent)}.game-window--potions{width:clamp(680px,76%,980px);height:auto;max-height:84%}.game-window--potions .game-window-header{padding:16px 24px;font-size:17px}.potions-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.potions-master-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.potions-master-tab{flex:1;padding:14px 0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text);font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:color .12s,border-color .12s}.potions-master-tab:hover{color:var(--text-accent)}.potions-master-tab--active{color:var(--text-accent);border-bottom-color:var(--text-accent)}.potions-info-bar{background:var(--header-bg);border:1px solid var(--border-dim);border-radius:var(--radius);padding:14px 18px;font-size:15px;color:var(--text);line-height:1.5;margin-bottom:18px}.potions-upgrade-body{padding:20px 22px;overflow-y:auto;flex:1}.potions-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.potion-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.potion-card-top{display:flex;align-items:flex-start;gap:14px;padding:16px 18px 14px;border-bottom:1px solid var(--border-dim)}.potion-sprite{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.potion-title-block{display:flex;flex-direction:column;gap:4px;flex:1}.potion-name{font-size:18px;font-weight:700;color:var(--text-accent)}.potion-tier-label{font-size:13px;color:var(--text-accent)}.potion-current-block{text-align:right;flex-shrink:0}.potion-current-label{display:block;font-size:13px;color:var(--text-accent);margin-bottom:2px}.potion-current-val{font-size:18px;font-weight:700}.potion-card-details{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.potion-detail-row{display:flex;gap:14px}.potion-detail-col{display:flex;flex-direction:column;gap:3px;flex:1}.potion-detail-label{font-size:13px;color:var(--text-accent);font-weight:700;letter-spacing:.3px}.potion-detail-val{font-size:16px;font-weight:700;color:var(--text-accent)}.potion-cost--broke{color:#ef4444}.potion-tier-unlock{font-size:14px;color:var(--text-accent);font-weight:700}.potion-level-req{font-size:14px;font-weight:700;color:#ef4444}.potion-level-req--met{color:#22c55e}.potion-upgrade-btn{align-self:flex-end;background:var(--btn-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-accent);font-family:inherit;font-size:16px;font-weight:700;letter-spacing:1px;padding:10px 24px;cursor:pointer;transition:background .12s,border-color .12s}.potion-upgrade-btn:hover:not(.potion-upgrade-btn--disabled){background:var(--btn-hover);border-color:var(--text-accent);color:var(--text-accent)}.potion-upgrade-btn--disabled{opacity:.4;cursor:not-allowed}.potion-maxed{font-size:16px;color:var(--text-accent);font-weight:700;text-align:center;padding:4px 0}.potions-threshold-body{padding:20px 22px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1}.potion-threshold-row{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:28px}.potion-threshold-left{flex:1;display:flex;flex-direction:column;gap:6px}.potion-threshold-label{font-size:17px;font-weight:700;color:var(--text-accent)}.potion-threshold-desc{font-size:14px;color:var(--text)}.potion-threshold-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.potion-threshold-slider{width:160px;cursor:pointer;accent-color:var(--slider-color, var(--text-accent))}.potion-threshold-input{width:60px;background:var(--slot-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-accent);font-family:inherit;font-size:16px;font-weight:700;padding:6px 8px;text-align:center}.potion-threshold-input:focus{outline:none;border-color:var(--text-accent)}.potion-threshold-pct{font-size:16px;color:var(--text);font-weight:700}.ammo-body{display:flex;flex-direction:column;gap:0;overflow:hidden}.ammo-info-bar{padding:8px 12px;background:#ffffff08;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-dim);line-height:1.4}.ammo-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1}.ammo-card{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-panel);transition:background .12s}.ammo-card:hover{background:#ffffff09}.ammo-card--active{background:#a0501e12;border-left:3px solid #9a5020}.ammo-card--locked{opacity:.55}.ammo-card-sprite{width:32px;height:32px;image-rendering:pixelated;object-fit:contain;flex-shrink:0}.ammo-card-info{flex:1;min-width:0}.ammo-card-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.ammo-card-name{font-size:13px;font-weight:700;color:var(--text)}.ammo-rarity-common{color:var(--text)}.ammo-rarity-uncommon{color:#4faa4f}.ammo-rarity-rare{color:#5090c0}.ammo-rarity-epic{color:#9060cc}.ammo-card-level{font-size:10px;color:var(--text-dim);background:#ffffff0f;padding:1px 5px;border-radius:3px;white-space:nowrap}.ammo-card-desc{font-size:11px;color:var(--text-dim);margin:0 0 4px;line-height:1.3}.ammo-card-stats{display:flex;flex-wrap:wrap;gap:6px}.ammo-stat{font-size:11px;color:#c8a878;background:#b4783c1a;padding:1px 5px;border-radius:3px}.ammo-card-action{flex-shrink:0;display:flex;align-items:center}.ammo-btn{font-size:11px;font-weight:700;padding:5px 10px;border-radius:4px;border:none;cursor:pointer;white-space:nowrap;letter-spacing:.3px}.ammo-btn--active{background:#a0502826;color:#c06040;border:1px solid #c06040;cursor:default}.ammo-btn--use{background:#a050282e;color:#e08860;border:1px solid rgba(160,80,40,.4)}.ammo-btn--use:hover{background:#a0502847}.ammo-btn{background:var(--accent);color:var(--text);border:1px solid var(--accent-dim, #555)}.ammo-btn:hover:not(:disabled){filter:brightness(1.15)}.ammo-btn:disabled{cursor:not-allowed;opacity:.5}.ammo-btn--broke{background:#3a2020;border-color:#7a3333;color:#ff6060}.ammo-btn--locked{background:transparent;color:var(--text-muted);border:1px solid var(--border);cursor:default;font-size:10px}.game-window--party{width:min(820px,calc(100% - 24px));height:auto;max-height:calc(100% - 24px)}.game-window--party .game-window-header{padding:18px 26px;font-size:18px}.game-window--party .game-window-body{padding:20px 24px;overflow-y:auto}.party-window{display:flex;flex-direction:column;gap:16px}.party-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:4px;overflow:hidden}.party-stat{background:var(--header-bg);padding:14px 18px}.party-stat-label{font-size:13px;color:var(--text-accent);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.party-stat-value{font-size:19px;font-weight:700;color:var(--text)}.party-leader-name{color:#c8a020}.party-bonus{color:#3aaa60}.party-toggle-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--text);font-size:14px;padding:5px 12px;border-radius:3px;cursor:pointer;font-family:inherit;transition:background .15s}.party-toggle-btn.active{background:#0d2a14;border-color:#2a7a3a;color:#4ade80}.party-exp-info{background:var(--header-bg);border:1px solid var(--border);border-radius:3px;padding:11px 15px;font-size:15px;color:var(--text)}.party-exp-info strong{display:block;font-size:13px;color:var(--text-accent);letter-spacing:.8px;margin-bottom:4px}.party-no-party{background:var(--header-bg);border:1px solid var(--border);border-radius:3px;padding:13px 17px;font-size:16px;color:var(--text)}.party-body{display:grid;grid-template-columns:1fr 300px;gap:18px}.party-left,.party-right{display:flex;flex-direction:column;gap:12px}.party-section-label{font-size:13px;color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;padding-bottom:6px;border-bottom:1px solid var(--border-dim)}.party-member-list{display:flex;flex-direction:column;gap:7px;max-height:520px;overflow-y:auto}.party-empty-list{font-size:15px;color:var(--text);padding:8px 0}.party-member-card{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:3px;padding:14px 16px;transition:border-color .15s}.party-member-card.party-member-same-zone{border-color:var(--border);background:#140c08}.party-member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.party-member-name{font-size:16px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.3px}.party-member-actions{display:flex;gap:5px}.party-action-btn{background:var(--btn-bg);border:1px solid var(--border);color:var(--text);font-size:13px;width:28px;height:28px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.party-action-btn:hover{background:var(--btn-hover);color:#c8a020}.party-action-kick:hover{background:#2a0d0d;color:#f87171;border-color:#7a3333}.party-member-sub{font-size:14px;color:#c89060;margin-bottom:7px}.party-member-hp-bar{height:7px;background:var(--slot-border);border-radius:2px;overflow:hidden;margin-bottom:6px}.party-member-hp-fill{height:100%;border-radius:2px;transition:width .3s}.party-member-follow{font-size:13px;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.party-follow-btn{font-size:12px;background:var(--btn-bg);border:1px solid var(--border-dim);color:var(--text);padding:5px 10px;border-radius:2px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;transition:all .15s}.party-follow-btn.active{background:#1a1008;border-color:#6a3020;color:#c86040}.party-leave-row{padding-top:6px}.party-leave-btn{background:#1a0d0d;border:1px solid #5a2020;color:#f87171;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.6px;padding:9px 22px;border-radius:2px;cursor:pointer;transition:background .15s}.party-leave-btn:hover{background:#2a1010;border-color:#8a3030}.party-input-row{display:flex;gap:7px}.party-input{flex:1;background:var(--slot-bg);border:1px solid var(--border-dim);color:var(--text);font-family:inherit;font-size:15px;padding:9px 12px;border-radius:2px;min-width:0}.party-input:focus{outline:none;border-color:var(--border)}.party-input::placeholder{color:var(--text-muted)}.party-btn{background:#0d2a14;border:1px solid #2a7a3a;color:#4ade80;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 14px;border-radius:2px;cursor:pointer;white-space:nowrap;transition:background .15s}.party-btn:hover{background:#0d3a1a}.party-btn:disabled{opacity:.4;cursor:not-allowed}.party-btn-muted{background:var(--btn-bg);border-color:var(--border);color:var(--text)}.party-btn-muted:hover{background:var(--btn-hover);color:var(--text-accent)}.party-btn-sm{font-size:12px;padding:6px 10px}.party-blocked-list{display:flex;flex-direction:column;gap:4px;max-height:100px;overflow-y:auto}.party-blocked-entry{display:flex;justify-content:space-between;align-items:center;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:2px;padding:5px 10px;font-size:14px;color:var(--text)}.party-unblock-btn{background:none;border:none;color:var(--text);cursor:pointer;font-size:17px;line-height:1;padding:0 2px}.party-unblock-btn:hover{color:#f87171}.party-online-list{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto}.party-online-entry{display:flex;justify-content:space-between;align-items:center;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:3px;padding:10px 12px;gap:8px}.party-online-info{display:flex;flex-direction:column;min-width:0;flex:1}.party-online-name{font-size:15px;font-weight:700;color:var(--text);text-transform:uppercase}.party-online-sub{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-online-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.update-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10000}.update-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:5px;padding:32px 40px;min-width:380px;max-width:520px;text-align:center}.update-modal-title{font-size:18px;font-weight:700;color:var(--text-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.update-modal-body{font-size:18px;color:var(--text);margin-bottom:24px;line-height:1.6}.update-modal-actions{display:flex;gap:14px;justify-content:center}.party-invite-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:200}.party-invite-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:5px;padding:32px 40px;min-width:380px;max-width:520px;text-align:center}.party-invite-modal-title{font-size:18px;font-weight:700;color:var(--text-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.party-invite-modal-body{font-size:18px;color:var(--text);margin-bottom:24px;line-height:1.6}.party-invite-modal-body strong{color:#c8a020}.party-invite-modal-actions{display:flex;gap:14px;justify-content:center}.destroy-confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:200}.destroy-confirm-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:5px;padding:32px 40px;min-width:380px;max-width:520px;text-align:center}.destroy-confirm-title{font-size:18px;font-weight:700;color:#ef4444;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.destroy-confirm-body{font-size:18px;color:var(--text);margin-bottom:24px;line-height:1.6}.destroy-confirm-body strong{color:#f0a0a0}.destroy-confirm-actions{display:flex;gap:14px;justify-content:center}.destroy-confirm-btn{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 14px;border-radius:2px;cursor:pointer;white-space:nowrap;transition:background .15s}.destroy-confirm-btn--danger{background:#2a0d0d;border:1px solid #7a2a2a;color:#ef4444}.destroy-confirm-btn--danger:hover{background:#3a1010}.destroy-confirm-btn--muted{background:var(--btn-bg);border:1px solid var(--border);color:var(--text)}.destroy-confirm-btn--muted:hover{background:var(--btn-hover);color:var(--text-accent)}.offline-hunting-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:210}.offline-hunting-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:5px;padding:28px 32px;min-width:420px;max-width:520px;text-align:center}.offline-hunting-modal-title{font-size:18px;font-weight:700;color:var(--text-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.offline-hunting-modal-sub{font-size:14px;color:var(--text-dim);line-height:1.5;margin-bottom:18px}.offline-hunting-modal-sub strong{color:var(--text)}.offline-hunting-stats{display:flex;justify-content:center;gap:28px;margin-bottom:18px}.offline-hunting-stat{display:flex;flex-direction:column;gap:4px}.offline-hunting-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.offline-hunting-stat-value{font-size:18px;font-weight:700;color:#c8a020}.offline-hunting-loot{margin-bottom:18px;text-align:left}.offline-hunting-loot-hdr{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.offline-hunting-loot-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:220px;overflow-y:auto}.offline-hunting-loot-slot{position:relative;aspect-ratio:1;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px;display:flex;align-items:center;justify-content:center}.offline-hunting-loot-img{width:76%;height:76%;object-fit:contain;image-rendering:pixelated}.offline-hunting-loot-placeholder{font-size:16px}.offline-hunting-loot-qty{position:absolute;bottom:1px;right:1px;font-size:9px;font-weight:700;color:#fff;background:#000000b8;padding:0 2px}.offline-hunting-loot-mail-badge{position:absolute;top:1px;left:1px;font-size:10px;color:#fbbf24}.offline-hunting-loot-note{font-size:11px;color:var(--text-muted);margin-top:8px;line-height:1.4}.offline-hunting-modal-close{background:var(--btn-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:10px 28px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.offline-hunting-modal-close:hover{border-color:var(--text-accent);color:var(--text-accent)}.standing-orders-summary{margin-top:4px}.standing-orders-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.standing-orders-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;padding:6px 10px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px}.standing-orders-row-boss{color:var(--text);font-weight:600}.standing-orders-row-rewards{color:#c8a020;white-space:nowrap}.mail-badge-btn{position:absolute;top:5px;right:8px;background:transparent;border:none;cursor:pointer;font-size:16px;color:#fbbf24;padding:2px 4px;border-radius:3px;line-height:1;z-index:5;animation:mail-badge-pulse 1.5s ease-in-out infinite;transition:background .1s}.mail-badge-btn:hover{background:#b878282e}@keyframes mail-badge-pulse{0%,to{opacity:1}50%{opacity:.45}}.mail-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--panel-bg);border:1px solid var(--text-accent);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;z-index:40;cursor:pointer;box-shadow:0 4px 20px #0000008c;animation:mail-toast-in .25s ease-out;white-space:nowrap}.mail-toast:hover{border-color:#d4912e}.mail-toast-icon{font-size:20px}.mail-toast-text{color:var(--text);font-size:14px}.mail-toast-text strong{color:var(--text-accent)}.mail-toast-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:13px;font-family:inherit;padding:0 2px;margin-left:4px;line-height:1;transition:color .1s}.mail-toast-close:hover{color:var(--text)}@keyframes mail-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gold-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel-bg);border:1px solid #3a8040;border-radius:var(--radius);z-index:40;cursor:pointer;box-shadow:0 4px 20px #0000008c;animation:mail-toast-in .25s ease-out;white-space:nowrap}.gold-toast:hover{border-color:#50a870}.gold-toast-text{color:var(--text);font-size:14px}.gold-toast-text strong{color:#50a870}.gold-toast-close{background:transparent;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:0 0 0 4px;line-height:1;transition:color .1s}.gold-toast-close:hover{color:var(--text)}.quest-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel-bg);border:1px solid #7c3aed;border-radius:var(--radius);z-index:40;cursor:pointer;box-shadow:0 4px 20px #0009;animation:mail-toast-in .25s ease-out;white-space:nowrap}.quest-toast--phase0{border-color:#22c55e}.quest-toast--phase2{border-color:#b86a06}.quest-toast:hover{border-color:#8870c8}.quest-toast--phase0:hover{border-color:#22c55e}.quest-toast--phase2:hover{border-color:#c8a020}.quest-toast-icon{font-size:20px}.quest-toast-body{display:flex;flex-direction:column;gap:2px}.quest-toast-title{color:#8870c8;font-size:13px;font-weight:700}.quest-toast--phase0 .quest-toast-title{color:#22c55e}.quest-toast--phase2 .quest-toast-title{color:#c8a020}.quest-toast-sub{color:var(--text-dim);font-size:11px}.outfit-addon-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--panel-bg);border:1px solid #c8a020;border-radius:var(--radius);z-index:40;cursor:pointer;box-shadow:0 4px 20px #0009;animation:mail-toast-in .25s ease-out;white-space:nowrap}.outfit-addon-toast:hover{border-color:#e0b830}.outfit-addon-toast-icon{font-size:20px}.outfit-addon-toast-body{display:flex;flex-direction:column;gap:2px}.outfit-addon-toast-title{color:#c8a020;font-size:13px;font-weight:700}.outfit-addon-toast-sub{color:var(--text-dim);font-size:11px}.game-window--mail{width:clamp(860px,85%,1120px);height:84%;max-height:84%}.game-window--mail .game-window-header{padding:12px 20px;font-size:14px}.mail-home{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:14px;padding:32px 20px}.mail-home-icon{font-size:52px;margin-bottom:4px}.mail-home-title{color:var(--text-accent);font-size:22px;font-weight:700;letter-spacing:3px}.mail-home-desc{color:var(--text-dim);font-size:13px;text-align:center;margin-bottom:8px}.mail-home-btns{display:flex;gap:20px}.mail-home-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 44px;background:var(--btn-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s;min-width:160px}.mail-home-btn:hover{background:var(--btn-hover);border-color:var(--text-accent);color:var(--text-accent)}.mail-home-btn-icon{font-size:30px}.mail-view{display:flex;flex-direction:column;flex:1;overflow:hidden}.mail-nav{display:flex;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.mail-back{background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text-dim);font-size:13px;font-family:inherit;padding:5px 12px;cursor:pointer;transition:all .12s}.mail-back:hover{color:var(--text);border-color:var(--border)}.mail-view-title{color:var(--text-accent);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;flex:1}.mail-refresh{background:transparent;border:1px solid var(--border-dim);border-radius:5px;color:var(--text-dim);font-size:16px;font-family:inherit;padding:3px 10px;cursor:pointer;transition:all .12s}.mail-refresh:hover{color:var(--text);border-color:var(--border)}.mail-refresh:disabled{opacity:.45;cursor:default}.mail-to-row{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.mail-to-label{color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;width:22px}.mail-to-input{flex:1;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px;color:var(--text);font-size:14px;font-family:inherit;padding:7px 12px;outline:none;transition:border-color .12s}.mail-to-input:focus{border-color:var(--border)}.mail-to-input::placeholder{color:var(--text-muted)}.mail-panels{display:flex;flex:1;overflow:hidden}.mail-panel{display:flex;flex-direction:column;overflow:hidden}.mail-panel--grid{width:310px;flex-shrink:0;border-right:1px solid var(--border-dim)}.mail-panel--backpack{flex:1}.mail-panel-hdr{background:var(--header-bg);border-bottom:1px solid var(--border-dim);padding:7px 14px;color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;flex-shrink:0}.mail-panel-count{color:var(--text-dim);font-weight:400}.mail-grid-scroll{flex:1;overflow-y:auto;padding:10px}.mail-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mail-bp-scroll{flex:1;overflow-y:auto}.mail-bp-row{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;border-bottom:1px solid var(--border-dim);transition:background .1s}.mail-bp-row:hover{background:var(--slot-hover)}.mail-bp-icon{width:40px;height:40px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.mail-bp-img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated}.mail-bp-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mail-bp-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-bp-qty{font-size:12px;color:var(--text-dim)}.mail-slot{position:relative;aspect-ratio:1;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.mail-slot--filled{cursor:pointer;border-color:var(--border)}.mail-slot--filled:hover{border-color:#b03030;background:#160707}.mail-slot--filled:hover .mail-slot-remove{opacity:1}.mail-slot-img{width:76%;height:76%;object-fit:contain;image-rendering:pixelated}.mail-slot-placeholder{color:var(--text-muted);font-size:16px}.mail-slot-qty{position:absolute;bottom:1px;right:1px;font-size:9px;font-weight:700;color:#fff;background:#000000b8;padding:0 2px;border-radius:2px;line-height:1.4;pointer-events:none}.mail-slot-remove{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f87171;opacity:0;transition:opacity .1s;pointer-events:none;background:#1607078c}.mail-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 16px;border-top:1px solid var(--border-dim);flex-shrink:0}.mail-status{font-size:13px}.mail-status--ok{color:#4ade80}.mail-status--err{color:#f87171}.mail-send-btn{padding:8px 22px;background:var(--btn-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .12s}.mail-send-btn:hover:not(:disabled){background:var(--btn-hover);border-color:var(--text-accent)}.mail-send-btn:disabled{opacity:.38;cursor:default}.mail-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;z-index:50}.mail-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px;min-width:230px;display:flex;flex-direction:column;align-items:center;gap:13px;box-shadow:0 8px 32px #000000a6}.mail-modal-title{color:var(--text);font-size:14px;font-weight:700;text-align:center}.mail-modal-sub{color:var(--text-dim);font-size:12px}.mail-modal-ctrl{display:flex;align-items:center;gap:8px}.mail-modal-stepper{width:32px;height:32px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:18px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.mail-modal-stepper:hover{background:var(--btn-hover)}.mail-modal-input{width:62px;text-align:center;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:5px;color:var(--text);font-size:15px;font-family:inherit;padding:5px;outline:none}.mail-modal-input:focus{border-color:var(--border)}.mail-modal-input::-webkit-inner-spin-button,.mail-modal-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mail-modal-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.mail-modal-actions{display:flex;gap:10px;margin-top:2px}.mail-modal-all{padding:7px 14px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer;transition:all .12s}.mail-modal-all:hover{color:var(--text);border-color:var(--border)}.mail-modal-confirm{padding:7px 18px;background:var(--btn-bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .12s}.mail-modal-confirm:hover{background:var(--btn-hover);border-color:var(--text-accent)}.mail-inbox-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.mail-group{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:6px;overflow:hidden;flex-shrink:0}.mail-group--claimed{opacity:.65}.mail-group-hdr{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 14px;background:var(--header-bg);border-bottom:1px solid var(--border-dim);flex-wrap:wrap}.mail-expand-btn{flex-shrink:0;width:18px;background:transparent;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;padding:0}.mail-expand-btn:hover:not(:disabled){color:var(--text-accent)}.mail-expand-btn--disabled{visibility:hidden;cursor:default}.mail-group-from{font-size:13px;color:var(--text);flex:1;min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-group-from strong{color:var(--text-accent)}.mail-group-gold{flex-shrink:0;font-size:13px;color:#fbbf24;white-space:nowrap}.mail-group-date{flex-shrink:0;font-size:12px;color:var(--text-dim);white-space:nowrap}.mail-expiry{flex-shrink:0;font-size:11px;color:var(--text-dim);margin-left:auto;white-space:nowrap}.mail-expiry--urgent{color:#cc3030;font-weight:600}.mail-claim-btn{flex-shrink:0;padding:5px 14px;background:var(--btn-bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .12s;white-space:nowrap}.mail-claim-btn:hover:not(:disabled){background:var(--btn-hover);border-color:var(--text-accent)}.mail-claim-btn:disabled{opacity:.6;cursor:default}.mail-claim-btn--ok{color:#50a870;border-color:#1a4a28}.mail-claim-btn--err{color:#cc3030;border-color:#3a1010}.mail-deposit-btn{color:#a070d0;border-color:#3a2a4a}.mail-deposit-btn:hover:not(:disabled){border-color:#a070d0}.mail-del-btn{flex-shrink:0;padding:5px 14px;background:transparent;border:1px solid #3a1010;border-radius:5px;color:#cc3030;font-size:12px;font-family:inherit;cursor:pointer;transition:all .12s;white-space:nowrap}.mail-del-btn:hover{background:#180808}.mail-inbox-grid{display:grid;grid-template-columns:repeat(15,minmax(38px,1fr));gap:4px;padding:10px}.mail-gold-only{padding:12px 14px;font-size:13px;color:#fbbf24}.mail-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-dim);font-size:14px}.game-window--depot{width:clamp(760px,80%,960px);height:84%;max-height:84%}.game-window--depot .game-window-header{padding:12px 20px;font-size:14px}.depot-window{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.depot-value-bar{display:flex;align-items:center;gap:6px;padding:5px 14px;background:var(--header-bg);border-bottom:1px solid var(--border-dim);flex-shrink:0}.depot-value-label{font-size:12px;color:var(--text-dim);font-weight:600}.depot-value-amount{font-size:13px;color:#fbbf24;font-weight:700}.depot-tabs{display:flex;align-items:center;gap:2px;padding:8px 12px 0;background:var(--header-bg);border-bottom:1px solid var(--border-dim);flex-shrink:0}.depot-tab{display:flex;align-items:center;gap:6px;padding:7px 18px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:5px 5px 0 0;color:var(--text-dim);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .1s,color .1s}.depot-tab:hover{background:var(--btn-hover);color:var(--text)}.depot-tab--active{background:var(--panel-bg);border-color:var(--border-dim);color:var(--text-accent)}.depot-tab-count{font-size:11px;color:var(--text-muted);background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:10px;padding:0 6px;min-width:20px;text-align:center}.depot-tab--active .depot-tab-count{color:var(--text-dim)}.depot-deposit-all{margin-left:auto;margin-bottom:4px;padding:7px 22px;background:#1e1810;border:1px solid #4a3820;border-radius:5px;color:#c8a060;font-size:13px;font-weight:700;font-family:inherit;letter-spacing:.5px;cursor:pointer;transition:all .15s;box-shadow:0 0 6px #b4823c26}.depot-deposit-all:hover{background:#2a2010;border-color:#7a5030;color:#d0b070;box-shadow:0 0 12px #b4823c4d}.depot-filter-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--header-bg);border-bottom:1px solid var(--border-dim);flex-shrink:0}.depot-filter-select{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:12px;font-family:inherit;padding:5px 10px;cursor:pointer;transition:border-color .1s;min-width:160px}.depot-filter-select:focus{outline:none;border-color:var(--border)}.depot-search-wrap{flex:1;position:relative;display:flex;align-items:center}.depot-search{width:100%;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:12px;font-family:inherit;padding:5px 28px 5px 10px;transition:border-color .1s}.depot-search:focus{outline:none;border-color:var(--border)}.depot-search::placeholder{color:var(--text-muted)}.depot-search-clear{position:absolute;right:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 4px;line-height:1;transition:color .1s}.depot-search-clear:hover{color:var(--text)}.depot-grid-scroll{flex:1;overflow-y:auto;padding:10px;min-height:0}.depot-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:3px}.depot-slot{aspect-ratio:1;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;overflow:hidden;cursor:default;transition:border-color .1s,background .1s}.depot-slot--filled{cursor:pointer}.depot-slot--filled:hover{background:var(--slot-hover);border-color:var(--border)}.depot-slot-img{width:70%;height:70%;object-fit:contain;image-rendering:pixelated}.depot-slot-icon{font-size:16px;color:var(--text-muted)}.depot-slot-qty{position:absolute;bottom:1px;right:1px;font-size:9px;font-weight:700;color:#fff;background:#000000b8;padding:0 2px;border-radius:2px;line-height:1.4;pointer-events:none}.depot-slot-name{position:absolute;bottom:0;left:0;right:0;font-size:7px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1px;pointer-events:none;text-shadow:0 0 3px #000,0 0 3px #000}.depot-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--header-bg);border-top:1px solid var(--border-dim);flex-shrink:0;gap:12px}.depot-footer-left,.depot-footer-right{display:flex;align-items:center;gap:8px}.depot-slots-label{font-size:12px;color:var(--text-dim)}.depot-slots-value{font-size:13px;font-weight:700;color:var(--text);font-family:monospace}.depot-slots--low{color:#ef4444}.depot-filter-badge{font-size:11px;color:var(--text-accent);background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:10px;padding:1px 8px}.depot-close-btn{padding:5px 18px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text-dim);font-size:13px;font-family:inherit;cursor:pointer;transition:all .1s}.depot-close-btn:hover{background:var(--btn-hover);color:var(--text);border-color:var(--border)}.depot-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0ac7;display:flex;align-items:center;justify-content:center;z-index:10}.depot-modal{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;display:flex;flex-direction:column;gap:12px;min-width:240px;box-shadow:0 8px 32px #00000080}.depot-modal-title{color:var(--text-accent);font-size:14px;font-weight:700;letter-spacing:1px}.depot-modal-sub{color:var(--text-dim);font-size:12px}.depot-modal-ctrl{display:flex;align-items:center;gap:8px}.depot-modal-stepper{width:30px;height:30px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:16px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.depot-modal-stepper:hover{background:var(--btn-hover)}.depot-modal-input{flex:1;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:14px;font-family:monospace;padding:5px 8px;text-align:center}.depot-modal-input:focus{outline:none;border-color:var(--border)}.depot-modal-input::-webkit-inner-spin-button,.depot-modal-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.depot-modal-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.depot-modal-actions{display:flex;gap:8px}.depot-modal-all{flex:1;padding:7px 10px;background:transparent;border:1px solid var(--border-dim);border-radius:5px;color:var(--text-dim);font-size:12px;font-family:inherit;cursor:pointer;transition:all .1s}.depot-modal-all:hover{color:var(--text);border-color:var(--border)}.depot-modal-confirm{flex:1;padding:7px 10px;background:var(--btn-bg);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .12s}.depot-modal-confirm:hover{background:var(--btn-hover);border-color:var(--text-accent)}.item-slot-depot-hint{position:absolute;top:2px;left:2px;font-size:8px;color:var(--text-accent);pointer-events:none;opacity:.7}.depot-slot--dragging{opacity:.35;cursor:grabbing}.depot-slot--filled{cursor:grab}.depot-slot--filled:active{cursor:grabbing}.depot-slot--target-insert,.depot-slot--target-swap{outline:2px solid #c87820;outline-offset:-2px;background:#b46e1e1f}.depot-mode-toggle{display:flex;align-items:center;gap:6px;flex-shrink:0}.depot-mode-label{font-size:11px;color:var(--text-dim);white-space:nowrap}.depot-mode-btn{padding:3px 12px;background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:4px;color:var(--text-dim);font-size:11px;font-family:inherit;cursor:pointer;transition:all .1s}.depot-mode-btn:hover{color:var(--text);border-color:var(--border)}.depot-mode-btn--active{background:var(--slot-bg);border-color:var(--text-accent);color:var(--text-accent);font-weight:700}.game-window--bank{width:clamp(600px,68%,780px);height:auto}.bank-window{display:flex;flex-direction:column;padding:20px;gap:16px}.bank-panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.bank-panel{background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.bank-panel--highlight{background:var(--panel-bg);border-color:#4a2e1e}.bank-panel-label{font-size:11px;letter-spacing:2px;color:var(--text-dim);font-weight:600}.bank-panel-value{font-size:19px;font-weight:700;letter-spacing:.5px}.bank-panel-value--backpack,.bank-panel-value--bank,.bank-panel-value--total{color:#fbbf24}.bank-error{padding:7px 12px;border-radius:var(--radius);font-size:13px;background:#1a0505;border:1px solid #ef4444;color:#ef4444}.bank-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;gap:0}.bank-col-divider{width:1px;background:var(--border);align-self:stretch;margin:0 16px}.bank-section{display:flex;flex-direction:column;gap:10px}.bank-section-title{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-accent)}.bank-row{display:flex;gap:8px;align-items:center}.bank-input{flex:1;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--text);font-size:13px;padding:9px 11px;font-family:inherit;outline:none;transition:border-color .15s;min-width:0}.bank-input::placeholder{color:var(--text-dim)}.bank-input:focus{border-color:var(--text-accent)}.bank-btn{flex-shrink:0;background:#1e1410;border:1px solid #4a2e1e;border-radius:var(--radius);color:#c09060;font-size:12px;font-weight:700;letter-spacing:1.5px;padding:9px 16px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,border-color .12s}.bank-btn:hover{background:#2a2010;border-color:#6a4828}.bank-link{background:none;border:none;color:#a06040;font-size:12px;cursor:pointer;padding:0;text-align:left;font-family:inherit;transition:color .12s}.bank-link:hover{color:#c08060}.bank-send{background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.bank-send-row{display:flex;gap:8px;align-items:center}.bank-input--name{flex:1.4}.bank-input--amount{flex:1}.bank-send-info{font-size:12px;color:var(--text-dim)}.bank-footer{display:flex;justify-content:flex-end}.bank-close-btn{background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--text-dim);font-size:13px;padding:7px 20px;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.bank-close-btn:hover{background:var(--btn-hover);color:var(--text)}.game-window--weapon-masters{width:clamp(760px,82%,1100px);height:85%;max-height:85%}.wm-window{display:flex;flex-direction:column;height:100%;min-height:0}.wm-tabs{display:flex;gap:2px;padding:10px 20px 0;border-bottom:1px solid var(--border-dim)}.wm-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:color .12s,border-color .12s}.wm-tab:hover{color:var(--text)}.wm-tab--active{color:var(--text-accent);border-bottom-color:var(--text-accent)}.wm-body{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;padding:18px 20px}.wm-purchase-body{display:block}.wm-train-col,.wm-skills-col{display:flex;flex-direction:column;gap:12px;min-width:0}.wm-section-title{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-accent)}.wm-hint{font-size:12px;color:var(--text-dim)}.wm-scene-frame{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:center;overflow:hidden}.wm-scene-canvas{display:block;width:100%;height:auto;aspect-ratio:420 / 320;image-rendering:pixelated}.wm-empty{font-size:13px;color:var(--text-dim);background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.wm-dummy-card{background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.wm-dummy-card--active{border-color:#4a2e1e;background:var(--panel-bg)}.wm-dummy-header{display:flex;justify-content:space-between;align-items:center}.wm-dummy-title{display:flex;align-items:center;gap:12px}.wm-dummy-name{font-size:13px;font-weight:700;color:var(--text-bright)}.wm-item-icon{image-rendering:pixelated;flex-shrink:0}.wm-icon-fallback{font-size:15px;flex-shrink:0;text-align:center}.wm-dummy-charges{font-size:11px;color:var(--text-dim)}.wm-dummy-status-row{display:flex;justify-content:space-between;align-items:baseline}.wm-dummy-status{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#fbbf24}.wm-dummy-timer{font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums}.wm-next-hit-track{height:6px;background:var(--bg-deep);border-radius:3px;overflow:hidden}.wm-next-hit-fill{height:100%;background:#fbbf24;transition:width .1s linear}.wm-skill-row{display:flex;flex-direction:column;gap:6px}.wm-skill-row-top{display:flex;justify-content:space-between;align-items:center}.wm-skill-label{font-size:16px;color:var(--text-bright);font-weight:600}.wm-skill-level{font-size:16px;color:var(--text-bright);font-weight:700}.wm-skill-row-bottom{display:flex;justify-content:flex-end;font-size:13px;color:var(--text-dim)}.wm-skill-bar-track{height:12px;background:var(--bg-deep)}.wm-skill-eta{display:flex;flex-direction:column;gap:3px}.wm-skill-eta-text{font-size:12px;color:#fbbf24;text-align:right}.wm-skill-eta-track{height:9px;background:#130e06;border:1px solid rgba(251,191,36,.3);position:relative;overflow:hidden;border-radius:3px}.wm-skill-eta-fill{position:absolute;inset:0 auto 0 0;background:#fbbf24;transition:width .3s ease}.wm-btn{flex-shrink:0;background:#1e1410;border:1px solid #4a2e1e;border-radius:var(--radius);color:#c09060;font-size:11px;font-weight:700;letter-spacing:1.2px;padding:8px 14px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,border-color .12s}.wm-btn:hover:not(:disabled){background:#2a2010;border-color:#6a4828}.wm-btn:disabled{opacity:.45;cursor:not-allowed}.wm-purchase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:10px}.wm-purchase-skill-block{background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.wm-purchase-skill-title{font-size:13px;font-weight:700;color:var(--text-bright)}.wm-purchase-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.wm-purchase-row-info{display:flex;flex-direction:column;gap:3px;min-width:0}.wm-purchase-row-name{font-size:13px;color:var(--text)}.wm-purchase-row-meta{font-size:11px;color:var(--text-dim)}.wm-purchase-row-owned{color:#4ade80;font-weight:600}.wm-toast{padding:9px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;background:#062b0f;border:1px solid #4ade80;color:#4ade80;margin-bottom:10px;animation:wm-toast-in .15s ease-out}@keyframes wm-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wm-speed-block{display:flex;justify-content:space-between;align-items:center;background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:10px;gap:12px}.wm-speed-info{font-size:12px;color:var(--text-dim)}.wm-footer{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--border-dim)}.game-window--loot-filter{width:clamp(960px,90%,1400px);height:88%;max-height:88%}.game-window--loot-filter .game-window-header{padding:16px 24px;font-size:17px;position:relative}.game-window--loot-filter .game-window-header>span{position:absolute;left:50%;transform:translate(-50%)}.game-window--loot-filter .game-window-close{margin-left:auto}.game-window--loot-filter .game-window-body{padding:0;overflow:hidden}.lf-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.lf-top{display:flex;align-items:center;justify-content:center;position:relative;padding:13px 24px;border-bottom:1px solid var(--border-dim);flex-shrink:0}.lf-subtitle{font-size:14px;color:var(--text);font-weight:400;letter-spacing:.5px;text-align:center}.lf-slots{position:absolute;right:24px;font-size:16px;font-weight:700;color:#c87820;white-space:nowrap}.lf-search-bar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border-dim);background:var(--header-bg);flex-shrink:0}.lf-search-icon{color:var(--text);font-size:16px}.lf-search-input{flex:1;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--text);font-size:16px;font-family:inherit;padding:8px 14px;outline:none;transition:border-color .15s}.lf-search-input:focus{border-color:var(--border)}.lf-search-input::placeholder{color:var(--text-muted);font-weight:400}.lf-search-clear{background:none;border:none;color:var(--text);cursor:pointer;font-size:16px;padding:2px 4px}.lf-search-clear:hover{color:var(--text-accent)}.lf-panels{display:grid;grid-template-columns:320px minmax(300px,1fr) minmax(300px,1fr);flex:1;min-height:0;overflow-x:auto;overflow-y:hidden}.lf-panel{display:flex;flex-direction:column;border-right:1px solid var(--border-dim);min-height:0}.lf-panel:last-child{border-right:none}.lf-panel-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 15px;background:var(--header-bg);border-bottom:1px solid var(--border-dim);font-size:13px;letter-spacing:1.5px;color:var(--text-accent);font-weight:700;flex-shrink:0}.lf-zone-selects{display:flex;gap:6px;padding:8px 15px;background:var(--header-bg);border-bottom:1px solid var(--border-dim);flex-shrink:0}.lf-zone-select{flex:1;min-width:0;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:12px;font-family:inherit;padding:5px 8px;cursor:pointer;transition:border-color .1s}.lf-zone-select:focus{outline:none;border-color:var(--border)}.lf-zone-select:disabled{cursor:default;opacity:.6}.lf-zone-select option:disabled{color:var(--text-muted)}.lf-clear-btn{background:none;border:1px solid #7f1d1d;border-radius:var(--radius);color:#f87171;font-size:13px;font-family:inherit;padding:5px 11px;cursor:pointer;white-space:nowrap;transition:background .12s}.lf-clear-btn:hover{background:#200808}.lf-scroll{flex:1;overflow-y:auto;min-height:0;padding:8px 0}.lf-empty{padding:20px 16px;color:var(--text);font-size:15px;font-weight:400;text-align:center;line-height:1.6}.lf-item-sprite{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.lf-bl-row{display:flex;align-items:center;gap:10px;padding:8px 13px;border-bottom:1px solid var(--border-dim);transition:background .1s}.lf-bl-row:hover{background:var(--slot-hover)}.lf-bl-info{flex:1;min-width:0}.lf-bl-name-row{display:flex;align-items:center;gap:8px;min-width:0}.lf-bl-name{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lf-bl-meta{font-size:13px;color:var(--text);font-weight:400;margin-top:1px}.lf-bl-value{color:#d09030}.lf-remove-btn{background:none;border:none;color:#b03030;cursor:pointer;font-size:17px;padding:2px;border-radius:4px;flex-shrink:0;transition:color .1s}.lf-remove-btn:hover{color:#ef4444}.lf-creature-group{margin-bottom:10px}.lf-creature-name{padding:6px 14px 5px;font-size:13px;letter-spacing:1.5px;color:var(--text-accent);font-weight:700;text-transform:uppercase;background:var(--header-bg);border-bottom:1px solid var(--border-dim);position:sticky;top:0;z-index:1}.lf-creature-group:first-child .lf-creature-name{color:#c87820;background:#1a1208}.lf-drop-row{display:flex;align-items:center;gap:10px;padding:8px 15px;border-bottom:1px solid var(--border-dim);transition:background .1s;min-height:40px}.lf-drop-row--clickable{cursor:pointer}.lf-drop-row--clickable:hover{background:var(--slot-hover)}.lf-drop-row--bl{opacity:.45;cursor:default}.lf-drop-name-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.lf-drop-main{flex:1;min-width:0}.lf-drop-name{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lf-drop-creature{font-size:13px;color:var(--text-accent);font-weight:400;margin-top:1px}.lf-drop-meta{display:flex;gap:8px;font-size:13px;color:var(--text);font-weight:400;white-space:nowrap;flex-shrink:0}.lf-drop-chance{color:#d09030;font-weight:700}.lf-add-btn{background:var(--btn-bg);border:1px solid var(--border-dim);border-radius:4px;color:var(--text-accent);font-size:17px;font-weight:700;line-height:1;padding:0 8px;height:26px;cursor:pointer;flex-shrink:0;transition:background .1s,color .1s,border-color .1s}.lf-add-btn:hover{background:var(--btn-hover);color:var(--text-accent);border-color:var(--border)}.lf-bl-badge{background:none;border:none;font-size:15px;font-weight:700;color:#ef4444;flex-shrink:0;cursor:pointer;padding:2px}.lf-bl-badge:hover{color:#fca5a5}.splash-logo{position:absolute;top:48px;left:50%;transform:translate(-50%);height:160px;width:auto}.login-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0a0a;display:flex;align-items:center;justify-content:center}.login-splash-content{display:flex;flex-direction:column;align-items:center;gap:16px}.login-splash-destination{font-size:20px;color:var(--text-dim);letter-spacing:.5px}.login-splash-name{color:#e2c97e;font-weight:700;text-shadow:0 0 28px rgba(226,201,126,.45)}.login-splash-bar-wrap{width:360px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}@keyframes login-splash-fill{0%{width:0%}60%{width:75%}to{width:92%}}.login-splash-bar{height:100%;background:linear-gradient(90deg,#8a1818,#601860);border-radius:2px;animation:login-splash-fill 3s cubic-bezier(.4,0,.2,1) forwards}.login-splash-error{font-size:18px;color:#e07a7a;letter-spacing:.3px;text-align:center;max-width:420px}.login-splash-retry-btn{padding:10px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-dim);font-size:14px;cursor:pointer;transition:background .15s,color .15s}.login-splash-retry-btn:hover{background:#ffffff1f;color:#fff}.travel-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.travel-splash-content{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1}.travel-splash-destination{font-size:20px;color:var(--text-dim);letter-spacing:.5px}.travel-splash-zone{color:#e2c97e;font-weight:700;text-shadow:0 0 28px rgba(226,201,126,.45)}.travel-splash-bar-wrap{width:360px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:6px}.travel-splash-bar{height:100%;background:linear-gradient(90deg,#8a1818,#601860);border-radius:2px}.travel-splash-walker{position:absolute;bottom:28%;image-rendering:pixelated}.travel-splash-canvas{display:block;image-rendering:pixelated}.game-window--quests{width:680px}.game-window--quests .game-window-body{padding:0;overflow-y:auto}.game-window--online{width:clamp(640px,70%,880px);height:80%;max-height:80%}.game-window--online .game-window-header{padding:14px 22px;font-size:16px}.quests-window{display:flex;flex-direction:column;gap:0}.quests-empty{padding:32px 20px;text-align:center}.quests-empty-text{font-size:17px;color:var(--text);margin-bottom:8px}.quests-empty-sub{font-size:14px;color:var(--text)}.quests-section{padding:14px 18px}.quests-section+.quests-section{border-top:1px solid var(--border-dim)}.quests-section-label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--border-dim)}.quest-card{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:6px;padding:14px 16px;margin-bottom:10px}.quest-card:last-child{margin-bottom:0}.quest-card--done{opacity:.55}.quest-card-header{margin-bottom:5px}.quest-card-title{font-size:17px;font-weight:700;color:var(--text-accent)}.quest-done-check{color:#22c55e}.quest-card-meta{font-size:13px;color:var(--text-accent);margin-top:3px}.quest-card-desc{font-size:14px;color:var(--text);margin:8px 0 10px}.quest-zones{display:flex;flex-direction:column;gap:7px}.quest-zone-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.quest-zone-row--done{color:#22c55e}.quest-zone-name{width:170px;flex-shrink:0}.quest-zone-progress{display:flex;align-items:center;gap:8px;flex:1}.quest-zone-bar{flex:1;height:7px;background:var(--border-dim);border-radius:3px;overflow:hidden}.quest-zone-bar-fill{height:100%;background:#8a5020;border-radius:3px;transition:width .2s}.quest-zone-row--done .quest-zone-bar-fill{background:#22c55e}.quest-zone-count{font-size:13px;color:var(--text);min-width:50px;text-align:right}.quest-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--border-dim)}.quest-progress-summary{font-size:13px;color:var(--text)}.quest-track-btn{background:var(--btn-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:14px;padding:5px 13px;cursor:pointer;transition:background .15s,color .15s}.quest-track-btn:hover{background:var(--btn-hover);color:var(--text-accent)}.quest-track-btn--active{background:#1e1008;border-color:#8a3020;color:#c06040}.quest-tracker{position:absolute;top:6px;right:6px;background:#0a0a0ae6;border:1px solid var(--border);border-radius:6px;padding:7px 10px;min-width:170px;max-width:220px;z-index:20;pointer-events:none}.quest-tracker-title{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-accent);margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid var(--border-dim)}.quest-tracker-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--text-dim);padding:2px 0}.quest-tracker-row--done{color:#22c55e}.quest-tracker-zone{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-tracker-kills{font-size:10px;color:var(--text-dim);flex-shrink:0}.quest-tracker-row--done .quest-tracker-kills{color:#22c55e}@keyframes quest-flash{0%,to{color:var(--text)}50%{color:var(--text-accent)}}.nav-item--flash{animation:quest-flash 1.2s ease-in-out infinite}.nav-item-badge{display:inline-block;margin-left:5px;background:#8a2020;color:#f0e8d8;border-radius:4px;font-size:9px;font-weight:700;padding:1px 4px;vertical-align:middle;line-height:1.4}.travel-city-tab--locked{opacity:.6}.travel-city-lock{font-size:12px;margin-right:4px}.travel-locked-label{color:var(--text);font-size:14px}.travel-zone-card--locked{opacity:.5}.travel-zone-locked-label{color:#d0a050;font-size:13px}.travel-zone-sprite--locked{filter:grayscale(1) opacity(.5)}.boss-lock-icon{font-size:14px}.boss-unlock-hint{font-size:13px;color:#d0a050}.boss-cd-hint{font-size:13px;color:#a08070}.travel-boss-btn--locked{background:#1a1a1a;border-color:#333;color:var(--text-accent);cursor:not-allowed}.travel-boss-btn--cd{background:#1f1a0a;border-color:#5a4a2044;color:#c9a050;cursor:not-allowed}.quest-card--boss-phase{border-color:#8a2a1a66;background:linear-gradient(135deg,#180c06,#0e0a0a)}.quest-card--boss-phase .quest-card-title{color:#cc5828}.quest-engage-boss-btn{background:#2e1408;border-color:#c0402044;color:#d06848}.quest-engage-boss-btn:hover{background:#3e1c10;border-color:#c0402088;color:#e09070}.game-window--vault{width:clamp(1200px,95%,1650px);height:auto;max-height:97%}.vault-window{display:flex;flex-direction:column;align-items:center;gap:18px;padding:22px}.vault-intro{display:flex;align-items:center;gap:14px;text-align:left;max-width:560px}.vault-intro-icon{font-size:36px;line-height:1}.vault-intro p{color:var(--text-dim);font-size:13px;line-height:1.5}.vault-intro strong{color:#f2c94c}.vault-missed-notice{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;background:var(--header-bg);border:1px solid #f2c94c66;border-radius:var(--radius);padding:14px 18px}.vault-missed-notice-title{font-size:13px;font-weight:600;color:var(--text-accent)}.vault-missed-notice-list{display:flex;flex-direction:column;align-items:center;gap:4px}.vault-missed-notice-item{font-size:14px;font-weight:600}.vault-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px}.vault-panel{background:var(--header-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;flex-direction:column;gap:6px;align-items:center}.vault-panel-label{font-size:11px;letter-spacing:1.5px;color:var(--text-dim);font-weight:600;text-transform:uppercase}.vault-panel-value{font-size:19px;font-weight:700;color:var(--text-accent)}.vault-buy-row{display:flex;gap:8px;align-items:center}.vault-qty-input{width:64px;background:var(--slot-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 6px;text-align:center;font-size:14px}.vault-btn{background:var(--accent);border:1px solid var(--accent-dim);color:var(--text-accent);border-radius:var(--radius);padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.vault-btn:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px)}.vault-btn:disabled{opacity:.5;cursor:not-allowed}.vault-btn--open{width:100%;max-width:420px;padding:14px 18px;font-size:15px;background:linear-gradient(135deg,#7a3a12,#9a5020);border-color:#c0742c}.vault-btn--open:hover:not(:disabled){background:linear-gradient(135deg,#8a4416,#b05c26)}.vault-error{color:#e0393f;font-size:13px;font-weight:600}.vault-reel-row-outer{width:100%;overflow:hidden;display:flex;justify-content:center}.vault-reel-row{display:flex;flex-direction:column;align-items:center;gap:8px}.vault-reel-wrapper{position:relative;display:flex;justify-content:center;padding:6px 0}.vault-reel-viewport{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--slot-bg);padding:18px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%)}.vault-reel-center-frame{position:absolute;top:8px;bottom:8px;left:50%;width:290px;transform:translate(-50%);border:3px solid #f2c94c;border-radius:var(--radius);box-shadow:0 0 18px #f2c94c73;pointer-events:none;z-index:2}.vault-reel-track{display:flex;gap:16px;will-change:transform}.vault-card{flex:0 0 290px;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--panel-bg);border:2px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center;transition:opacity .4s ease,filter .4s ease}.vault-card-icon{font-size:68px;line-height:1}.vault-card-name{font-size:20px;font-weight:700;line-height:1.3}.vault-card-qty{font-size:16px;color:var(--text-dim)}.vault-card-sprite{width:128px;height:128px;object-fit:contain;image-rendering:pixelated}.vault-card-thumb .outfit-thumb-wrap{width:128px;height:128px}.vault-card--dimmed{opacity:.3;filter:grayscale(.7)}.vault-card--landed{animation:vault-card-pulse .6s ease-out}@keyframes vault-card-pulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.vault-reel-shake{animation:vault-shake .5s ease-in-out}@keyframes vault-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px) translateY(2px)}40%{transform:translate(6px) translateY(-2px)}60%{transform:translate(-4px) translateY(1px)}80%{transform:translate(4px) translateY(-1px)}}.vault-gold-flash{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:3;pointer-events:none;background:radial-gradient(circle,#f2c94c8c,#f2c94c00 65%);animation:vault-gold-flash 1.1s ease-out}@keyframes vault-gold-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.vault-reveal-actions{display:flex;justify-content:center;gap:12px;margin-top:4px}.tracked-creatures{border-bottom:1px solid var(--border-dim);padding:6px 10px;flex-shrink:0;display:flex;flex-direction:column;gap:6px}.tracked-creature-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px 6px}.tracked-creature-name{grid-column:1 / span 2;font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracked-creature-remove{grid-row:1;grid-column:3;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:0 2px}.tracked-creature-remove:hover{color:#f87171}.tracked-creature-bar{grid-column:1 / span 2;height:4px;background:var(--slot-bg);border-radius:2px;overflow:hidden}.tracked-creature-fill{height:100%;background:#a3282b}.tracked-creature-count{grid-column:3;font-size:10px;color:var(--text-muted);white-space:nowrap}.game-window--blood-rituals{width:clamp(860px,85%,1200px);height:85%;max-height:85%}.game-window--blood-rituals .game-window-body{padding:0;overflow:hidden}.br-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.br-top{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-dim);background:var(--header-bg);flex-shrink:0}.br-title{font-size:14px;font-weight:700;letter-spacing:1.5px;color:var(--text-accent);text-transform:uppercase}.br-marks{font-size:14px;font-weight:700;color:#c87820;white-space:nowrap}.br-split{display:flex;flex:1;min-height:0}.br-left{width:36%;min-width:280px;display:flex;flex-direction:column;border-right:1px solid var(--border-dim);min-height:0}.br-right{width:64%;flex:1;display:flex;flex-direction:column;min-height:0}.br-filters{display:flex;flex-direction:column;gap:6px;padding:10px;border-bottom:1px solid var(--border-dim);background:var(--header-bg);flex-shrink:0}.br-search{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:14px;padding:8px 12px;outline:none}.br-select{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:5px;color:var(--text);font-size:13px;font-family:inherit;padding:7px 9px;cursor:pointer}.br-scroll{flex:1;overflow-y:auto}.br-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.br-section-hdr{padding:8px 16px;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--text-accent);background:var(--header-bg);border-bottom:1px solid var(--border-dim);border-top:1px solid var(--border-dim);grid-column:1 / -1}.br-creature-list{display:flex;flex-direction:column}.br-creature-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-dim)}.br-creature-row--complete{opacity:.55}.br-creature-sprite-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}.br-creature-sprite{max-width:44px;max-height:44px;image-rendering:pixelated}.br-creature-info{flex:1;min-width:0}.br-creature-name{font-size:14px;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-progress-bar{height:7px;background:var(--slot-bg);border-radius:3px;overflow:hidden;margin:4px 0}.br-progress-fill{height:100%;background:#a3282b}.br-progress-label{font-size:12px;color:var(--text-muted)}.br-track-btn{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;flex-shrink:0}.br-track-btn--active{color:#fbbf24}.br-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;align-content:start}.br-ritual-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--text);font-family:inherit;padding:10px 8px;cursor:pointer;text-align:center;position:relative}.br-ritual-card:hover{border-color:var(--border);background:var(--nav-hover)}.br-ritual-card--selected{border-color:#a3282b;box-shadow:0 0 0 1px #a3282b inset}.br-ritual-card--equipped{background:#a3282b1a}.br-ritual-card-icon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;pointer-events:none;-webkit-user-drag:none}.br-ritual-card-name{font-size:12px;font-weight:700;color:var(--text-accent);line-height:1.2}.br-ritual-card-tier-label{font-size:10px;color:var(--text-muted)}.br-ritual-card-cost{font-size:11px;color:#c87820;font-weight:600}.br-ritual-card-badge{position:absolute;top:4px;right:4px;font-size:9px;font-weight:700;color:#fbbf24;border:1px solid #7a5a10;border-radius:4px;padding:0 4px}.br-detail{border-top:1px solid var(--border-dim);background:var(--header-bg);padding:12px 16px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.br-detail-header{display:flex;align-items:flex-start;gap:12px}.br-detail-icon{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.br-ritual-name{font-size:14px;font-weight:700;color:var(--text-accent)}.br-ritual-type{font-weight:400;color:var(--text-muted)}.br-ritual-equipped-badge{margin-left:8px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#fbbf24;border:1px solid #7a5a10;border-radius:4px;padding:1px 6px}.br-ritual-desc{font-size:12px;color:var(--text);margin:4px 0 0}.br-ritual-tiers{display:flex;gap:4px;justify-content:center}.br-tier-pip{width:12px;height:12px;border-radius:50%;border:1px solid var(--border-dim);background:var(--panel-bg);display:inline-block}.br-tier-pip--owned{background:#a3282b;border-color:#a3282b}.br-ritual-values{font-size:11px;color:var(--text-muted)}.br-ritual-values--locked{font-style:italic}.br-ritual-values-current{color:var(--text)}.br-ritual-values-next{color:var(--text-muted)}.br-ritual-actions{display:flex;align-items:center;gap:10px}.br-buy-btn,.br-unequip-btn,.br-equip-btn{background:var(--slot-bg);border:1px solid var(--border-dim);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer;white-space:nowrap}.br-buy-btn:hover:not(:disabled),.br-unequip-btn:hover,.br-equip-btn:hover{background:var(--nav-hover)}.br-buy-btn:disabled{opacity:.4;cursor:default}.br-unequip-btn{border-color:#7f1d1d;color:#f87171}.br-equip-btns{display:flex;gap:6px}.br-equip-full{font-size:11px;color:var(--text-muted);font-style:italic}