*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:url(/ui/textures/background-dark.png) repeat;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;color:#c8c8c8;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000;user-select:none;-webkit-user-select:none}.stone-bg{background:url(/ui/textures/stone-bg.png) repeat}#root ::-webkit-scrollbar{width:13px}#root ::-webkit-scrollbar-track{background:#2c2c2c;border-left:1px solid #1a1a1a;border-right:1px solid #1a1a1a}#root ::-webkit-scrollbar-thumb{background:linear-gradient(to right,#626262,#505050 40%,#3e3e3e);border:1px solid #222;border-top-color:#737373;border-left-color:#6a6a6a;min-height:20px}#root ::-webkit-scrollbar-thumb:hover{background:linear-gradient(to right,#727272,#606060 40%,#4e4e4e);border-top-color:#838383;border-left-color:#7a7a7a}#root ::-webkit-scrollbar-thumb:active{background:linear-gradient(to right,#3e3e3e,#505050 60%,#626262);border-top-color:#222;border-left-color:#222;border-bottom-color:#6a6a6a;border-right-color:#6a6a6a}#root ::-webkit-scrollbar-button:single-button{height:13px;display:block;background-image:url(/ui/scrollbar.png);background-size:78px 78px;background-repeat:no-repeat}#root ::-webkit-scrollbar-button:single-button:vertical:decrement{background-position:0 0}#root ::-webkit-scrollbar-button:single-button:vertical:decrement:hover{background-position:-13px 0}#root ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background-position:-26px 0}#root ::-webkit-scrollbar-button:single-button:vertical:increment{background-position:0 -13px}#root ::-webkit-scrollbar-button:single-button:vertical:increment:hover{background-position:-13px -13px}#root ::-webkit-scrollbar-button:single-button:vertical:increment:active{background-position:-26px -13px}#root ::-webkit-scrollbar-corner{background:#2c2c2c}.game-layout{display:grid;grid-template-areas:"topbar  sidebar" "viewport sidebar" "hotbar  sidebar";grid-template-rows:auto 1fr auto;grid-template-columns:1fr 176px;width:100%;height:100%;background:url(/ui/textures/stone-bg.png) repeat}.analytics-panel{position:absolute;top:0;left:0;width:176px;bottom:0;z-index:10;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;background:url(/ui/textures/stone-bg.png) repeat;scrollbar-width:none}.analytics-panel::-webkit-scrollbar{width:0}.analytics-header{background:#0000004d;padding:3px 8px;font-size:10px;color:#ddd;border-bottom:1px solid #3a3a3a;text-align:center;display:flex;align-items:center;position:relative}.analytics-header span{flex:1}.analytics-reset-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;font-size:12px;padding:0;width:14px;height:14px;line-height:14px;text-align:center;cursor:pointer;text-shadow:none}.analytics-reset-btn:hover{color:#fff}.analytics-body{padding:2px 4px}.analytics-body .skill-label{color:silver}.analytics-body .skill-value{color:#6495ed}.analytics-timer{text-align:center;color:#fff;font-size:11px;padding:3px 0;letter-spacing:1px}.analytics-separator{height:1px;margin:3px 0;background:#2a2a2a;box-shadow:0 1px #ffffff0f}.xp-color{color:#fff}.loot-color{color:#4ade80}.supply-color{color:#f87171}.profit-positive{color:#4ade80}.profit-negative{color:#f87171}.dealt-color{color:#fb923c}.taken-color{color:#f87171}.heal-color{color:#4ade80}.top-bar{grid-area:topbar;grid-column:1;position:relative;display:flex;flex-direction:column;background:url(/ui/textures/stone-bg.png) repeat;border-bottom:1px solid #2a2a2a;box-shadow:inset 0 -1px #555}.top-bar-content{height:26px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 8px;position:relative}.level-badge{color:#ee4;font-size:11px;white-space:nowrap;min-width:32px;display:flex;align-items:center;gap:3px}.level-icon{width:9px;height:9px;image-rendering:pixelated;flex-shrink:0}.boost-indicators{display:flex;align-items:center;gap:4px;margin-left:8px}.boost-badge{display:flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid;border-radius:3px;background:#00000080;font-size:10px;line-height:14px;white-space:nowrap}.boost-badge-label{font-weight:700;text-transform:uppercase;letter-spacing:.3px}.boost-badge-time{color:#ccc;font-size:9px}.lottery-badge{display:flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid #d4a017;border-radius:3px;background:#00000080;font-size:10px;line-height:14px;white-space:nowrap;cursor:default}.lottery-label{color:#d4a017;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.lottery-amount{color:#f1c40f;font-size:10px;font-weight:700}.top-bar-buttons{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px}.top-btn{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;cursor:default;padding:0;opacity:.7}.top-btn img{image-rendering:pixelated;max-width:16px;max-height:16px}.top-btn:hover{opacity:1;border-color:#6a6a6a #3a3a3a #3a3a3a #6a6a6a}.top-btn:active{border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a}.top-btn.active{opacity:1;border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a;background-color:#00000026}.stat-bar{display:flex;align-items:center;gap:3px;flex:1;max-width:220px;min-width:80px}.stat-bar-icon{width:12px;height:11px;image-rendering:pixelated;flex-shrink:0}.stat-bar-track{position:relative;height:11px;flex:1;background:url(/ui/bars/bar-border.png) no-repeat center;background-size:100% 100%;overflow:hidden}.stat-bar-fill{position:absolute;top:0;left:0;height:100%;transition:width .15s ease-out}.hp-bar .stat-bar-fill{background:url(/ui/bars/hp-fill.png) no-repeat left center;background-size:cover}.mp-bar .stat-bar-fill{background:url(/ui/bars/mp-fill.png) no-repeat left center;background-size:cover}.stat-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:silver;z-index:1}.exp-bar{height:5px;background:#1a1a1a;position:relative;overflow:hidden}.exp-bar-fill{position:absolute;top:0;left:0;height:100%;background:#6495ed;transition:width .3s ease-out}.game-viewport{grid-area:viewport;position:relative;overflow:hidden;background:url(/ui/textures/background-dark.png) repeat;border-top:1px solid #1a1a1a;border-left:1px solid #1a1a1a;border-bottom:1px solid #555;border-right:1px solid #555}.game-viewport canvas#game-canvas{z-index:1}.game-message-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:500px;padding:0;background:none;border:none;font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.5;white-space:pre-line;text-align:center;color:#00eb00;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000;pointer-events:none;z-index:5}.status-bar{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:1px;pointer-events:none;z-index:5}.status-msg{font-family:Verdana,Tahoma,sans-serif;font-size:9px;font-weight:700;line-height:1.2;white-space:nowrap;text-align:center;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.top-bar-left{position:absolute;left:8px;top:0;height:100%;display:flex;align-items:center;gap:4px}.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:4px;align-self:center}.connection-dot.ok{background:#4e4;box-shadow:0 0 4px #44ee4480}.connection-dot.off{background:#e44;box-shadow:0 0 4px #ee444480}.right-sidebar{grid-area:sidebar;background:url(/ui/textures/stone-bg.png) repeat;border-left:1px solid #555;box-shadow:inset 1px 0 #2a2a2a;display:flex;flex-direction:column;gap:2px;padding:2px;overflow:hidden}.sidebar-panel{border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;background:url(/ui/textures/stone-bg.png) repeat;flex-shrink:0}.sidebar-panel-header{background:#0000004d;padding:3px 8px;font-size:10px;color:#ddd;border-bottom:1px solid #3a3a3a;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-panel-header span{flex:1}.panel-close-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:url(/ui/buttons/close-down.png) no-repeat -9999px -9999px,url(/ui/buttons/close-up.png) no-repeat center / 12px 12px;image-rendering:pixelated;border:none;padding:0;cursor:default;opacity:.7}.panel-close-btn:hover{opacity:1}.panel-close-btn.pressed{background:url(/ui/buttons/close-down.png) no-repeat center / 12px 12px;transform:translateY(-50%) translateY(1px)}.sidebar-panel-body{padding:4px}.minimap-container{width:100%;aspect-ratio:1;background:#0a0a0a;border-top:1px solid #1a1a1a;border-left:1px solid #1a1a1a;border-bottom:1px solid #4a4a4a;border-right:1px solid #4a4a4a;display:flex;align-items:center;justify-content:center;color:#444;font-size:10px;position:relative;overflow:hidden}.minimap-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated}.sidebar-bars{display:flex;flex-direction:column;gap:2px;padding:3px 4px}.sidebar-bar{position:relative;height:11px;background:url(/ui/bars/bar-border.png) no-repeat center;background-size:100% 100%;overflow:hidden}.sidebar-bar-fill{position:absolute;top:0;left:0;height:100%;transition:width .15s ease-out}.sidebar-bar.hp-bar .sidebar-bar-fill{background:url(/ui/bars/hp-fill.png) no-repeat left center;background-size:cover}.sidebar-bar.mp-bar .sidebar-bar-fill{background:url(/ui/bars/mp-fill.png) no-repeat left center;background-size:cover}.sidebar-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:silver;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000;z-index:1}.inventory-grid{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(4,34px);gap:1px;justify-content:center;padding:2px 0}.inv-slot{width:34px;height:34px;border:none;display:flex;align-items:center;justify-content:center;position:relative;image-rendering:pixelated;background:var(--slot-icon) no-repeat center / 24px 24px,url(/ui/slots/containerslot.png) no-repeat center / 34px 34px;cursor:default}.inv-slot.has-item{background:url(/ui/slots/containerslot.png) no-repeat center / 34px 34px;cursor:default}.inv-slot-canvas{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.inventory-combat-row{display:flex;gap:4px;justify-content:center;padding:2px 0}.inventory-combat-row .inventory-grid{padding:0}.combat-controls{display:flex;flex-direction:column;align-items:center;gap:2px}.combat-group{display:flex;flex-direction:column;gap:1px}.combat-separator{width:20px;height:1px;background:#2a2a2a;box-shadow:0 1px #ffffff0f;margin:1px 0}.combat-btn{width:20px;height:20px;background-size:20px 40px;background-repeat:no-repeat;image-rendering:pixelated;border:none;padding:0;cursor:default;opacity:.85}.combat-btn:hover{opacity:1;filter:brightness(1.2)}.combat-btn.active{opacity:1}.inventory-stats-row{display:flex;justify-content:center;gap:12px;padding:2px 4px 1px;border-top:1px solid rgba(255,255,255,.06)}.inventory-stat{display:flex;gap:3px;align-items:baseline}.inventory-stat-label{font-size:8px;color:#888}.inventory-stat-value{font-size:9px;color:#ccc;font-weight:700}.inventory-status-bar{display:flex;justify-content:center;align-items:center;gap:2px;padding:2px 4px 3px;min-height:13px}.status-icon{width:11px;height:11px;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.4}.status-icon.active{opacity:1}.skull-socket{background-image:url(/ui/skulls/skull_socket.png)}.skull-socket.skull-white{background-image:url(/ui/skulls/skull_white.png);opacity:1}.skull-socket.skull-red{background-image:url(/ui/skulls/skull_red.png);opacity:1}.skull-socket.skull-yellow{background-image:url(/ui/skulls/skull_yellow.png);opacity:1}.skull-socket.skull-green{background-image:url(/ui/skulls/skull_green.png);opacity:1}.skull-socket.skull-orange{background-image:url(/ui/skulls/skull_orange.png);opacity:1}.skull-socket.skull-black{background-image:url(/ui/skulls/skull_black.png);opacity:1}.shield-socket{background-image:url(/ui/shields/shield_gray.png);cursor:default}.shield-socket.shield-yellow{background-image:url(/ui/shields/shield_yellow.png);opacity:1;cursor:pointer}.shield-socket.shield-blue{background-image:url(/ui/shields/shield_blue.png);opacity:1;cursor:pointer}.shield-socket.shield-white-yellow{background-image:url(/ui/shields/shield_yellow_white.png);opacity:1;cursor:pointer}.shield-socket.shield-white-blue{background-image:url(/ui/shields/shield_blue_white.png);opacity:1;cursor:pointer}.shield-socket.shield-yellow-shared{background-image:url(/ui/shields/shield_yellow_shared.png);opacity:1;cursor:pointer}.shield-socket.shield-blue-shared{background-image:url(/ui/shields/shield_blue_shared.png);opacity:1;cursor:pointer}.shield-socket.shield-yellow-not-shared{background-image:url(/ui/shields/shield_yellow_not_shared.png);opacity:1;cursor:pointer}.shield-socket.shield-blue-not-shared{background-image:url(/ui/shields/shield_blue_not_shared.png);opacity:1;cursor:pointer}.condition-icon{width:11px;height:11px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;color:#000;line-height:1;flex-shrink:0}.battle-list-empty{color:#555;font-size:9px;text-align:center;padding:8px 0;text-shadow:none}.skills-panel{padding:2px 4px}#root .sidebar-panel-body::-webkit-scrollbar{width:0}.sidebar-panel-body{scrollbar-width:none}.skill-row{display:flex;align-items:center;height:16px;padding:0 2px;gap:4px}.skill-row:hover{background:#ffffff0d}.skill-icon{width:9px;height:9px;image-rendering:pixelated;flex-shrink:0}.skill-label{flex:1;font-size:9px;color:silver;text-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-value{font-size:9px;color:#dfdfdf;text-shadow:none;text-align:right;min-width:24px}.skill-group{display:flex;flex-direction:column}.skill-progress{height:5px;margin:0 2px 1px;background:#1a1a1a;border-top:1px solid #111;position:relative;overflow:hidden}.skill-progress-fill{position:absolute;top:0;left:0;height:100%;background:url(/ui/bars/skill-fill.png) no-repeat left center;background-size:cover;transition:width .15s ease-out}.skill-progress-fill.exp-progress{background:url(/ui/bars/exp-fill.png) no-repeat left center;background-size:cover}.skill-separator{height:1px;margin:3px 0;background:#2a2a2a;box-shadow:0 1px #ffffff0f}.sidebar-panel.dragging{opacity:.4}.panel-resize-handle{height:4px;cursor:ns-resize;position:relative}.contacts-panel,.contacts-list{padding:0}.contact-entry{display:flex;align-items:center;gap:4px;padding:1px 4px;font-size:10px;cursor:default;user-select:none}.contact-entry:hover{background:#ffffff14}.contact-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.contact-dot.online{background:#00bc00}.contact-dot.offline{background:#666}.contact-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbb}.contact-name.online{color:#00bc00}.contact-add-input{width:100%;box-sizing:border-box;padding:2px 4px;font-size:10px;background:#1a1a1a;border:1px solid #444;color:#ddd;outline:none}.contact-add-input:focus{border-color:#6495ed}.contact-add-btn{width:14px;height:14px;font-size:12px;line-height:12px;text-align:center;color:#aaa;cursor:pointer;background:none;border:none;padding:0;margin-right:2px}.contact-add-btn:hover{color:#6495ed}.contacts-count{color:#888;font-size:9px}.contacts-empty{color:#555;font-size:9px;text-align:center;padding:8px 0;text-shadow:none}.contact-context-menu{background:#2a2a2a;border:1px solid #555;border-radius:3px;padding:2px 0;min-width:100px;font-size:10px;box-shadow:0 2px 8px #00000080}.contact-ctx-item{padding:3px 10px;color:#ddd;cursor:pointer;user-select:none}.contact-ctx-item:hover{background:#6495ed;color:#fff}.contact-ctx-item.danger:hover{background:#c04040}.contact-ctx-separator{height:1px;background:#444;margin:2px 0}.contact-mail-btn{position:relative;width:14px;height:14px;font-size:10px;line-height:14px;text-align:center;color:#aaa;cursor:pointer;background:none;border:none;padding:0;margin-right:2px}.contact-mail-btn:before{content:"✉"}.contact-mail-btn:hover{color:#6495ed}.mail-badge{position:absolute;top:-4px;right:-6px;background:#6495ed;color:#fff;font-size:7px;line-height:10px;min-width:10px;height:10px;padding:0 2px;border-radius:5px;text-align:center;font-weight:700}.mail-overlay{position:fixed;inset:0;z-index:50;pointer-events:none}.mail-dialog{position:fixed;width:380px;max-height:420px;background:url(/ui/textures/stone-bg.png);border:2px solid #555;border-radius:4px;box-shadow:0 4px 16px #0009;pointer-events:auto;display:flex;flex-direction:column;font-size:10px;color:#ddd}.mail-titlebar{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#0000004d;border-bottom:1px solid #444;cursor:grab;user-select:none}.mail-title{flex:1;font-weight:700;font-size:11px}.mail-unread-badge{background:#6495ed;color:#fff;font-size:8px;padding:1px 4px;border-radius:8px;margin-left:4px}.mail-back-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:12px;padding:0 4px}.mail-back-btn:hover{color:#6495ed}.mail-close{width:14px;height:14px;background:url(/ui/buttons/close-btn.png) center/contain no-repeat;border:none;cursor:pointer;opacity:.7}.mail-close:hover{opacity:1}.mail-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.mail-list{flex:1;overflow-y:auto;max-height:280px}.mail-empty{color:#666;text-align:center;padding:20px 0}.mail-entry{display:flex;align-items:center;gap:4px;padding:4px 6px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}.mail-entry:hover{background:#ffffff0f}.mail-entry.unread{background:#6495ed14}.mail-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mail-dot.unread{background:#6495ed}.mail-dot.read{background:#555}.mail-sender{width:70px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#ccc}.mail-subject{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999}.mail-date{flex-shrink:0;color:#666;font-size:9px}.mail-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-top:1px solid #444}.mail-pagination{display:flex;align-items:center;gap:4px}.mail-page-btn{background:none;border:1px solid #555;color:#aaa;cursor:pointer;font-size:10px;padding:1px 4px;border-radius:2px}.mail-page-btn:hover:not(:disabled){color:#6495ed;border-color:#6495ed}.mail-page-btn:disabled{opacity:.3;cursor:default}.mail-page-info{color:#888;font-size:9px}.mail-compose-btn{background:#6495ed;color:#fff;border:none;padding:3px 10px;border-radius:2px;cursor:pointer;font-size:10px}.mail-compose-btn:hover{background:#5080d0}.mail-read-panel{padding:8px}.mail-read-header{border-bottom:1px solid #444;padding-bottom:6px;margin-bottom:6px}.mail-read-field{display:flex;gap:6px;padding:1px 0}.mail-read-label{color:#888;width:50px;flex-shrink:0}.mail-read-value{color:#ddd}.mail-read-body{flex:1;overflow-y:auto;max-height:220px;padding:6px 0;white-space:pre-wrap;word-break:break-word;line-height:1.4;color:#ccc}.mail-read-actions{display:flex;gap:6px;padding-top:6px;border-top:1px solid #444}.mail-action-btn{background:none;border:1px solid #555;color:#ccc;padding:3px 10px;border-radius:2px;cursor:pointer;font-size:10px}.mail-action-btn:hover{border-color:#6495ed;color:#6495ed}.mail-action-btn.primary{background:#6495ed;border-color:#6495ed;color:#fff}.mail-action-btn.primary:hover{background:#5080d0}.mail-action-btn.danger:hover{border-color:#c04040;color:#c04040}.mail-compose-panel{padding:8px;gap:6px;position:relative}.mail-close-compose{position:absolute;top:4px;right:4px;width:18px;height:18px;border:none;background:#ffffff1a;color:#fff9;font-size:14px;line-height:1;cursor:pointer;border-radius:3px;padding:0;display:flex;align-items:center;justify-content:center;z-index:1}.mail-close-compose:hover{background:#fff3;color:#fff}.mail-compose-field{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;position:relative}.mail-compose-field.grow{flex:1}.mail-compose-label{color:#888;font-size:9px}.mail-compose-input{background:#1a1a1a;border:1px solid #444;color:#ddd;padding:3px 6px;font-size:10px;outline:none;border-radius:2px}.mail-compose-input:focus{border-color:#6495ed}.mail-compose-textarea{background:#1a1a1a;border:1px solid #444;color:#ddd;padding:4px 6px;font-size:10px;outline:none;border-radius:2px;resize:none;height:140px;font-family:inherit;line-height:1.4}.mail-compose-textarea:focus{border-color:#6495ed}.mail-char-count{position:absolute;bottom:4px;right:8px;color:#555;font-size:8px}.mail-compose-actions{display:flex;justify-content:flex-end;padding-top:4px}.mail-result{padding:3px 6px;border-radius:2px;font-size:9px}.mail-result.success{color:#00bc00}.mail-result.error{color:#c04040}.hotkey-bar{grid-area:hotbar;height:36px;display:flex;align-items:center;padding:1px 0;background:url(/ui/textures/actionbar-bg.png) repeat;border-top:1px solid #3a3a3a;overflow:hidden}.hotkey-slot{width:34px;height:34px;background:url(/ui/slots/actionbar-slot.png) no-repeat center;background-size:34px 34px;image-rendering:pixelated;position:relative;display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0}.hotkey-slot:hover{filter:brightness(1.3)}.hotkey-label{position:absolute;top:2px;left:3px;font-size:7px;color:#666;text-shadow:none;pointer-events:none}.chat-overlay{position:absolute;display:flex;flex-direction:column;z-index:4;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.chat-tabs{display:flex;position:relative;pointer-events:auto;padding:0 2px;gap:1px;flex-shrink:0}.chat-tab{padding:3px 8px;font-family:Verdana,Tahoma,sans-serif;font-size:12px;font-weight:700;color:#ffffff80;cursor:pointer;border-bottom:2px solid transparent;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000;transition:color .15s}.chat-tab:hover{color:#fffc}.chat-tab.active{color:#fff;border-bottom-color:#6495ed}.chat-tab.blink{color:#f44!important}.chat-tab-close{margin-left:4px;font-size:10px;opacity:.4;cursor:pointer}.chat-tab-close:hover{opacity:1;color:#f44}.chat-tab-add{color:#fff6;cursor:pointer;font-size:11px;padding:2px 6px}.chat-tab-add:hover{color:#fff}.chat-tab.tab-dragging{opacity:.4}.chat-tab.tab-drag-over{border-left:2px solid #6495ed}.chat-channel-menu{position:absolute;top:100%;right:0;background:#000000d9;border:1px solid rgba(255,255,255,.15);z-index:10;min-width:100px;pointer-events:auto}.chat-channel-menu-item{padding:4px 10px;font-size:9px;font-weight:700;color:#ccc;cursor:pointer;white-space:nowrap;font-family:Verdana,Tahoma,sans-serif;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.chat-channel-menu-item:hover:not(.disabled){background:#6495ed4d;color:#fff}.chat-channel-menu-item.disabled{color:#ffffff4d;cursor:default}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 6px;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,black 30%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%)}#root .chat-messages::-webkit-scrollbar{width:0}.chat-msg{font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;line-height:1.4;word-wrap:break-word;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.chat-input-row{padding:2px 4px 4px;pointer-events:auto}.chat-input{width:100%;height:22px;background:#00000080;border:1px solid rgba(255,255,255,.12);color:#fff;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;padding:2px 6px;outline:none;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.chat-input::placeholder{color:#ffffff4d;text-shadow:none}.chat-input:focus{border-color:#6495ed66}#game-context-menu{display:none;position:fixed;min-width:100px;background:#404040;border-image:url(/ui/textures/popup-frame.png) 4 fill stretch;border-image-width:4px;border-style:solid;border-width:4px;box-shadow:2px 3px 8px #0009;padding:3px 1px;z-index:1000;pointer-events:auto;font-family:Verdana,Tahoma,sans-serif}#game-context-menu .ctx-item{padding:3px 16px 3px 8px;font-size:11px;font-weight:700;cursor:default;color:#fff;white-space:nowrap;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}#game-context-menu .ctx-item:hover{background:#ffffff26}#game-context-menu .ctx-separator{height:1px;background:#ffffff1f;margin:2px 3px}#outfit-dialog{position:fixed;inset:0;z-index:2000}.outfit-dialog-bg{position:absolute;inset:0;background:#00000080}.outfit-dialog-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;background:url(/ui/textures/stone-bg.png) repeat;border-top:2px solid #6a6a6a;border-left:2px solid #6a6a6a;border-bottom:2px solid #2a2a2a;border-right:2px solid #2a2a2a;box-shadow:0 4px 20px #0009,inset 0 0 0 1px #ffffff0a;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;color:#c8c8c8;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.outfit-dialog-title{padding:6px 10px;text-align:center;color:#dfdfdf;border-bottom:1px solid #2a2a2a;box-shadow:0 1px #5a5a5a;cursor:move}.outfit-dialog-body{padding:10px}.outfit-top{display:flex;gap:10px}.outfit-preview-col{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:130px}.outfit-preview-box{width:130px;height:130px;position:relative;background:url(/ui/outfits/floor.png) repeat center;border-top:1px solid #1a1a1a;border-left:1px solid #1a1a1a;border-bottom:1px solid #4a4a4a;border-right:1px solid #4a4a4a}#outfit-preview-canvas{image-rendering:pixelated;width:100%;height:100%}.outfit-rotate-btn{position:absolute;bottom:4px;width:20px;height:20px;background-image:url(/ui/outfits/rotate_button.png);background-size:40px 40px;border:none;cursor:default;image-rendering:pixelated;opacity:.85}.outfit-rotate-btn:hover{opacity:1;filter:brightness(1.3)}.outfit-rotate-btn:active{background-position-y:-20px}.outfit-rotate-btn.rotate-left{left:4px;background-position:0px 0px}.outfit-rotate-btn.rotate-left:active{background-position:0px -20px}.outfit-rotate-btn.rotate-right{right:4px;background-position:-20px 0px}.outfit-rotate-btn.rotate-right:active{background-position:-20px -20px}.outfit-nav-btn{width:22px;height:22px;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;color:#c8c8c8;font-size:11px;font-weight:700;cursor:default;display:flex;align-items:center;justify-content:center;padding:0;text-shadow:inherit}.outfit-nav-btn:hover:not(:disabled){color:#fff;border-color:#6a6a6a #3a3a3a #3a3a3a #6a6a6a}.outfit-nav-btn:active:not(:disabled),.outfit-nav-btn.pressed:not(:disabled){border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a}.outfit-nav-btn:disabled{opacity:.35}.outfit-nav-row{display:flex;align-items:center;gap:4px}.outfit-name-label{font-size:10px;white-space:nowrap;width:80px;text-align:center;overflow:hidden;text-overflow:ellipsis}.outfit-color-col{flex:1;display:flex;flex-direction:column;gap:6px}.outfit-color-buttons{display:flex;gap:2px}.outfit-color-btn{flex:1;padding:3px 4px;font-family:inherit;font-size:10px;font-weight:700;cursor:default;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;color:#999;text-align:center;white-space:nowrap;text-shadow:inherit;display:flex;align-items:center;justify-content:center;gap:4px}.outfit-color-btn:hover{color:#ddd}.outfit-color-btn:active,.outfit-color-btn.pressed{border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a}.outfit-color-btn.selected{color:#fff;border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a;background-color:#00000026}.outfit-color-swatch{width:10px;height:10px;border:1px solid #333;flex-shrink:0}.outfit-palette{display:grid;grid-template-columns:repeat(19,14px);gap:1px;padding:4px;background:#0003;border-top:1px solid #1a1a1a;border-left:1px solid #1a1a1a;border-bottom:1px solid #4a4a4a;border-right:1px solid #4a4a4a}.outfit-palette-cell{width:14px;height:14px;cursor:default;border:1px solid rgba(0,0,0,.4)}.outfit-palette-cell:hover{border-color:#fff;z-index:1}.outfit-palette-cell.selected{border-color:#fff;box-shadow:0 0 0 1px #fff;z-index:2}.outfit-separator{height:1px;margin:8px 0;background:#2a2a2a;box-shadow:0 1px #5a5a5a}.outfit-bottom{display:flex;gap:10px}.outfit-addon-col{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.outfit-addon-label{font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:default}.outfit-addon-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:url(/ui/outfits/checkbox.png) no-repeat 0 0;background-size:15px 60px;border:none;cursor:default;flex-shrink:0;image-rendering:pixelated}.outfit-addon-label input[type=checkbox]:hover{background-position:0 -15px}.outfit-addon-label input[type=checkbox]:checked{background-position:0 -30px}.outfit-addon-label input[type=checkbox]:checked:hover{background-position:0 -45px}.outfit-addon-label input[type=checkbox]:disabled{opacity:.3}.outfit-mount-col{display:flex;flex-direction:column;align-items:center;gap:4px}.outfit-mount-box{width:64px;height:64px;background:url(/ui/outfits/floor.png) repeat;border-top:1px solid #1a1a1a;border-left:1px solid #1a1a1a;border-bottom:1px solid #4a4a4a;border-right:1px solid #4a4a4a;display:flex;align-items:center;justify-content:center;opacity:.5}.outfit-mount-text{font-size:9px;opacity:.6}.outfit-dialog-footer{display:flex;justify-content:center;gap:8px;padding:6px 10px 8px;border-top:1px solid #2a2a2a;box-shadow:inset 0 1px #5a5a5a}.outfit-btn{min-width:70px;padding:4px 18px;font-family:inherit;font-size:11px;font-weight:700;cursor:default;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;color:#c8c8c8;text-align:center;text-shadow:inherit}.outfit-btn:hover{color:#fff;border-color:#6a6a6a #3a3a3a #3a3a3a #6a6a6a}.outfit-btn:active,.outfit-btn.pressed{border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a}.outfit-btn-ok{color:#dfdfdf}.settings-overlay{position:fixed;inset:0;z-index:2000}.settings-bg{position:absolute;inset:0;background:#00000080}.settings-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;background:url(/ui/textures/stone-bg.png) repeat;border-top:2px solid #6a6a6a;border-left:2px solid #6a6a6a;border-bottom:2px solid #2a2a2a;border-right:2px solid #2a2a2a;box-shadow:0 4px 20px #0009,inset 0 0 0 1px #ffffff0a;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;color:#c8c8c8;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.settings-title{padding:6px 10px;text-align:center;color:#dfdfdf;border-bottom:1px solid #2a2a2a;box-shadow:0 1px #5a5a5a;cursor:move;position:relative}.settings-close-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url(/ui/buttons/close-down-lg.png) no-repeat -9999px -9999px,url(/ui/buttons/close-up-lg.png) no-repeat center / 20px 20px;image-rendering:pixelated;border:none;padding:0;cursor:default;opacity:.7}.settings-close-btn:hover{opacity:1}.settings-close-btn.pressed{background:url(/ui/buttons/close-down-lg.png) no-repeat center / 20px 20px;transform:translateY(-50%) translateY(1px)}.settings-tabs{display:flex;border-bottom:1px solid #2a2a2a;box-shadow:0 1px #5a5a5a4d}.settings-tab{flex:1;padding:5px 0;background:none;border:none;font:inherit;color:#999;text-shadow:inherit;cursor:default;border-bottom:2px solid transparent;transition:color .15s}.settings-tab:hover{color:#dfdfdf}.settings-tab.active{color:#dfdfdf;border-bottom-color:#5a5a5a}.settings-body{padding:10px 12px;min-height:120px}.settings-section{margin-bottom:10px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:10px;color:#dfdfdf;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding-bottom:3px;border-bottom:1px solid rgba(90,90,90,.4)}.settings-checkbox{display:flex;align-items:center;gap:6px;padding:3px 0;cursor:default}.settings-checkbox:hover .settings-checkbox-label{color:#dfdfdf}.settings-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:url(/ui/outfits/checkbox.png) no-repeat 0 0;background-size:15px 60px;border:none;cursor:default;flex-shrink:0;image-rendering:pixelated}.settings-checkbox input[type=checkbox]:hover{background-position:0 -15px}.settings-checkbox input[type=checkbox]:checked{background-position:0 -30px}.settings-checkbox input[type=checkbox]:checked:hover{background-position:0 -45px}.settings-checkbox-label{color:#c8c8c8;font-size:11px}.settings-checkbox-hint{color:#aaa;font-size:9px;font-weight:400;margin-left:auto}.settings-footer{display:flex;justify-content:center;padding:6px 10px 8px;border-top:1px solid #2a2a2a;box-shadow:inset 0 1px #5a5a5a}.settings-btn{min-width:80px;padding:4px 18px;font-family:inherit;font-size:11px;font-weight:700;background:url(/ui/textures/stone-bg.png) repeat;border-top:2px solid #5a5a5a;border-left:2px solid #5a5a5a;border-bottom:2px solid #2a2a2a;border-right:2px solid #2a2a2a;cursor:default;color:#c8c8c8;text-align:center;text-shadow:inherit}.settings-btn:hover{color:#fff;border-color:#6a6a6a #3a3a3a #3a3a3a #6a6a6a}.settings-btn:active,.settings-btn.pressed{border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a}.settings-btn-ok{color:#dfdfdf}.fps-display{position:absolute;top:4px;right:4px;font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:700;color:#fff;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000;pointer-events:none;z-index:5}.map-viewer-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center}.map-viewer-bg{position:absolute;inset:0;background:#0009}.map-viewer-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85vw;height:80vh;max-width:1200px;max-height:800px;display:flex;flex-direction:column;background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #555;border-top-color:#777;border-left-color:#777;border-bottom-color:#2a2a2a;border-right-color:#2a2a2a;box-shadow:0 8px 32px #000000b3}.map-viewer-title{display:flex;align-items:center;justify-content:center;height:28px;background:url(/ui/textures/stone-bg.png) repeat;border-bottom:1px solid #2a2a2a;box-shadow:inset 0 -1px #555;font-size:12px;font-weight:700;color:#e0d8c8;position:relative;flex-shrink:0}.map-viewer-close{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#4a3a2a;border:1px solid #666;border-top-color:#888;border-left-color:#888;border-bottom-color:#333;border-right-color:#333;color:#ccc;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;text-shadow:none}.map-viewer-close:hover{background:#5a4a3a;color:#fff}.map-viewer-content{display:flex;flex:1;min-height:0}.map-viewer-sidebar{width:180px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #2a2a2a;box-shadow:inset -1px 0 #555;padding:8px;gap:8px}.map-viewer-search-input{width:100%;height:24px;background:#1a1a1a;border:1px solid #444;border-top-color:#222;border-left-color:#222;border-bottom-color:#555;border-right-color:#555;color:#888;font-size:10px;font-family:inherit;padding:2px 6px;outline:none;text-shadow:none}.map-viewer-towns{flex:1;display:flex;flex-direction:column;min-height:0}.map-viewer-towns-title{font-size:10px;font-weight:700;color:#a09888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.map-viewer-towns-list{flex:1;background:#1a1a1a;border:1px solid #333;overflow-y:auto;padding:4px}.map-viewer-town-placeholder{color:#555;font-size:10px;font-style:italic;text-shadow:none}.map-viewer-canvas-wrap{flex:1;position:relative;min-width:0;overflow:hidden;cursor:grab}.map-viewer-canvas-wrap:active{cursor:grabbing}.map-viewer-canvas-wrap canvas{position:absolute;top:0;left:0;width:100%;height:100%}.map-viewer-floor-controls{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1}.map-viewer-floor-controls button{width:24px;height:24px;background:#1e1914d9;border:1px solid #555;border-top-color:#777;border-left-color:#777;border-bottom-color:#333;border-right-color:#333;color:#ccc;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;text-shadow:none}.map-viewer-floor-controls button:hover{background:#322d28e6;color:#fff}.map-viewer-floor-label{font-size:11px;font-weight:700;color:#e0d8c8;padding:2px 0}.map-viewer-info{position:absolute;bottom:8px;right:8px;display:flex;gap:12px;padding:3px 8px;background:#0a0a0abf;border:1px solid #333;font-size:10px;color:#aaa;z-index:1;backdrop-filter:blur(4px)}.map-viewer-zoom{color:#6495ed}.map-viewer-title{cursor:move}.map-viewer-town-item{padding:3px 6px;cursor:pointer;font-size:10px;color:#c8c8c8;border-bottom:1px solid #222}.map-viewer-town-item:hover{background:#2a2a2a;color:#6495ed}.map-viewer-town-item:last-child{border-bottom:none}.container-panel-body{padding:2px}.container-grid{display:grid;grid-template-columns:repeat(4,34px);gap:1px;justify-content:center}.container-slot{width:34px;height:34px;background:url(/ui/slots/containerslot.png) no-repeat center / 34px 34px;image-rendering:pixelated;position:relative;display:flex;align-items:center;justify-content:center}.container-item-canvas{width:32px;height:32px;image-rendering:auto}.container-item-count{position:absolute;bottom:1px;right:2px;font-size:7px;color:#ccc;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000;pointer-events:none}.container-drag-indicator{position:fixed;width:32px;height:32px;pointer-events:none;z-index:9999;opacity:.8}.container-drag-indicator canvas{width:32px;height:32px}.container-item-tooltip{position:fixed;background:#000000e6;color:#ccc;font-size:10px;padding:4px 6px;border-radius:3px;border:1px solid #555;white-space:nowrap;z-index:10000;pointer-events:none}.container-item-tooltip div{line-height:1.3}.container-item-tooltip .tooltip-name{color:#00eb00;font-weight:700}.dialog-close-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url(/ui/buttons/close-down-lg.png) no-repeat -9999px -9999px,url(/ui/buttons/close-up-lg.png) no-repeat center / 20px 20px;image-rendering:pixelated;border:none;padding:0;cursor:default;opacity:.7}.dialog-close-btn:hover{opacity:1}.dialog-close-btn:active{background:url(/ui/buttons/close-down-lg.png) no-repeat center / 20px 20px;transform:translateY(-50%) translateY(1px)}.dialog-btn{padding:4px 16px;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;color:#dfdfdf;font:700 11px Verdana,sans-serif;cursor:default;text-shadow:inherit;text-transform:uppercase}.dialog-btn:hover{color:#fff;border-color:#6a6a6a #3a3a3a #3a3a3a #6a6a6a}.dialog-btn:active{border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a}.dialog-btn-secondary{color:#999}.spells-overlay{position:fixed;inset:0;z-index:2000;background:#0006}.spells-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-height:80vh;background:url(/ui/textures/stone-bg.png) repeat;border-top:2px solid #6a6a6a;border-left:2px solid #6a6a6a;border-bottom:2px solid #2a2a2a;border-right:2px solid #2a2a2a;box-shadow:0 4px 20px #0009,inset 0 0 0 1px #ffffff0a;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;color:#c8c8c8;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000;display:flex;flex-direction:column}.spells-title{padding:6px 10px;text-align:center;color:#dfdfdf;border-bottom:1px solid #2a2a2a;box-shadow:0 1px #5a5a5a;cursor:move;position:relative}.spells-filters{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid #2a2a2a}.spells-search{flex:1;padding:3px 6px;background:#1a1a1a;border:1px solid #3a3a3a;color:#c8c8c8;font:11px Verdana,sans-serif;outline:none}.spells-search:focus{border-color:#6495ed}.spells-select{padding:2px 4px;background:#1a1a1a;border:1px solid #3a3a3a;color:#c8c8c8;font:10px Verdana,sans-serif;outline:none;cursor:default}.spells-select:focus{border-color:#6495ed}.spells-table-wrap{flex:1;overflow-y:auto;max-height:400px;scrollbar-width:thin;scrollbar-color:#4a4a4a #1a1a1a}.spells-table{width:100%;border-collapse:collapse}.spells-table thead th{position:sticky;top:0;background:url(/ui/textures/stone-bg.png) repeat;padding:4px 6px;text-align:left;font-size:10px;color:#aaa;border-bottom:1px solid #3a3a3a;cursor:default;user-select:none}.spells-table thead th:hover{color:#dfdfdf}.spell-row{cursor:default}.spell-row:hover{background:#6495ed26}.spell-row td{padding:3px 6px;font-size:10px;border-bottom:1px solid rgba(42,42,42,.5)}.spell-name{color:#dfdfdf}.spell-words{color:#6495ed;font-style:italic}.spell-num{text-align:center;color:#aaa}.spell-voc{text-align:center;color:#888;font-size:9px}.spell-group-badge{display:inline-block;padding:1px 5px;border-radius:2px;font-size:9px;color:#fff;text-transform:uppercase}.spells-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-top:1px solid #5a5a5a}.spells-count{color:#888;font-size:10px}.hotkey-dialog-overlay{position:fixed;inset:0;z-index:2000;background:#0006}.hotkey-dialog-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;background:url(/ui/textures/stone-bg.png) repeat;border-top:2px solid #6a6a6a;border-left:2px solid #6a6a6a;border-bottom:2px solid #2a2a2a;border-right:2px solid #2a2a2a;box-shadow:0 4px 20px #0009,inset 0 0 0 1px #ffffff0a;font-family:Verdana,Tahoma,sans-serif;font-size:11px;font-weight:700;color:#c8c8c8;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.hotkey-dialog-title{padding:6px 10px;text-align:center;color:#dfdfdf;border-bottom:1px solid #2a2a2a;box-shadow:0 1px #5a5a5a;cursor:move;position:relative}.hotkey-dialog-body{display:flex;min-height:300px}.hotkey-key-list{width:160px;overflow-y:auto;max-height:340px;border-right:1px solid #3a3a3a;scrollbar-width:thin;scrollbar-color:#4a4a4a #1a1a1a}.hotkey-key-item{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:default;border-bottom:1px solid rgba(42,42,42,.4)}.hotkey-key-item:hover{background:#6495ed1a}.hotkey-key-item.selected{background:#6495ed33;border-left:2px solid #6495ed}.hotkey-key-label{min-width:28px;color:#aaa;font-size:10px}.hotkey-key-binding{flex:1;color:#6495ed;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotkey-editor{flex:1;padding:8px;display:flex;flex-direction:column;gap:8px}.hotkey-editor-header{text-align:center;padding:4px}.hotkey-editor-key{font-size:18px;color:#dfdfdf}.hotkey-action-toggle{display:flex;gap:4px;justify-content:center}.hotkey-spell-picker{display:flex;flex-direction:column;gap:4px;flex:1}.hotkey-spell-search{padding:3px 6px;background:#1a1a1a;border:1px solid #3a3a3a;color:#c8c8c8;font:11px Verdana,sans-serif;outline:none}.hotkey-spell-search:focus{border-color:#6495ed}.hotkey-spell-list{flex:1;overflow-y:auto;max-height:180px;background:#0003;border:1px solid #2a2a2a;scrollbar-width:thin;scrollbar-color:#4a4a4a #1a1a1a}.hotkey-spell-item{display:flex;align-items:center;gap:6px;padding:3px 6px;cursor:default;border-bottom:1px solid rgba(42,42,42,.3)}.hotkey-spell-item:hover{background:#6495ed26}.hotkey-spell-item.selected{background:#6495ed40}.hotkey-spell-name{flex:1;font-size:10px;color:#dfdfdf}.hotkey-spell-words{font-size:9px;color:#6495ed;font-style:italic}.hotkey-spell-info{font-size:9px;color:#888;white-space:nowrap}.hotkey-text-editor{display:flex;flex-direction:column;gap:4px}.hotkey-field-label{font-size:10px;color:#aaa}.hotkey-text-input{padding:4px 6px;background:#1a1a1a;border:1px solid #3a3a3a;color:#c8c8c8;font:11px Verdana,sans-serif;outline:none}.hotkey-text-input:focus{border-color:#6495ed}.hotkey-current{padding:4px 6px;background:#0003;border:1px solid #2a2a2a;font-size:10px;display:flex;align-items:center;gap:4px}.hotkey-current-label{color:#888}.hotkey-current-value{color:#6495ed;margin-left:4px}.hotkey-editor-buttons{display:flex;gap:6px;justify-content:center}.hotkey-dialog-footer{display:flex;justify-content:center;padding:6px;border-top:1px solid #5a5a5a}.hotkey-slot-icon{position:absolute;top:1px;left:1px;image-rendering:pixelated;pointer-events:none}.hotkey-spell-text{position:absolute;bottom:1px;left:1px;right:1px;font:700 6px Verdana,sans-serif;color:#dfdfdf;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000;pointer-events:none;line-height:1}.hotkey-slot.dragging{opacity:.4;filter:brightness(.6)}.hotkey-slot.has-binding{cursor:grab}.hotkey-slot.has-binding:active{cursor:grabbing}.hotkey-tooltip{position:fixed;transform:translate(-50%,-100%);margin-top:-6px;background:#1a1a1a;border:1px solid #555;padding:6px 10px;z-index:3000;pointer-events:none;min-width:120px;max-width:240px;font-family:Verdana,Tahoma,sans-serif;font-size:10px;font-weight:700;color:#dfdfdf;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000;box-shadow:2px 3px 8px #0009}.hotkey-tooltip-name{font-size:11px;color:#fff;margin-bottom:3px}.hotkey-tooltip-words{font-style:italic;color:#aaa;margin-bottom:3px}.hotkey-tooltip-row{display:flex;gap:10px;margin-bottom:2px}.hotkey-tooltip-mana{color:#6495ed}.hotkey-tooltip-level{color:#ccc}.hotkey-tooltip-group{color:#999;text-transform:capitalize;margin-bottom:2px}.hotkey-tooltip-voc{color:#888;font-size:9px}.hotkey-tooltip-text{color:#aaa;font-style:italic}.hotkey-ctx-menu{position:fixed;min-width:120px;background:#404040;border-image:url(/ui/textures/popup-frame.png) 4 fill stretch;border-image-width:4px;border-style:solid;border-width:4px;box-shadow:2px 3px 8px #0009;padding:3px 1px;z-index:3000;pointer-events:auto;font-family:Verdana,Tahoma,sans-serif}.hotkey-ctx-menu .ctx-item{padding:3px 16px 3px 8px;font-size:11px;font-weight:700;cursor:default;color:#fff;white-space:nowrap;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.hotkey-ctx-menu .ctx-item:hover{background:#ffffff26}.hotkey-ctx-separator{height:1px;background:#ffffff1f;margin:2px 3px}.hotkey-text-dialog-overlay{position:fixed;inset:0;z-index:3000}.hotkey-text-dialog{position:fixed;width:240px;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;padding:8px 10px;box-shadow:2px 3px 8px #0009}.hotkey-text-dialog-title{font:700 11px Verdana,sans-serif;color:#dfdfdf;margin-bottom:6px;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.hotkey-text-dialog-input{width:100%;padding:4px 6px;font:700 11px Verdana,sans-serif;color:#dfdfdf;background:#1a1a1a;border:1px solid #444;outline:none;text-shadow:none}.hotkey-text-dialog-input:focus{border-color:#6495ed}.hotkey-text-dialog-hint{font-size:9px;color:#777;margin:4px 0 6px;text-shadow:none}.hotkey-text-dialog-buttons{display:flex;gap:6px;justify-content:flex-end}.spell-icon{image-rendering:pixelated;flex-shrink:0}.spell-set-btn{padding:1px 8px!important;font-size:9px!important}.hotkey-toggle-active{color:#6495ed!important;border-color:#6495ed!important}.battle-list{display:flex;flex-direction:column}.battle-toolbar{display:flex;align-items:center;gap:2px;padding:2px 4px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}.battle-toolbar-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:1px solid transparent;border-radius:2px;background:none;color:#666;cursor:pointer;font-size:8px}.battle-toolbar-btn:hover{color:#aaa;border-color:#ffffff26}.battle-toolbar-btn.active{color:#6495ed;border-color:#6495ed4d}.battle-toolbar-sep{width:1px;height:12px;background:#ffffff1a;margin:0 2px}.battle-icon{width:9px;height:9px;flex-shrink:0;image-rendering:pixelated}.battle-list-empty{padding:4px 6px;color:#888;font-size:10px;text-align:center}.battle-entry{display:flex;align-items:center;gap:4px;padding:2px 4px;cursor:pointer}.battle-entry:hover{background:#ffffff0f}.battle-entry-target{background:#bf0a0a33}.battle-entry-target:hover{background:#bf0a0a4d}.battle-sprite{width:20px;height:20px;flex-shrink:0;image-rendering:auto}.battle-name{flex:1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-hp-bar{width:50px;height:4px;background:#111;border:1px solid #000;flex-shrink:0}.battle-hp-fill{height:100%;transition:width .2s ease}.party-panel{display:flex;flex-direction:column}.party-empty{padding:4px 6px;color:#888;font-size:10px;text-align:center}.party-member{padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.party-member:last-child{border-bottom:none}.party-member-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.party-member-name{font-size:10px;font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-member-level{font-size:9px;color:#888;flex-shrink:0;margin-left:4px}.party-member-bars{display:flex;gap:2px;margin-bottom:2px}.party-bar{flex:1;height:4px;background:#111;border:1px solid #000}.party-bar-fill{height:100%;transition:width .3s ease}.party-member-skills{display:flex;gap:4px;flex-wrap:wrap}.party-skill{display:flex;align-items:center;gap:1px}.party-skill-icon{width:9px;height:9px;image-rendering:pixelated;opacity:.8}.party-skill-value{font-size:9px;color:#aaa}.login-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-ctx-menu{position:fixed;min-width:100px;background:#404040;border-image:url(/ui/textures/popup-frame.png) 4 fill stretch;border-image-width:4px;border-style:solid;border-width:4px;box-shadow:2px 3px 8px #0009;padding:3px 1px;z-index:1001;font-family:Verdana,Tahoma,sans-serif}.login-ctx-menu .ctx-item{padding:3px 16px 3px 8px;font-size:11px;font-weight:700;cursor:default;color:#fff;white-space:nowrap;text-shadow:-1px -1px 0 #000,0px -1px 0 #000,1px -1px 0 #000,-1px 0px 0 #000,1px 0px 0 #000,-1px 1px 0 #000,0px 1px 0 #000,1px 1px 0 #000}.login-ctx-menu .ctx-item:hover{background:#ffffff26}.login-ctx-menu .ctx-separator{height:1px;background:#ffffff1f;margin:2px 3px}.login-bg{position:absolute;inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:brightness(.45)}.login-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.65) 100%);pointer-events:none;animation:loginVignettePulse 8s ease-in-out infinite alternate}@keyframes loginVignettePulse{0%{opacity:.7}to{opacity:1}}.login-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(100,149,237,.04) 0%,transparent 60%);animation:loginLightDrift 20s ease-in-out infinite alternate;pointer-events:none}@keyframes loginLightDrift{0%{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(5%,-3%) scale(1.1);opacity:1}to{transform:translate(-3%,5%) scale(.95);opacity:.5}}.login-box{position:relative;z-index:1;width:340px;padding:32px;background:#141419f2;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 20px 60px #000000b3;outline:none}.login-box.charselect{width:400px}.login-title{font-size:24px;font-weight:700;color:#fff;text-align:center;margin-bottom:4px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 30px rgba(100,149,237,.4),0 2px 12px rgba(0,0,0,.6);transition:color .2s,text-shadow .2s;cursor:default}.login-title:hover{color:#6495ed;text-shadow:0 0 40px rgba(100,149,237,.6),0 2px 12px rgba(0,0,0,.6)}.login-subtitle{font-size:12px;color:#fff6;text-align:center;margin-bottom:24px}.login-field{margin-bottom:16px}.login-label{display:block;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;transition:color .15s}.login-field:focus-within .login-label{color:#6495ed}.login-input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0d;color:#fff;font-size:14px;outline:none;font-family:inherit}.login-input:focus{outline:2.5px solid #6495ed;outline-offset:-1px;border-color:#6495ed;background:#6495ed0d}.remember-me{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80;cursor:pointer;margin-bottom:12px;user-select:none}.remember-me input[type=checkbox]{-webkit-appearance:none;appearance:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:3px;background:#ffffff0d;cursor:pointer;position:relative;flex-shrink:0}.remember-me input[type=checkbox]:checked{background:#6495ed;border-color:#6495ed}.remember-me input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-55%) rotate(45deg)}.remember-me input[type=checkbox]:hover{border-color:#6495ed}.remember-me:hover{color:#ffffffb3}.login-btn:focus-visible{outline:2.5px solid #6495ed;outline-offset:-1px}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:8px 12px;margin-bottom:16px;font-size:12px;color:#f87171}.login-error.login-success{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.login-btn{width:100%;padding:10px;border:none;border-radius:4px;background:#6495ed;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .15s;font-family:inherit}.login-btn:hover{background:#5080d0}.login-btn:disabled{opacity:.5;cursor:default}.login-btn.secondary{background:#ffffff0f;color:#fff9;margin-top:8px}.login-btn.secondary:hover{background:#ffffff1a;color:#fff}.login-btn.danger{background:#b4282866;color:#ff7878d9;margin-top:8px}.login-btn.danger:hover{background:#c8323299;color:#ff9090}.login-btn.danger:disabled{opacity:.4;cursor:not-allowed}.delete-overlay{position:absolute;inset:0;z-index:10;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:8px}.delete-dialog{width:300px;padding:24px;background:#191414fa;border:1px solid rgba(200,60,60,.3);border-radius:8px;box-shadow:0 10px 40px #000c}.delete-warning-icon{width:40px;height:40px;margin:0 auto 12px;border-radius:50%;background:#c83c3c33;border:2px solid rgba(200,60,60,.5);color:#e05050;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.delete-title{font-size:16px;font-weight:700;color:#e05050;text-align:center;margin-bottom:12px}.delete-text{font-size:12px;color:#ffffffb3;text-align:center;margin-bottom:16px;line-height:1.5}.delete-text strong{color:#fff}.delete-actions{display:flex;flex-direction:column;gap:0}.delete-actions .login-btn{margin-top:6px}.delete-actions .login-btn:first-child{margin-top:0}.login-spinner{display:inline-block;width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:login-spin .8s linear infinite;vertical-align:middle}@keyframes login-spin{to{transform:rotate(360deg)}}.login-website-link{display:block;text-align:center;margin-top:16px;font-size:12px;color:#fff6;text-decoration:none;transition:color .15s}.login-website-link:hover{color:#6495ed}.char-list{max-height:240px;overflow-y:auto;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);border-radius:4px}.char-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .1s}.char-outfit-canvas{flex-shrink:0;image-rendering:auto}.char-item:last-child{border-bottom:none}.char-item:hover{background:#6495ed14}.char-item.active{background:#6495ed26;border-left:3px solid #6495ed}.char-name{font-size:14px;font-weight:600;color:#fff}.char-info{font-size:11px;color:#00eb00;margin-top:2px}.char-empty{padding:20px;text-align:center;color:#ffffff4d;font-size:13px}.char-actions{display:flex;flex-direction:column}.create-form{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.sex-toggle{display:flex;gap:8px}.sex-btn{flex:1;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff08;color:#ffffff80;font-size:13px;cursor:pointer;font-family:inherit;transition:all .1s}.sex-btn:hover{outline:2.5px solid #6495ed;outline-offset:-1px;border-color:#6495ed;color:#fff}.sex-btn.active{background:#6495ed26;outline:2.5px solid #6495ed;outline-offset:-1px;border-color:#6495ed;color:#6495ed;font-weight:600}.login-box.vocation-select{width:560px}.vocation-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.vocation-card{display:flex;gap:14px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .15s;align-items:center}.vocation-card:hover{background:#6495ed0f;border-color:#6495ed4d}.vocation-card.active{background:#6495ed1f;border-color:#6495ed}.vocation-image{width:80px;height:80px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.vocation-info{flex:1;min-width:0}.vocation-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.vocation-card.active .vocation-name{color:#6495ed}.vocation-desc{font-size:12px;color:#ffffff73;line-height:1.5}.shop-overlay{position:fixed;inset:0;z-index:2000;background:#00000080;display:flex;align-items:center;justify-content:center}.shop-window{background:#141419f7;border:1px solid rgba(100,149,237,.3);border-radius:8px;width:360px;max-height:500px;display:flex;flex-direction:column;box-shadow:0 12px 40px #0009}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.shop-title{font-size:16px;font-weight:700;color:#e0e0e0}.shop-close{background:none;border:none;color:#ffffff80;font-size:20px;cursor:pointer;padding:0 4px}.shop-close:hover{color:#fff}.shop-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.shop-tab{flex:1;padding:8px;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff80;font-size:13px;font-weight:600;cursor:pointer;text-transform:uppercase}.shop-tab:hover{color:#6495ed}.shop-tab.active{color:#6495ed;border-bottom-color:#6495ed}.shop-items{flex:1;overflow-y:auto;max-height:200px;min-height:80px}.shop-item{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;cursor:pointer;transition:background .1s}.shop-item:hover{background:#6495ed1a}.shop-item.selected{background:#6495ed33;border-left:3px solid #6495ed}.shop-item-name{font-size:13px;color:#e0e0e0}.shop-item-price{font-size:12px;color:gold;font-weight:600}.shop-empty{padding:20px;text-align:center;color:#ffffff4d;font-size:13px}.shop-detail{padding:10px 16px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffffb3}.shop-detail-name{font-size:14px;font-weight:600;color:#e0e0e0;margin-bottom:4px}.shop-detail-price,.shop-detail-weight{margin-bottom:2px}.shop-amount-row{display:flex;align-items:center;gap:6px;margin-top:6px}.shop-amount-row label{font-size:12px;color:#fff9}.shop-amount-btn{width:24px;height:24px;background:#6495ed26;border:1px solid rgba(100,149,237,.3);border-radius:3px;color:#6495ed;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.shop-amount-btn:hover{background:#6495ed4d}.shop-amount-input{width:50px;padding:2px 6px;text-align:center;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#e0e0e0;font-size:13px}.shop-amount-input:focus{outline:2.5px solid #6495ed;outline-offset:-1px;border-color:#6495ed}.shop-total{margin-top:4px;font-size:13px;font-weight:600;color:gold}.shop-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid rgba(255,255,255,.1)}.shop-money{font-size:12px;color:gold}.shop-action-btn{padding:6px 20px;background:#6495ed;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;cursor:pointer}.shop-action-btn:hover{background:#5a85d7}.shop-action-btn:disabled{opacity:.4;cursor:default}.depot-overlay{position:fixed;z-index:50;pointer-events:none}.depot-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;max-height:600px;background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #5a5a5a;border-radius:4px;box-shadow:0 8px 32px #0009;pointer-events:all;display:flex;flex-direction:column;font-family:Verdana,sans-serif;font-size:11px}.depot-titlebar{display:flex;align-items:center;padding:6px 10px;cursor:grab;background:#0000004d;border-bottom:1px solid #5a5a5a;user-select:none}.depot-title{font-weight:700;color:#fff;flex:1;text-shadow:1px 1px 1px #000}.depot-count{font-size:10px;color:#ffffff80;margin-right:8px}.depot-market-btn{padding:2px 8px;margin-right:6px;background:#0000004d;border:1px solid #666;border-top-color:#888;border-left-color:#888;border-bottom-color:#333;border-right-color:#333;color:#daa520;font-size:9px;font-weight:700;cursor:pointer;font-family:inherit;text-shadow:1px 1px 1px #000}.depot-market-btn:hover{background:#322d2880;color:#f0c040}.depot-market-btn:active{border-top-color:#333;border-left-color:#333;border-bottom-color:#888;border-right-color:#888}.depot-close{width:14px;height:14px;border:1px solid #888;background:#0000004d;border-radius:2px;cursor:pointer;position:relative;padding:0}.depot-close:before,.depot-close:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1px;background:#ccc}.depot-close:before{transform:translate(-50%,-50%) rotate(45deg)}.depot-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.depot-close:hover{background:#c83c3c80}.depot-search-row{padding:4px 8px}.depot-search{width:100%;padding:4px 8px;border:1px solid #555;background:#0000004d;color:#fff;border-radius:3px;font-size:11px;font-family:Verdana,sans-serif;outline:none;box-sizing:border-box}.depot-search::placeholder{color:#ffffff59}.depot-search:focus{border-color:#6495ed}.depot-grid-scroll{flex:1;overflow-y:scroll;padding:4px;min-height:290px;max-height:290px}.depot-grid{display:grid;grid-template-columns:repeat(12,34px);gap:1px;justify-content:center}.depot-slot{width:34px;height:34px;background:url(/ui/slots/containerslot.png) no-repeat center / 34px 34px;image-rendering:pixelated;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.depot-slot:hover{filter:brightness(1.2)}.depot-slot.empty{cursor:default}.depot-item-canvas{width:32px;height:32px;image-rendering:auto}.depot-item-count{position:absolute;bottom:1px;right:2px;font-size:7px;color:#ccc;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000;pointer-events:none}.depot-grid-scroll::-webkit-scrollbar{width:6px}.depot-grid-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.depot-grid-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.depot-grid-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.quest-overlay{position:fixed;z-index:50;pointer-events:none}.quest-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:460px;height:340px;background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #5a5a5a;border-radius:4px;box-shadow:0 8px 32px #0009;pointer-events:all;display:flex;flex-direction:column;font-family:Verdana,sans-serif;font-size:11px}.quest-titlebar{display:flex;align-items:center;padding:6px 10px;cursor:grab;background:#0000004d;border-bottom:1px solid #5a5a5a;user-select:none}.quest-title{font-weight:700;color:#fff;flex:1;text-shadow:1px 1px 1px #000}.quest-close{width:14px;height:14px;border:1px solid #888;background:#0000004d;border-radius:2px;cursor:pointer;position:relative;padding:0}.quest-close:before,.quest-close:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1px;background:#ccc}.quest-close:before{transform:translate(-50%,-50%) rotate(45deg)}.quest-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.quest-close:hover{background:#c83c3c80}.quest-body{display:flex;flex:1;overflow:hidden}.quest-list{width:180px;border-right:1px solid #5a5a5a;overflow-y:auto;padding:4px 0}.quest-entry{padding:5px 10px;cursor:pointer;color:#ddd;display:flex;align-items:center;gap:4px}.quest-entry:hover{background:#ffffff14}.quest-entry.selected{background:#6495ed40;color:#fff}.quest-entry.completed .quest-name{color:#8c8}.quest-check{font-size:9px;color:#8c8}.quest-missions{flex:1;overflow-y:auto;padding:8px 12px}.quest-mission{margin-bottom:12px}.quest-mission-name{font-weight:700;color:#fff;margin-bottom:4px;text-shadow:1px 1px 1px #000}.quest-mission-desc{color:#ccc;line-height:1.4}.quest-empty{color:#fff6;padding:12px;text-align:center}.quest-list::-webkit-scrollbar,.quest-missions::-webkit-scrollbar{width:6px}.quest-list::-webkit-scrollbar-track,.quest-missions::-webkit-scrollbar-track{background:transparent}.quest-list::-webkit-scrollbar-thumb,.quest-missions::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.quest-list::-webkit-scrollbar-thumb:hover,.quest-missions::-webkit-scrollbar-thumb:hover{background:#ffffff40}.death-overlay{position:fixed;inset:0;z-index:3000;background:#000000bf;display:flex;align-items:center;justify-content:center}.death-dialog{background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #5a5a5a;box-shadow:2px 3px 12px #000000e6;padding:32px 48px;text-align:center;min-width:240px}.death-skull{font-size:48px;margin-bottom:8px;filter:grayscale(1)}.death-title{font-family:Verdana,sans-serif;font-size:16px;font-weight:700;color:#c33;margin-bottom:24px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.death-ok-btn{background:#5a5a5a;color:#ddd;border:1px solid #777;padding:6px 32px;font-family:Verdana,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer;letter-spacing:1px}.death-ok-btn:hover{background:#6a6a6a;color:#fff}.trade-window{position:absolute;bottom:4px;right:4px;width:360px;z-index:100;background:#141419f7;border:1px solid rgba(100,149,237,.3);border-radius:8px;display:flex;flex-direction:column;box-shadow:0 12px 40px #0009;outline:none}.trade-panels{display:flex;gap:1px;background:#ffffff1a}.trade-panel{flex:1;background:#141419f7;display:flex;flex-direction:column}.trade-panel-header{padding:8px 12px;font-size:12px;font-weight:700;color:#6495ed;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.1)}.trade-items{min-height:100px;max-height:200px;overflow-y:auto;padding:4px}.trade-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px;font-size:12px;color:#d0d0d0}.trade-item-name{flex:1}.trade-item-count{color:#999;margin-left:8px}.trade-empty{padding:20px;text-align:center;color:#ffffff4d;font-size:12px;font-style:italic}.trade-accepted-badge{padding:4px 12px;text-align:center;font-size:11px;font-weight:600;color:#4caf50;border-top:1px solid rgba(255,255,255,.1)}.trade-footer{display:flex;gap:8px;justify-content:center}.trade-accept-btn{background:#4caf504d!important;border-color:#4caf5080!important}.trade-accept-btn:hover:not(:disabled){background:#4caf5080!important}.trade-reject-btn{background:#f443364d!important;border-color:#f4433680!important}.trade-reject-btn:hover{background:#f4433680!important}.market-overlay{position:fixed;z-index:55;pointer-events:none}.market-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;max-height:600px;background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #5a5a5a;border-radius:4px;box-shadow:0 8px 32px #0009;pointer-events:all;display:flex;flex-direction:column;font-family:Verdana,sans-serif;font-size:11px}.market-titlebar{display:flex;align-items:center;padding:4px 8px;background:#00000059;border-bottom:1px solid #4a4a4a;cursor:move;user-select:none}.market-title{flex:1;color:#ddd;font-weight:700;font-size:12px;text-align:center}.market-close{width:16px;height:16px;background:none;border:1px solid #666;border-radius:2px;color:#bbb;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center}.market-close:after{content:"×"}.market-close:hover{background:#ff50504d;color:#fff}.market-tabs{display:flex;border-bottom:1px solid #4a4a4a;background:#0003}.market-tabs button{flex:1;padding:5px 8px;background:none;border:none;border-bottom:2px solid transparent;color:#aaa;font-size:11px;font-family:inherit;cursor:pointer}.market-tabs button.active{color:#6495ed;border-bottom-color:#6495ed}.market-tabs button:hover{color:#ddd}.market-message{padding:4px 8px;background:#6495ed26;color:#8bb8ff;font-size:10px;border-bottom:1px solid #4a4a4a}.market-browse{display:flex;flex-direction:column;overflow:hidden}.market-filters{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid #3a3a3a}.market-category-select,.market-search{background:#0006;border:1px solid #555;border-radius:2px;color:#ddd;font-size:10px;padding:3px 4px;font-family:inherit}.market-category-select{width:100px}.market-search{flex:1}.market-search-btn{padding:3px 8px;background:#6495ed;border:none;border-radius:2px;color:#fff;font-size:10px;cursor:pointer;font-family:inherit}.market-search-btn:hover{background:#5a85d7}.market-offers-table{display:flex;flex-direction:column;overflow:hidden}.market-offers-header{display:flex;padding:4px 8px;background:#0000004d;border-bottom:1px solid #3a3a3a;color:#999;font-size:10px;font-weight:700}.market-offers-body{overflow-y:auto;max-height:280px;min-height:100px}.market-offer-row{display:flex;padding:3px 8px;border-bottom:1px solid rgba(255,255,255,.05);color:#ccc;font-size:10px;align-items:center}.market-offer-row:hover{background:#6495ed14}.col-sprite{width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.col-name{flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-buy{width:75px;text-align:right}.col-buy.buy{color:#4caf50}.col-sell{width:75px;text-align:right}.col-sell.sell{color:#ff9800}.col-offers{width:60px;text-align:center;color:#999}.col-type{width:40px;text-align:center;font-weight:700}.col-type.buy{color:#4caf50}.col-type.sell{color:#ff9800}.col-amount{width:40px;text-align:right}.col-price{width:70px;text-align:right;color:#ffd54f}.col-seller{width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-expires,.col-date{width:65px;text-align:center}.col-action{width:80px;text-align:center;display:flex;align-items:center;gap:2px;justify-content:flex-end}.market-accept-amount{width:32px;padding:1px 2px;border:1px solid #555;border-radius:2px;background:#1a1a1a;color:#ddd;font-size:9px;font-family:inherit;text-align:center;outline:none}.market-accept-amount:focus{border-color:#6495ed}.market-accept-btn,.market-cancel-btn{padding:2px 6px;border:none;border-radius:2px;font-size:9px;font-family:inherit;cursor:pointer;color:#fff}.market-accept-btn{background:#4caf50}.market-accept-btn:hover{background:#43a047}.market-cancel-btn{background:#e53935}.market-cancel-btn:hover{background:#c62828}.market-empty{padding:20px 8px;color:#777;text-align:center;font-style:italic}.market-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px;border-top:1px solid #3a3a3a;color:#999;font-size:10px}.market-pagination button{padding:2px 8px;background:#6495ed33;border:1px solid #555;border-radius:2px;color:#ddd;font-size:10px;cursor:pointer;font-family:inherit}.market-pagination button:disabled{opacity:.3;cursor:default}.market-clickable{cursor:pointer}.market-clickable:hover{color:#6495ed;text-decoration:underline}.market-detail-panel{border-top:1px solid #3a3a3a;padding:6px 8px;display:flex;flex-direction:column;gap:6px}.market-detail-header{display:flex;justify-content:space-between;align-items:center;color:#ddd;font-size:11px}.market-detail-depot{color:#888;font-size:9px}.market-time-tabs{display:flex;gap:2px}.market-time-tabs button{padding:2px 6px;background:#2a2a2a;border:1px solid #444;border-radius:2px;color:#999;font-size:8px;font-family:inherit;cursor:pointer}.market-time-tabs button:hover{background:#333;color:#ccc}.market-time-tabs button.active{background:#6495ed;border-color:#6495ed;color:#fff;font-weight:700}.market-stats-grid{display:flex;gap:6px;flex-wrap:wrap}.market-stat{display:flex;flex-direction:column;gap:1px;min-width:48px}.market-stat-label{font-size:7px;text-transform:uppercase;letter-spacing:.3px;color:#777}.market-stat-value{font-size:10px;font-weight:700;color:#ddd}.market-stat-value.low{color:#ef5350}.market-stat-value.high,.market-stat-value.buy{color:#4caf50}.market-stat-value.sell{color:#ff9800}.market-chart-container{background:#1a1a1a;border:1px solid #333;border-radius:2px;padding:2px}.market-chart-canvas{display:block;width:100%;height:120px}.market-create{padding:8px;display:flex;flex-direction:column;gap:6px}.market-create-row{display:flex;align-items:center;gap:6px}.market-create-row label{width:80px;color:#aaa;font-size:10px;text-align:right}.market-create-row input,.market-create-row select{background:#0006;border:1px solid #555;border-radius:2px;color:#ddd;padding:3px 6px;font-size:10px;font-family:inherit;width:100px}.market-item-name{color:#8bb8ff;font-size:10px}.market-unit{color:#999;font-size:10px}.market-create-summary{display:flex;gap:16px;padding:8px 0 4px;color:#bbb;font-size:10px;border-top:1px solid #3a3a3a;margin-top:4px}.market-submit-btn{padding:6px 16px;background:#6495ed;border:none;border-radius:3px;color:#fff;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;align-self:flex-end}.market-submit-btn:hover{background:#5a85d7}.market-submit-btn:disabled{opacity:.4;cursor:default}.market-myoffers,.market-history{display:flex;flex-direction:column;overflow:hidden}.mkt-tibia{width:680px;height:500px;display:flex;flex-direction:column;cursor:default}.mkt-body{display:flex;flex:1;overflow:hidden;min-height:0}.mkt-left{width:164px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #4a4a4a;overflow:hidden}.mkt-categories{max-height:160px;overflow-y:auto;border-bottom:1px solid #3a3a3a}.mkt-cat-item{padding:2px 8px;font-size:10px;color:#bbb;white-space:nowrap}.mkt-cat-item:hover{color:#ddd;background:#ffffff0d}.mkt-cat-item.active{color:#ddd;font-weight:700;background:#ffffff14}.mkt-depot-check{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:10px;color:#bbb;border-bottom:1px solid #3a3a3a}.mkt-depot-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:url(/ui/outfits/checkbox.png) no-repeat 0 0;background-size:15px 60px;border:none;flex-shrink:0;image-rendering:pixelated;margin:0}.mkt-depot-check input[type=checkbox]:hover{background-position:0 -15px}.mkt-depot-check input[type=checkbox]:checked{background-position:0 -30px}.mkt-depot-check input[type=checkbox]:checked:hover{background-position:0 -45px}.mkt-item-label{padding:3px 8px;font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.3px}.mkt-item-list{flex:1;overflow-y:auto;min-height:0}.mkt-item-entry{display:flex;align-items:center;gap:4px;padding:1px 4px;font-size:10px;color:#ccc}.mkt-item-entry:hover{background:#ffffff0d}.mkt-item-entry.active{background:#ffffff14;color:#ddd}.mkt-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkt-item-icon{width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.mkt-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px;border-top:1px solid #3a3a3a;font-size:9px;color:#888}.mkt-pagination button{padding:1px 6px;background:#6495ed26;border:1px solid #555;border-radius:2px;color:#ddd;font-size:9px;font-family:inherit;cursor:pointer}.mkt-pagination button:disabled{opacity:.3;cursor:default}.mkt-search-row{display:flex;align-items:center;gap:2px;padding:3px 4px;border-top:1px solid #3a3a3a}.mkt-search-input{flex:1;background:#0006;border:1px solid #555;border-radius:2px;color:#ddd;padding:2px 4px;font-size:10px;font-family:inherit;outline:none;min-width:0}.mkt-search-input:focus{border-color:#6495ed}.mkt-search-clear{padding:1px 4px;background:#ff505033;border:1px solid #666;border-radius:2px;color:#f88;font-size:9px;font-family:inherit;cursor:pointer}.mkt-right{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.mkt-no-selection{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:11px;font-style:italic;padding:40px;text-align:center}.mkt-offers-panel{padding:6px 8px;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0}.mkt-details-panel,.mkt-myoffers-panel{padding:6px 8px;display:flex;flex-direction:column;gap:4px}.mkt-section-label{font-size:10px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.3px}.mkt-offer-table-wrap{height:112px;overflow-y:auto;border:1px solid #333;border-radius:2px}.mkt-offer-table{width:100%;border-collapse:collapse;font-size:10px}.mkt-offer-table thead{position:sticky;top:0;z-index:1}.mkt-offer-table th{padding:3px 6px;background:#0006;color:#999;font-weight:600;font-size:9px;text-align:left;border-bottom:1px solid #444}.mkt-offer-table td{padding:2px 6px;color:#ccc;border-bottom:1px solid rgba(255,255,255,.04)}.mkt-offer-table tr:hover td{background:#ffffff0d}.mkt-no-offers{color:#666;font-style:italic;text-align:center;padding:8px}.mkt-empty-row td{border-bottom:1px solid rgba(255,255,255,.04)}.mkt-offer-table tbody tr{height:18px}.mkt-accept-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:10px;color:#bbb}.mkt-accept-input{width:40px;padding:2px 4px;background:#0006;border:1px solid #555;border-radius:2px;color:#ddd;font-size:10px;font-family:inherit;text-align:center}.mkt-create-section{margin-top:auto;padding-top:6px;border-top:1px solid #3a3a3a;text-align:right}.mkt-create-inline{display:flex;gap:16px;margin-top:4px;justify-content:flex-end}.mkt-create-left{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.mkt-radio{display:flex;align-items:center;gap:6px;font-size:10px;color:#bbb}.mkt-radio input[type=radio]{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:url(/ui/outfits/checkbox_round.png) no-repeat 0 0;background-size:15px 60px;border:none;border-radius:0;flex-shrink:0;image-rendering:pixelated;margin:0}.mkt-radio input[type=radio]:hover{background-position:0 -15px}.mkt-radio input[type=radio]:checked{background-position:0 -30px}.mkt-radio input[type=radio]:checked:hover{background-position:0 -45px}.mkt-field{display:flex;align-items:center;gap:4px;font-size:10px;color:#bbb}.mkt-field input{width:60px;padding:2px 4px;background:#0006;border:1px solid #555;border-radius:2px;color:#ddd;font-size:10px;font-family:inherit;text-align:center}.mkt-create-right{display:flex;flex-direction:column;gap:3px;justify-content:flex-end;align-items:flex-end}.mkt-summary-row{font-size:9px;color:#999}.mkt-summary-row strong{color:#ffd54f}.mkt-create-btn{padding:4px 12px;background:#6495ed;border:none;border-radius:2px;color:#fff;font-size:10px;font-family:inherit;cursor:pointer;margin-top:2px}.mkt-create-btn:hover{background:#5a85d7}.mkt-create-btn:disabled{opacity:.4;cursor:default}.mkt-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#00000059;border-top:1px solid #4a4a4a}.mkt-bank{display:flex;align-items:center;gap:4px}.mkt-bank-amount{font-size:12px;font-weight:700;color:#ffd54f}.mkt-bank-label{font-size:9px;color:#888}.mkt-bottom-tabs{display:flex;gap:2px}.mkt-bottom-tabs button{padding:4px 12px;background:#2a2a2a;border:1px solid #444;border-radius:2px;color:#aaa;font-size:10px;font-family:inherit;cursor:pointer}.mkt-bottom-tabs button:hover{background:#333;color:#ddd}.mkt-bottom-tabs button.active{background:#3a3a3a;border-color:#555;color:#ddd;font-weight:700}.mkt-tooltip{position:fixed;z-index:200;max-width:280px;padding:6px 10px;background:#1a1a1a;border:1px solid #555;border-radius:3px;color:#ddd;font-size:10px;line-height:1.5;pointer-events:none;box-shadow:0 2px 8px #00000080}.mkt-tooltip-name{color:#00eb00;font-weight:700;font-size:11px}.mkt-tooltip-line{color:#ccc;font-size:10px}.store-overlay{position:fixed;z-index:56;pointer-events:none}.store-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:520px;max-height:620px;background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #5a5a5a;border-radius:4px;box-shadow:0 8px 32px #0009;pointer-events:all;display:flex;flex-direction:column;font-family:Verdana,sans-serif;font-size:11px}.store-titlebar{display:flex;align-items:center;padding:4px 8px;gap:8px;background:#00000059;border-bottom:1px solid #4a4a4a;cursor:move;user-select:none}.store-title{flex:1;color:#ddd;font-weight:700;font-size:12px}.store-coins-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:#0000004d;border:1px solid #555;border-radius:3px;color:#f0d060;font-weight:700;font-size:11px}.store-close{width:16px;height:16px;background:none;border:1px solid #666;border-radius:2px;color:#bbb;cursor:pointer;font-size:10px;line-height:14px;text-align:center;padding:0}.store-close:hover{background:#600;color:#fff}.store-tabs{display:flex;gap:2px;padding:4px 6px;background:#0003;border-bottom:1px solid #4a4a4a}.store-tab{padding:3px 10px;background:#00000040;border:1px solid #555;border-radius:3px;color:#aaa;cursor:pointer;font-size:10px;font-family:inherit}.store-tab:hover{color:#ddd;background:#6495ed26}.store-tab.active{background:#6495ed40;color:#fff;border-color:#6495ed}.store-message{padding:4px 8px;background:#6495ed26;border-bottom:1px solid #4a4a4a;color:#8cb4f0;font-size:10px;text-align:center}.store-grid-scroll{overflow-y:auto;max-height:480px;padding:8px}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.store-empty{grid-column:1 / -1;text-align:center;color:#888;padding:32px 0}.store-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#0000004d;border:1px solid #555;border-radius:4px}.store-card:hover{border-color:#6495ed}.store-card.highlight{border-color:#f0d060;background:#f0d06014}.store-badge{position:absolute;top:4px;right:4px;padding:1px 5px;background:#c03030;color:#fff;font-size:8px;font-weight:700;border-radius:2px;text-transform:uppercase}.store-card-sprite{width:32px;height:32px}.store-card-sprite canvas{width:32px;height:32px}.store-card-name{color:#ddd;font-weight:700;font-size:10px;text-align:center}.store-card-desc{color:#999;font-size:9px;text-align:center}.store-card-price{color:#f0d060;font-weight:700;font-size:10px}.store-card-buy{padding:2px 16px;background:#6495ed4d;border:1px solid #6495ed;border-radius:3px;color:#fff;font-size:10px;font-family:inherit;cursor:pointer}.store-card-buy:hover{background:#6495ed80}.store-card-buy:disabled{opacity:.4;cursor:not-allowed}.store-confirm-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:10}.store-confirm-box{background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #6495ed;border-radius:4px;padding:16px 24px;text-align:center;max-width:280px}.store-confirm-title{color:#fff;font-weight:700;font-size:12px;margin-bottom:8px}.store-confirm-text{color:#ccc;font-size:11px;margin-bottom:12px}.store-confirm-buttons{display:flex;gap:8px;justify-content:center}.store-confirm-yes{padding:4px 16px;background:#6495ed66;border:1px solid #6495ed;border-radius:3px;color:#fff;font-size:11px;font-family:inherit;cursor:pointer}.store-confirm-yes:hover{background:#6495ed99}.store-confirm-no{padding:4px 16px;background:#0000004d;border:1px solid #666;border-radius:3px;color:#bbb;font-size:11px;font-family:inherit;cursor:pointer}.store-confirm-no:hover{background:#00000080;color:#fff}.top-btn.store-btn{width:auto;font-size:10px;font-weight:700;color:#f0d060;padding:0 6px;line-height:20px;font-family:Verdana,sans-serif;white-space:nowrap}.top-btn.store-btn:hover{color:#fff;background:#f0d06033}.top-btn.analytics-btn{width:auto;font-size:10px;font-weight:700;color:#6495ed;padding:0 6px;line-height:20px;font-family:Verdana,sans-serif;white-space:nowrap}.top-btn.analytics-btn:hover{color:#fff;background:#6495ed33}.top-btn.analytics-btn.active{color:#fff;background:#6495ed4d}.top-btn-separator{width:1px;height:16px;background:#555;margin:0 2px;flex-shrink:0}.task-overlay{position:fixed;z-index:50;pointer-events:none}.task-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;max-height:500px;background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #5a5a5a;border-radius:4px;box-shadow:0 8px 32px #0009;pointer-events:all;display:flex;flex-direction:column;font-family:Verdana,sans-serif;font-size:11px}.task-titlebar{display:flex;align-items:center;padding:6px 10px;cursor:grab;background:#0000004d;border-bottom:1px solid #5a5a5a;user-select:none}.task-title{font-weight:700;color:#fff;flex:1;text-shadow:1px 1px 1px #000}.task-close{width:14px;height:14px;border:1px solid #888;background:#0000004d;border-radius:2px;cursor:pointer;position:relative;padding:0}.task-close:before,.task-close:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1px;background:#ccc}.task-close:before{transform:translate(-50%,-50%) rotate(45deg)}.task-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.task-close:hover{background:#c83c3c80}.task-toolbar{padding:6px 8px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #5a5a5a;background:#00000026}.task-search{flex:1;background:#0006;border:1px solid #666;border-radius:3px;padding:3px 6px;color:#ddd;font-size:11px;font-family:inherit;outline:none}.task-search:focus{border-color:#6495ed}.task-filters{display:flex;gap:2px}.task-filter-btn{padding:2px 6px;font-size:10px;font-family:inherit;background:#0000004d;border:1px solid #555;border-radius:2px;color:#aaa;cursor:pointer}.task-filter-btn.active{color:#fff;border-color:#6495ed;background:#6495ed33}.task-filter-btn:hover{color:#fff}.task-list{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:6px;max-height:400px}.task-empty{padding:20px;text-align:center;color:#888}.task-card{background:#0000004d;border:1px solid #555;border-radius:4px;padding:8px}.task-card.active{border-color:#6495ed}.task-card.completed{border-color:#4a4a4a;opacity:.7}.task-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.task-card-header .char-outfit-canvas{flex-shrink:0}.task-card-info{flex:1;display:flex;justify-content:space-between;align-items:center}.task-card-name{font-weight:700;color:#fff;text-shadow:1px 1px 1px #000}.task-card-tier{font-size:10px;color:#6495ed;background:#6495ed26;padding:1px 5px;border-radius:2px}.task-card-subtitle{display:flex;align-items:center;color:#aaa;font-size:10px;margin-bottom:4px}.task-progress-bar{position:relative;height:14px;background:#0006;border:1px solid #555;border-radius:2px;margin-bottom:4px;overflow:hidden}.task-progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#6495ed,#4070c0);border-radius:1px;transition:width .3s ease}.task-progress-fill.mission-fill{background:linear-gradient(180deg,#50b050,#308030)}.task-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;text-shadow:1px 1px 1px #000;z-index:1}.task-rewards{display:flex;gap:8px;margin-bottom:4px;flex-wrap:wrap}.task-reward-xp{color:#8cf;font-size:10px}.task-reward-xp:before{content:"★ ";color:#8cf}.task-reward-gold{color:#f0d060;font-size:10px}.task-reward-gold:before{content:"● ";color:#f0d060}.task-reward-item{color:#ccc;font-size:10px}.task-actions{display:flex;gap:4px;align-items:center}.task-btn{padding:2px 10px;font-size:10px;font-family:inherit;border-radius:2px;cursor:pointer;border:1px solid}.task-btn.accept{background:#6495ed4d;border-color:#6495ed;color:#6495ed}.task-btn.accept:hover{background:#6495ed80;color:#fff}.task-btn.complete{background:#50b0504d;border-color:#50b050;color:#50b050}.task-btn.complete:hover{background:#50b05080;color:#fff}.task-btn.abandon{background:#b43c3c33;border-color:#844;color:#a66}.task-btn.abandon:hover{background:#b43c3c66;color:#c88}.task-completed-badge{color:#888;font-size:10px;font-style:italic}.sidebar-tracker-row{display:flex;align-items:center;gap:4px;padding:2px 4px;cursor:pointer}.sidebar-tracker-row:hover{background:#ffffff0d}.sidebar-tracker-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#ccc}.sidebar-tracker-bar{width:60px;height:6px;background:#0006;border:1px solid #555;border-radius:1px;overflow:hidden;flex-shrink:0}.sidebar-tracker-fill{height:100%;background:#6495ed;border-radius:1px;transition:width .3s ease}.sidebar-tracker-fill.mission{background:#50b050}.sidebar-tracker-count{font-size:9px;color:#888;min-width:40px;text-align:right}.pred-event-list{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto;padding:4px}.pred-event-card{background:#1e1e1e;border:1px solid #333;border-radius:3px;padding:8px;cursor:pointer}.pred-event-card:hover{border-color:#6495ed}.pred-question{font-size:11px;font-weight:700;color:#ddd;margin-bottom:6px}.pred-odds-bar{display:flex;height:18px;border-radius:2px;overflow:hidden;font-size:8px;font-weight:700}.pred-yes-bar{background:#2e7d32;color:#fff;display:flex;align-items:center;justify-content:center;min-width:30px;transition:width .3s}.pred-no-bar{background:#c62828;color:#fff;display:flex;align-items:center;justify-content:center;min-width:30px;flex:1;transition:width .3s}.pred-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:9px;color:#888}.pred-bet-buttons{display:flex;gap:8px;margin-top:8px}.pred-bet-yes,.pred-bet-no{flex:1;padding:8px;border:none;border-radius:3px;font-size:10px;font-weight:700;font-family:inherit;cursor:pointer;color:#fff}.pred-bet-yes{background:#2e7d32}.pred-bet-yes:hover{background:#388e3c}.pred-bet-no{background:#c62828}.pred-bet-no:hover{background:#d32f2f}.pred-bet-yes:disabled,.pred-bet-no:disabled{opacity:.4;cursor:default}.sm-dialog{min-width:520px}.sm-main-tabs button.active{border-bottom-color:#ffd54f;color:#ffd54f}.market-subtabs{display:flex;border-bottom:1px solid #333;background:#00000026}.market-subtabs button{flex:1;padding:4px 6px;background:none;border:none;border-bottom:2px solid transparent;color:#888;font-size:10px;font-family:inherit;cursor:pointer}.market-subtabs button:hover{color:#ccc}.market-subtabs button.active{color:#6495ed;border-bottom-color:#6495ed}.market-subtabs button:disabled{opacity:.3;cursor:default}.sm-dashboard{padding:10px;display:flex;flex-direction:column;gap:8px}.sm-dashboard-card{background:#1e1e1e;border:1px solid #333;border-radius:3px;padding:8px 10px}.sm-card-header{font-size:11px;font-weight:700;color:#ffd54f;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sm-card-body{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.sm-stat-row{display:flex;justify-content:space-between;font-size:10px}.sm-stat-label{color:#888}.sm-stat-value{color:#ddd;font-weight:600}.sm-card-link{display:block;width:100%;padding:4px 8px;background:#6495ed1f;border:1px solid rgba(100,149,237,.3);border-radius:2px;color:#6495ed;font-size:10px;font-family:inherit;cursor:pointer;text-align:center}.sm-card-link:hover{background:#6495ed33;border-color:#6495ed}.bot-bar{height:20px;display:flex;align-items:center;padding:0 4px;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #333}.bot-bar-btn{height:16px;padding:0 8px;display:flex;align-items:center;gap:4px;background:url(/ui/textures/stone-bg.png) repeat;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a;color:#c8c8c8;font-size:10px;font-weight:700;font-family:inherit;cursor:default;opacity:.7}.bot-bar-btn:hover{opacity:1}.bot-bar-btn.active{opacity:1;border-top-color:#2a2a2a;border-left-color:#2a2a2a;border-bottom-color:#5a5a5a;border-right-color:#5a5a5a}.bot-bar-btn.bot-active-pulse .bot-dot,.bot-active-pulse .bot-dot{animation:bot-pulse 1.5s ease-in-out infinite}.bot-dot{width:6px;height:6px;border-radius:50%;background:#2ecc71;flex-shrink:0}@keyframes bot-pulse{0%,to{opacity:1}50%{opacity:.3}}.bot-dialog{position:fixed;top:80px;left:50px;width:440px;background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #555;border-top-color:#6a6a6a;border-left-color:#6a6a6a;z-index:50;display:flex;flex-direction:column;box-shadow:0 4px 20px #0009}.bot-titlebar{height:24px;display:flex;align-items:center;gap:4px;padding:0 4px;background:#0000004d;cursor:move;user-select:none}.bot-title{color:#ee4;font-size:11px;font-weight:700;flex-shrink:0}.bot-profile-select{flex:1;min-width:0;height:18px;background:#222;color:#ccc;border:1px solid #555;font-size:9px;font-family:inherit;padding:0 2px}.bot-save-btn{height:16px;padding:0 4px;background:#333;color:#aaa;border:1px solid #555;font-size:9px;font-family:inherit;cursor:pointer}.bot-save-btn:hover{background:#444;color:#fff}.bot-master-toggle{height:16px;min-width:28px;padding:0 4px;border:1px solid;font-size:9px;font-weight:700;font-family:inherit;cursor:pointer;border-radius:2px}.bot-master-toggle.on{background:#1a5c1a;border-color:#2ecc71;color:#2ecc71}.bot-master-toggle.off{background:#5c1a1a;border-color:#c0392b;color:#e74c3c}.bot-collapse-btn,.bot-close-btn{width:16px;height:16px;background:#333;color:#aaa;border:1px solid #555;font-size:11px;font-family:monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.bot-collapse-btn:hover,.bot-close-btn:hover{background:#444;color:#fff}.bot-content{display:flex;min-height:300px;max-height:500px}.bot-tabs{width:62px;display:flex;flex-direction:column;background:#0003;border-right:1px solid #444;flex-shrink:0}.bot-tab{padding:6px 2px;background:none;border:none;border-bottom:1px solid #333;color:#888;font-size:9px;font-family:inherit;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px}.bot-tab:hover{background:#6495ed1a;color:#bbb}.bot-tab.active{background:#6495ed33;color:#6495ed}.bot-tab.enabled:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#2ecc71;margin-top:2px}.bot-tab-icon{font-size:14px}.bot-tab-label{font-size:8px;text-transform:uppercase;letter-spacing:.3px}.bot-tab-content{flex:1;overflow-y:auto;padding:8px;min-width:0}.bot-section-header{margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #444}.bot-section-header label{display:flex;align-items:center;gap:4px;color:#ddd;font-size:10px;cursor:pointer}.bot-subsection{margin:6px 0;padding:4px 0;border-top:1px solid #333}.bot-subsection label{display:flex;align-items:center;gap:4px;color:#bbb;font-size:10px;cursor:pointer}.bot-rules-list{display:flex;flex-direction:column;gap:4px}.bot-rule{background:#00000040;border:1px solid #444;border-radius:2px;padding:4px 6px}.bot-rule.disabled{opacity:.5}.bot-rule-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:2px 0;font-size:10px;color:#bbb}.bot-rule-row select{height:18px;background:#222;color:#ccc;border:1px solid #555;font-size:9px;font-family:inherit;padding:0 2px}.bot-input-small{width:45px;height:18px;background:#222;color:#ccc;border:1px solid #555;font-size:9px;font-family:inherit;text-align:center;padding:0 2px}.bot-input-tiny{width:35px;height:16px;background:#222;color:#ccc;border:1px solid #555;font-size:9px;font-family:inherit;text-align:center;padding:0 1px}.bot-rule-cd{display:flex;align-items:center;gap:2px;color:#888;font-size:9px;margin-left:auto}.bot-rule-emergency{display:flex;align-items:center;gap:2px;font-size:9px;color:#e74c3c;cursor:pointer}.bot-rule-delete{width:16px;height:16px;background:#3a1a1a;color:#c0392b;border:1px solid #5a2a2a;font-size:10px;font-family:monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.bot-rule-delete:hover{background:#5a2a2a;color:#e74c3c}.bot-add-btn{margin-top:6px;height:20px;padding:0 8px;background:#6495ed26;border:1px solid #6495ed;color:#6495ed;font-size:9px;font-weight:700;font-family:inherit;cursor:pointer;border-radius:2px}.bot-add-btn:hover{background:#6495ed4d}.bot-empty{text-align:center;color:#666;font-size:10px;padding:12px 0}.bot-statusbar{height:18px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#00000059;border-top:1px solid #444;font-size:9px;color:#888}.bot-status-dot{width:6px;height:6px;border-radius:50%;background:#555;flex-shrink:0}.bot-status-dot.active{background:#2ecc71}.bot-status-state{color:#aaa;text-transform:capitalize}.bot-status-sep{color:#444}.bot-save-overlay{position:fixed;inset:0;background:#00000080;z-index:60;display:flex;align-items:center;justify-content:center}.bot-save-box{background:url(/ui/textures/stone-bg.png) repeat;border:2px solid #555;padding:12px;min-width:240px}.bot-save-title{color:#ee4;font-size:11px;font-weight:700;margin-bottom:8px}.bot-save-input{width:100%;height:22px;background:#222;color:#ccc;border:1px solid #555;font-size:10px;font-family:inherit;padding:0 6px;margin-bottom:8px}.bot-save-buttons{display:flex;gap:6px;justify-content:flex-end}.bot-save-confirm,.bot-save-cancel{height:20px;padding:0 10px;font-size:9px;font-weight:700;font-family:inherit;cursor:pointer;border-radius:2px}.bot-save-confirm{background:#1a5c1a;border:1px solid #2ecc71;color:#2ecc71}.bot-save-confirm:hover{background:#2a7a2a}.bot-save-cancel{background:#333;border:1px solid #555;color:#aaa}.bot-save-cancel:hover{background:#444}