:root{--deep: #44422D;--dark: #443223;--mid: #72583E;--olive: #7C7960;--warm: #A08670;--parchment: #DBC4A5;--mauve: #755151;--cream: #FFF9F3;--green: #5a7247;--blue: #4a6a7a;--shadow: rgba(30,25,15,.6);--border: rgba(219,196,165,.12)}#hud{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:100!important;display:block!important;flex-direction:unset!important}#hud>*{pointer-events:auto}.panel{background:var(--dark);border:3px solid var(--mid);border-radius:4px;box-shadow:0 2px 12px var(--shadow),inset 0 1px #dbc4a50d}.panel-inner{background:var(--deep);border:2px solid rgba(114,88,62,.4);border-radius:2px;margin:4px}#player-frame{position:absolute;top:12px;left:12px;display:flex;gap:8px;align-items:flex-start}.player-portrait{width:52px;height:52px;background:var(--dark);border:3px solid var(--mid);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 2px 8px var(--shadow);position:relative}.player-level{position:absolute;bottom:-4px;right:-4px;background:var(--mid);border:2px solid var(--warm);border-radius:50%;width:20px;height:20px;font-size:9px;color:var(--cream);display:flex;align-items:center;justify-content:center}.player-bars{display:flex;flex-direction:column;gap:3px;padding-top:4px}.player-bar{width:140px;height:14px;background:var(--deep);border:2px solid var(--mid);border-radius:2px;position:relative;overflow:hidden}.player-bar-fill{position:absolute;inset:1px;border-radius:1px;transition:width .3s}.bar-hp .player-bar-fill{background:linear-gradient(180deg,#7a5555,#5a3535);width:75%}.bar-sta .player-bar-fill{background:linear-gradient(180deg,#6a7a55,#4a5a35);width:60%}.bar-xp .player-bar-fill{background:linear-gradient(180deg,#6a6a4a,#4a4a2a);width:35%}.player-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:2}.player-bar-icon{position:absolute;left:3px;top:50%;transform:translateY(-50%);font-size:8px;z-index:2}#buff-row{display:flex;gap:3px;margin-top:6px}.buff-icon{width:28px;height:28px;background:var(--dark);border:2px solid var(--mid);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative;cursor:default}.buff-timer{position:absolute;bottom:-1px;right:0;font-size:7px;color:var(--olive);background:#1e190fcc;padding:0 2px;border-radius:1px}#zone-bar{position:absolute;top:12px;left:50%;transform:translate(-50%);text-align:center}.zone-name{font-size:14px;color:var(--cream);letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5);text-transform:uppercase}.zone-subtitle{font-size:9px;color:var(--olive);letter-spacing:1px;margin-top:2px}#top-right{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.minimap-frame{width:160px;height:160px;position:relative}.minimap-frame .panel{width:100%;height:100%}.minimap-canvas{width:calc(100% - 14px);height:calc(100% - 14px);margin:7px;border-radius:2px;background:radial-gradient(circle at 60% 40%,#3a4a28,#2a3518);position:relative;overflow:hidden}.minimap-dot{position:absolute;width:5px;height:5px;border-radius:50%}.minimap-dot.player{top:50%;left:50%;margin:-2.5px;background:var(--cream);box-shadow:0 0 4px #fff9f399;z-index:3}.minimap-dot.enemy{background:var(--mauve)}.minimap-dot.npc{background:#8ab4c8;width:4px;height:4px}.minimap-compass{position:absolute;top:3px;right:6px;font-size:8px;color:var(--olive)}.minimap-coords{position:absolute;bottom:3px;left:6px;font-size:7px;color:var(--olive)}.quest-panel{width:200px;max-height:160px;overflow:hidden}.quest-panel .panel{padding:8px 10px}.quest-header{font-size:9px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;border-bottom:1px solid var(--border);padding-bottom:4px}.quest-entry{margin-bottom:6px}.quest-name{font-size:11px;color:var(--parchment)}.quest-obj{font-size:9px;color:var(--olive);padding-left:10px;margin-top:1px}.quest-obj.done{color:var(--warm);text-decoration:line-through}.quest-progress{color:var(--olive);float:right}#target-frame{position:absolute;top:12px;left:220px;display:flex;gap:8px;align-items:center}.target-portrait{width:40px;height:40px;background:var(--dark);border:3px solid var(--mauve);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px}.target-info{display:flex;flex-direction:column;gap:2px}.target-name{font-size:11px;color:var(--mauve)}.target-level{font-size:8px;color:var(--olive)}.target-hp{width:120px;height:10px;background:var(--deep);border:2px solid rgba(117,81,81,.5);border-radius:2px;position:relative;overflow:hidden}.target-hp-fill{position:absolute;inset:1px;border-radius:1px;background:var(--mauve);width:45%}#chat-panel{position:absolute;bottom:12px;left:12px;width:300px;height:200px}.chat-frame{width:100%;height:100%;display:flex;flex-direction:column}.chat-frame .panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-tabs{display:flex;gap:1px;padding:4px 4px 0}.chat-tab{padding:3px 10px;font-size:9px;color:var(--olive);background:var(--deep);border:1px solid var(--mid);border-bottom:none;border-radius:3px 3px 0 0;cursor:pointer}.chat-tab.active{background:var(--mid);color:var(--cream)}.chat-messages{flex:1;overflow-y:auto;padding:6px 8px;font-size:10px;line-height:1.5;background:var(--deep);margin:0 4px;border:1px solid rgba(114,88,62,.3)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--mid);border-radius:2px}.chat-msg-system{color:var(--olive);font-style:italic}.chat-msg-combat .dmg{color:var(--mauve)}.chat-msg-combat .heal{color:var(--green)}.chat-msg-local .name{color:var(--cream)}.chat-msg-local .text{color:var(--parchment)}.chat-msg-whisper .name{color:var(--warm);font-style:italic}.chat-msg-xp{color:var(--warm)}.chat-input-row{padding:4px}.chat-input{width:100%;background:var(--warm);border:2px solid var(--mid);border-radius:2px;padding:5px 8px;color:var(--cream);font-family:inherit;font-size:10px;outline:none}.chat-input:focus{border-color:var(--cream)}#center-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:10px}.pillar{display:flex;flex-direction:column;align-items:center;width:38px}.pillar-vessel{width:30px;height:110px;position:relative;background:var(--deep);border:3px solid var(--mid);border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 6px #00000080}.pillar-fill{position:absolute;bottom:0;left:0;right:0;transition:height .5s ease}.pillar-fill.hp{background:linear-gradient(180deg,#8a5555,#5a3535);height:75%}.pillar-fill.stam{background:linear-gradient(180deg,#6a7a55,#3a4a25);height:60%}.pillar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:2;flex-direction:column;gap:1px}.pillar-label-val{font-size:10px}.pillar-icon{font-size:14px;margin-top:4px}.action-bar{display:flex;flex-direction:column;align-items:center;gap:4px}.skill-row{display:flex;gap:4px}.skill-slot{width:48px;height:48px;background:var(--deep);border:3px solid var(--mid);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;cursor:pointer;transition:border-color .15s;box-shadow:inset 0 2px 4px #0000004d}.skill-slot:hover{border-color:var(--cream)}.skill-key{position:absolute;bottom:2px;right:3px;font-size:8px;color:var(--olive)}.skill-cooldown{position:absolute;inset:3px;background:#44422db3;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--olive)}.potion-row{display:flex;gap:3px}.potion-slot{width:28px;height:28px;background:var(--deep);border:2px solid var(--mid);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;position:relative}.potion-slot:hover{border-color:var(--warm)}.potion-count{position:absolute;bottom:0;right:1px;font-size:7px;color:var(--cream);background:#1e190fcc;padding:0 2px;border-radius:1px}.xp-bar-bottom{width:220px;height:8px;background:var(--deep);border:2px solid var(--mid);border-radius:3px;position:relative;overflow:hidden}.xp-bar-fill{position:absolute;inset:1px;border-radius:1px;background:linear-gradient(90deg,#5a5a3a,#7a7a4a);width:35%}.xp-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:7px;color:var(--olive);z-index:2}#menu-panel{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;gap:4px}.menu-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;min-width:110px;background:var(--dark);border:2px solid var(--mid);border-radius:3px;color:var(--parchment);font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s;text-align:left}.menu-btn:hover{background:var(--mid);color:var(--cream);border-color:var(--warm)}.menu-btn.active{background:var(--mid);color:var(--cream);border-left:3px solid var(--cream)}.menu-btn-icon{font-size:14px;width:18px;text-align:center}.menu-sep{height:1px;background:var(--border);margin:2px 0}.gold-display{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;color:var(--cream);background:var(--dark);border:2px solid var(--mid);border-radius:3px;margin-bottom:4px;justify-content:center}#toast-area{position:absolute;top:60px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:300;width:220px}.toast-msg{padding:8px 12px;border-radius:3px;font-size:10px;background:var(--dark);border:2px solid var(--mid);box-shadow:0 2px 8px var(--shadow);animation:toast-in .3s ease}.toast-msg.loot{border-left:3px solid var(--warm);color:var(--cream)}.toast-msg.quest{border-left:3px solid var(--green);color:var(--green)}.toast-msg.system{border-left:3px solid var(--olive);color:var(--olive)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.item-tooltip{position:absolute;z-index:400;width:220px;padding:10px;background:var(--dark);border:2px solid var(--mid);border-radius:4px;box-shadow:0 4px 16px var(--shadow);pointer-events:none;display:none}.tooltip-name{font-size:13px;margin-bottom:4px}.tooltip-name.common{color:var(--parchment)}.tooltip-name.uncommon{color:var(--green)}.tooltip-name.rare{color:var(--blue)}.tooltip-name.epic{color:#9a6aaa}.tooltip-type{font-size:9px;color:var(--olive);margin-bottom:6px}.tooltip-stats{font-size:10px;color:var(--parchment);line-height:1.5}.tooltip-stat-val{color:var(--cream)}.tooltip-flavor{font-size:9px;color:var(--olive);font-style:italic;margin-top:6px;border-top:1px solid var(--border);padding-top:4px}#inv-overlay{right:140px;bottom:12px;width:380px}.inv-frame{display:flex;gap:0}.inv-equip{width:160px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.inv-equip-title{font-size:10px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.equip-grid{display:grid;grid-template-columns:40px 50px 40px;grid-template-rows:repeat(4,40px);gap:3px;align-items:center;justify-items:center}.equip-slot{width:36px;height:36px;background:var(--deep);border:2px solid var(--mid);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.equip-slot.filled{border-color:var(--olive)}.equip-body{width:46px;height:60px;border-radius:4px;grid-row:2/4}.inv-backpack{flex:1;padding:8px}.inv-backpack-title{font-size:10px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.backpack-grid{display:grid;grid-template-columns:repeat(5,36px);grid-template-rows:repeat(4,36px);gap:3px}.backpack-slot{width:36px;height:36px;background:var(--deep);border:2px solid rgba(114,88,62,.4);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:border-color .15s}.backpack-slot:hover{border-color:var(--warm)}.backpack-slot.filled{border-color:var(--mid)}.inv-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-top:1px solid var(--border);font-size:10px}.overlay-panel{position:absolute;display:none;z-index:500}.overlay-panel.open{display:block}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border)}.panel-title{font-size:12px;color:var(--cream);letter-spacing:1px;text-transform:uppercase}.panel-close{cursor:pointer;color:var(--olive);font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--mid);border-radius:2px;background:none;transition:all .15s}.panel-close:hover{background:var(--mauve);color:var(--cream)}.panel-body{padding:10px}.panel-section{margin-bottom:10px}.panel-section-title{font-size:9px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border)}.panel-divider{height:1px;background:var(--border);margin:8px 0}#stats-overlay{right:140px;bottom:12px;width:420px}.stats-layout{display:flex;gap:0}.stats-left{width:160px;padding:10px;border-right:1px solid var(--border)}.stats-right{flex:1;padding:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px}.stat-name{color:var(--olive)}.stat-val{color:var(--cream);font-weight:700}.stat-mod{color:var(--warm);font-size:10px}.stat-bar-mini{width:60px;height:6px;background:var(--deep);border:1px solid var(--mid);border-radius:2px;overflow:hidden}.stat-bar-mini-fill{height:100%;border-radius:1px}.class-badge{display:inline-block;padding:3px 10px;background:var(--mid);color:var(--cream);border-radius:3px;font-size:10px;letter-spacing:1px;margin-bottom:6px}.faction-badge{display:inline-block;padding:2px 8px;background:var(--deep);color:var(--olive);border:1px solid var(--mid);border-radius:2px;font-size:9px}.skill-tree-row{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid rgba(219,196,165,.06)}.skill-pips{display:flex;gap:2px}.skill-pip{width:8px;height:8px;border-radius:2px;border:1px solid var(--mid);background:var(--deep)}.skill-pip.filled{background:var(--warm);border-color:var(--parchment)}.skill-name{font-size:10px;color:var(--parchment);flex:1}.skill-type{font-size:8px;color:var(--olive)}.skill-equip-slots{display:flex;gap:4px;margin-top:6px}.skill-equip-slot{width:36px;height:36px;background:var(--deep);border:2px solid var(--mid);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px}.skill-equip-slot.filled{border-color:var(--warm)}.stat-points-badge{font-size:10px;color:var(--cream);background:var(--mauve);padding:2px 8px;border-radius:10px}#journal-overlay{right:140px;bottom:12px;width:400px;max-height:420px}.journal-tabs{display:flex;gap:1px;padding:0 10px}.journal-tab{padding:5px 12px;font-size:9px;color:var(--olive);background:var(--deep);border:1px solid var(--mid);border-bottom:none;border-radius:3px 3px 0 0;cursor:pointer;font-family:inherit}.journal-tab.active{background:var(--mid);color:var(--cream)}.journal-list{max-height:280px;overflow-y:auto;padding:8px}.journal-list::-webkit-scrollbar{width:4px}.journal-list::-webkit-scrollbar-thumb{background:var(--mid);border-radius:2px}.journal-quest{padding:8px;border:1px solid var(--mid);border-radius:3px;margin-bottom:6px;cursor:pointer;transition:all .15s;background:var(--deep)}.journal-quest:hover{border-color:var(--warm);background:#a0867014}.journal-quest.active-quest{border-left:3px solid var(--warm)}.journal-quest-name{font-size:11px;color:var(--parchment);margin-bottom:2px}.journal-quest-giver{font-size:9px;color:var(--olive)}.journal-quest-reward{font-size:9px;color:var(--warm);margin-top:4px;display:flex;gap:8px}.journal-quest-status{font-size:8px;padding:1px 6px;border-radius:2px;float:right}.jqs-active{background:var(--green);color:var(--cream)}.jqs-complete{background:var(--warm);color:var(--cream)}#guild-overlay{right:140px;bottom:12px;width:380px;max-height:400px}.guild-info-bar{display:flex;justify-content:space-between;padding:6px 10px;font-size:9px;color:var(--olive);border-bottom:1px solid var(--border)}.guild-member-list{max-height:200px;overflow-y:auto;padding:6px}.guild-member{display:flex;align-items:center;gap:8px;padding:5px 6px;border-bottom:1px solid rgba(219,196,165,.06);font-size:10px}.guild-member:last-child{border-bottom:none}.guild-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.guild-dot.online{background:var(--green)}.guild-dot.offline{background:var(--mauve)}.guild-member-name{flex:1;color:var(--parchment)}.guild-member-class{color:var(--olive);width:60px}.guild-member-lvl{color:var(--olive);width:30px;text-align:right}.guild-member-rank{color:var(--warm);width:60px;text-align:right}.guild-actions{display:flex;gap:4px;padding:8px;border-top:1px solid var(--border);flex-wrap:wrap}.guild-btn{padding:5px 10px;background:var(--dark);border:1px solid var(--mid);border-radius:2px;color:var(--parchment);font-size:9px;cursor:pointer;font-family:inherit;transition:all .15s}.guild-btn:hover{background:var(--mid);color:var(--cream)}#map-overlay{position:absolute;inset:40px;z-index:600;display:none;background:var(--dark);border:3px solid var(--mid);border-radius:6px;box-shadow:0 8px 40px #000000b3;overflow:hidden}#map-overlay.open{display:flex;flex-direction:column}.wmap-viewport{flex:1;position:relative;overflow:hidden;background:linear-gradient(180deg,#2a3220,#1e2810)}.wmap-node{position:absolute;transform:translate(-50%,-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s;z-index:3}.wmap-node:hover{transform:translate(-50%,-50%) scale(1.1)}.wmap-icon{width:44px;height:44px;background:var(--dark);border:3px solid var(--mid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px var(--shadow)}.wmap-node.current .wmap-icon{border-color:var(--cream);box-shadow:0 0 12px #fff9f333}.wmap-node.locked{opacity:.3;cursor:not-allowed}.wmap-label{font-size:9px;color:var(--parchment);white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}.wmap-node.current .wmap-label{color:var(--cream)}.wmap-path{position:absolute;z-index:1;border-top:2px dashed rgba(160,134,112,.3);transform-origin:left center}.wmap-path.unlocked{border-top-color:var(--warm);border-top-style:solid}.wmap-legend{padding:8px 12px;display:flex;gap:16px;font-size:9px;color:var(--olive);border-top:1px solid var(--border)}.wmap-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}#settings-overlay{right:140px;bottom:12px;width:320px}.setting-group{margin-bottom:12px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px}.setting-label{color:var(--parchment)}.setting-toggle{width:36px;height:18px;background:var(--deep);border:2px solid var(--mid);border-radius:9px;cursor:pointer;position:relative;transition:all .2s}.setting-toggle.on{background:var(--green);border-color:#6e8a5a}.setting-toggle:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;background:var(--cream);border-radius:50%;transition:left .2s}.setting-toggle.on:after{left:19px}.setting-slider{width:80px;height:6px;background:var(--deep);border:1px solid var(--mid);border-radius:3px;appearance:none;cursor:pointer}.setting-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--cream);border-radius:50%;border:2px solid var(--mid);cursor:pointer}.setting-select{background:var(--deep);border:1px solid var(--mid);border-radius:2px;color:var(--parchment);padding:3px 8px;font-size:10px;font-family:inherit}#dialog-overlay{position:absolute;bottom:230px;left:50%;transform:translate(-50%);width:480px;z-index:550;display:none}#dialog-overlay.open{display:block}.dialog-frame{display:flex;gap:10px;align-items:flex-start}.dialog-portrait{width:64px;height:64px;background:var(--dark);border:3px solid var(--mid);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.dialog-content{flex:1}.dialog-speaker{font-size:12px;color:var(--cream);margin-bottom:4px}.dialog-text{font-size:11px;color:var(--parchment);line-height:1.6;margin-bottom:10px}.dialog-choices{display:flex;flex-direction:column;gap:4px}.dialog-choice{padding:6px 12px;background:var(--deep);border:2px solid var(--mid);border-radius:3px;color:var(--parchment);font-size:10px;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s}.dialog-choice:hover{border-color:var(--warm);background:#a0867014;color:var(--cream)}.dialog-choice-skill{font-size:8px;color:var(--olive);border:1px solid var(--olive);border-radius:2px;padding:1px 5px;margin-left:6px}#shop-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:520px;z-index:550;display:none}#shop-overlay.open{display:block}.shop-layout{display:flex;gap:0}.shop-col{flex:1;padding:8px}.shop-col:first-child{border-right:1px solid var(--border)}.shop-col-title{font-size:10px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.shop-item{display:flex;align-items:center;gap:6px;padding:5px 6px;border-bottom:1px solid rgba(219,196,165,.06);font-size:10px;cursor:pointer;transition:background .15s}.shop-item:hover{background:#a0867014}.shop-item-icon{font-size:16px;width:24px;text-align:center}.shop-item-name{flex:1;color:var(--parchment)}.shop-item-price{color:var(--warm)}.shop-actions{display:flex;justify-content:space-between;padding:8px;border-top:1px solid var(--border);font-size:10px}.shop-buy-btn{padding:5px 16px;background:var(--mid);color:var(--cream);border:2px solid var(--warm);border-radius:3px;font-size:10px;cursor:pointer;font-family:inherit}#trade-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:460px;z-index:550;display:none}#trade-overlay.open{display:block}.trade-layout{display:flex;gap:0}.trade-col{flex:1;padding:10px}.trade-col:first-child{border-right:1px solid var(--border)}.trade-col-title{font-size:10px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.trade-slots{display:grid;grid-template-columns:repeat(3,36px);gap:3px;margin-bottom:8px}.trade-slot{width:36px;height:36px;background:var(--deep);border:2px solid rgba(114,88,62,.4);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px}.trade-slot.filled{border-color:var(--mid)}.trade-gold-row{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--parchment)}.trade-gold-input{width:60px;background:var(--deep);border:1px solid var(--mid);border-radius:2px;padding:3px 6px;color:var(--cream);font-family:inherit;font-size:10px;text-align:right}.trade-status{display:flex;align-items:center;gap:4px;font-size:9px;margin-top:6px}.trade-status-dot{width:8px;height:8px;border-radius:50%}.trade-status-dot.ready{background:var(--green)}.trade-status-dot.waiting{background:#b8a040}.trade-bottom{display:flex;justify-content:space-between;padding:8px;border-top:1px solid var(--border)}.trade-btn{padding:5px 16px;border:2px solid var(--mid);border-radius:3px;font-size:10px;cursor:pointer;font-family:inherit}.trade-btn-accept{background:var(--green);color:var(--cream);border-color:#6e8a5a}.trade-btn-cancel{background:var(--dark);color:var(--mauve);border-color:var(--mauve)}#death-overlay{position:absolute;inset:0;z-index:9000;display:none;background:#140f0ad9;flex-direction:column;align-items:center;justify-content:center;gap:12px}#death-overlay.open{display:flex}.death-title{font-size:28px;color:var(--mauve);letter-spacing:4px;text-transform:uppercase}.death-subtitle{font-size:12px;color:var(--olive)}.death-timer{font-size:14px;color:var(--parchment);margin-top:8px}.death-respawn-btn{margin-top:12px;padding:10px 28px;background:var(--mid);color:var(--cream);border:2px solid var(--warm);border-radius:4px;font-size:13px;cursor:pointer;font-family:inherit;letter-spacing:1px}.death-respawn-btn:hover{background:var(--warm)}.death-respawn-btn:disabled{opacity:.3;cursor:not-allowed}#levelup-overlay{position:absolute;inset:0;z-index:8000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}#levelup-overlay.open{display:flex}.levelup-burst{font-size:48px;color:var(--cream);letter-spacing:6px;text-transform:uppercase;text-shadow:0 0 30px rgba(255,249,243,.3),0 2px 12px rgba(0,0,0,.8);animation:levelup-pop 1.5s ease forwards}.levelup-level{font-size:20px;color:var(--warm);letter-spacing:3px;animation:levelup-fade 1.5s ease .3s forwards;opacity:0}.levelup-rewards{font-size:11px;color:var(--parchment);text-align:center;line-height:1.6;animation:levelup-fade 1.5s ease .6s forwards;opacity:0}@keyframes levelup-pop{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes levelup-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.minimap-frame{width:120px;height:120px}.quest-panel{display:none}#chat-panel{width:240px;height:160px}.skill-slot{width:40px;height:40px;font-size:16px}.pillar-vessel{height:80px;width:26px}.menu-btn span:last-child{display:none}.menu-btn{min-width:auto;padding:6px 8px}#inv-overlay{width:320px}}#zone-bar,#top-right,#center-bar,#menu-panel{display:none!important}#hud.hud-active~#location-indicator,#hud.hud-active~#status-panel,#ui-layer>#edge-tabs,#ui-layer>.slide-panel,#ui-layer>#m-hud-strip,#ui-layer>#m-tab-bar,#ui-layer>#m-tab-submenu{display:none!important}#hud.hud-active .hud-panel:not(.hidden){display:block!important}#hud.hud-active #player-frame,#hud.hud-active #chat-panel,#hud.hud-active #action-bar,#hud.hud-active #minimap,#hud.hud-active #quest-tracker{display:block!important}#hud.hud-active #toast-area{display:flex!important}#action-bar{background:none!important;border:none!important;box-shadow:none!important}#combat-log,#action-bar-inner{display:none!important}@media(min-width:769px){#thumb-bar{display:none!important}}@keyframes pillar-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) saturate(1.5)}}.pillar.pillar-low .pillar-fill{animation:pillar-pulse 1.2s ease-in-out infinite}.player-portrait.in-combat{border-color:var(--mauve);box-shadow:0 0 8px #75515180}@keyframes gold-flash{0%{color:var(--cream)}50%{color:#ebb85b;text-shadow:0 0 6px rgba(235,184,91,.5)}to{color:var(--cream)}}.gold-flash{animation:gold-flash .5s ease}.toast-msg.achievement{border-left:3px solid #9a6aaa;color:#c09ad0}.toast-msg.combat{border-left:3px solid var(--mauve);color:var(--mauve)}@keyframes hud-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#hud.hud-active.hud-enter>*{animation:hud-fade-in .3s ease-out both}#hud.hud-active~#guild-overlay,#guild-overlay:not(.overlay-panel),#worldmap-overlay:not(.overlay-panel),style#guild-ui-styles+#guild-overlay{display:none!important}#hud.hud-active .overlay-panel{z-index:500!important}.game-viewport-wrapper{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;transform:none!important;aspect-ratio:auto!important;border:none!important;border-radius:0!important;box-shadow:none!important}:root{--hp-color: #8B3A3A;--hp-fill: #C45050;--stamina-color: #3A6B3A;--stamina-fill: #5A9B5A;--xp-color: #3A5A8B;--xp-fill: #5A8AC0;--enemy-hp: #8B2A2A;--rarity-common: #9CA3AF;--rarity-uncommon: #22C55E;--rarity-rare: #3B82F6;--rarity-epic: #A855F7;--rarity-legendary: #F97316;--rarity-quest: #EAB308;--chat-system: #A08670;--chat-say: #DBC4A5;--chat-combat: #C45050;--chat-heal: #5A9B5A;--chat-guild: #5A8AC0;--chat-whisper: #A855F7;--chat-loot: #F97316;--chat-critical: #FFD700;--panel-bg: rgba(68, 66, 45, .95);--panel-border: #72583E;--panel-shadow: rgba(30, 25, 15, .6);--slot-bg: rgba(68, 50, 35, .8);--slot-border: #5A4A3A}#hud{position:fixed;inset:0;pointer-events:none;z-index:100}.hud-panel{position:absolute;pointer-events:auto}.hud-panel.hidden{display:none}.panel-border-9slice{background:var(--panel-bg);border:3px solid var(--panel-border);border-radius:4px;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 4px 12px var(--panel-shadow),0 0 0 1px #00000080;padding:8px;position:relative}.panel-border-9slice:before,.panel-border-9slice:after{content:"";position:absolute;width:8px;height:8px;border:2px solid var(--warm)}.panel-border-9slice:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.panel-border-9slice:after{top:-1px;right:-1px;border-left:none;border-bottom:none}.panel-border-9slice.transparent{background:#44422db3}#player-frame{top:16px;left:16px;width:280px}#player-frame .panel-border-9slice{display:flex;gap:12px;align-items:flex-start}.player-portrait{flex-shrink:0}.portrait-frame{width:56px;height:56px;background:var(--slot-bg);border:2px solid var(--panel-border);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.portrait-frame.enemy{border-color:var(--enemy-hp)}.portrait-image{font-size:24px;font-weight:700;color:var(--parchment)}.player-level,.target-level{position:absolute;bottom:-4px;right:-4px;background:var(--deep);border:1px solid var(--warm);border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700;color:var(--cream)}.player-bars,.target-info{flex:1;display:flex;flex-direction:column;gap:4px}.player-name,.target-name{font-size:13px;font-weight:600;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.target-name.enemy-name{color:var(--hp-fill)}.target-type{font-size:10px;color:var(--olive);font-style:italic}.bar-container{height:14px;background:#0006;border:1px solid var(--slot-border);border-radius:2px;overflow:hidden}.bar{height:100%;width:var(--fill);position:relative;transition:width .3s ease}.hp-bar{background:linear-gradient(180deg,var(--hp-fill) 0%,var(--hp-color) 100%)}.stamina-bar{background:linear-gradient(180deg,var(--stamina-fill) 0%,var(--stamina-color) 100%)}.xp-bar{background:linear-gradient(180deg,var(--xp-fill) 0%,var(--xp-color) 100%)}.enemy-hp-bar{background:linear-gradient(180deg,#D45050 0%,var(--enemy-hp) 100%)}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--cream);text-shadow:1px 1px 1px rgba(0,0,0,.8)}.player-buffs{display:flex;gap:4px;margin-top:4px}.buff{width:28px;height:28px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer}.buff.active{border-color:var(--warm)}.buff-icon{font-size:12px;font-weight:700;color:var(--parchment)}.buff-timer{font-size:8px;color:var(--cream);position:absolute;bottom:1px}.buff-glow{position:absolute;inset:-2px;border-radius:4px;background:radial-gradient(circle,rgba(219,196,165,.3) 0%,transparent 70%);animation:buffPulse 2s ease-in-out infinite;pointer-events:none}@keyframes buffPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}#target-frame{top:120px;left:16px;width:250px}#target-frame .panel-border-9slice{display:flex;gap:10px;align-items:flex-start;padding:6px 8px}.target-portrait{flex-shrink:0}.target-close{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--mauve);border:1px solid var(--warm);border-radius:2px;color:var(--cream);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.target-close:hover{background:var(--hp-color)}#minimap{top:16px;right:16px;width:200px}.minimap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--slot-border)}.zone-name{font-size:11px;font-weight:600;color:var(--cream)}.coordinates{font-size:10px;color:var(--olive);font-family:monospace}.minimap-container{position:relative;width:100%;height:150px;background:#0000004d;border:1px solid var(--slot-border);border-radius:4px;overflow:hidden}.minimap-canvas{position:absolute;inset:0;background:#2a4a2a}.terrain{position:absolute}.terrain.grass{inset:0;background:#2a4a2a}.terrain.forest{background:#1a3a1a;border-radius:50%}.terrain.water{background:#2a4a6a;border-radius:30%}.terrain.road{background:#5a4a3a}.map-marker{position:absolute;width:8px;height:8px;border-radius:50%;cursor:pointer;z-index:10}.player-marker{top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cream);border:2px solid var(--warm);box-shadow:0 0 8px #dbc4a599;animation:playerPing 2s ease-in-out infinite}@keyframes playerPing{0%,to{box-shadow:0 0 4px #dbc4a566}50%{box-shadow:0 0 12px #dbc4a5cc}}.npc-marker{background:var(--stamina-fill);border:1px solid var(--cream)}.enemy-marker{background:var(--hp-fill);border:1px solid var(--cream)}.quest-marker{background:var(--rarity-quest);border:1px solid var(--cream);animation:questBounce 1s ease-in-out infinite}@keyframes questBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.minimap-compass{position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--hp-fill)}.minimap-controls{display:flex;justify-content:center;gap:4px;margin-top:6px}.map-btn{width:26px;height:22px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:12px;cursor:pointer;transition:all .15s}.map-btn:hover{background:var(--mid);border-color:var(--warm)}#quest-tracker{top:240px;right:16px;width:220px}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--cream)}.quest-toggle{width:18px;height:18px;background:transparent;border:1px solid var(--slot-border);border-radius:2px;color:var(--parchment);cursor:pointer;font-size:14px;line-height:1}.quest-toggle:hover{border-color:var(--warm)}.quest-list{display:flex;flex-direction:column;gap:10px}.quest-item{padding-left:8px;border-left:2px solid var(--olive)}.quest-item.main-quest{border-left-color:var(--rarity-quest)}.quest-item.side-quest{border-left-color:var(--warm)}.quest-item.daily-quest{border-left-color:var(--stamina-fill)}.quest-title{font-size:11px;font-weight:600;color:var(--cream);margin-bottom:4px}.quest-objective{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--parchment);margin-bottom:2px}.objective-check{width:10px;height:10px;border:1px solid var(--olive);border-radius:2px;flex-shrink:0}.objective-check.complete{background:var(--stamina-fill);border-color:var(--stamina-fill)}.objective-check.complete:after{content:"";display:block;width:4px;height:6px;border:solid var(--cream);border-width:0 2px 2px 0;transform:rotate(45deg) translate(1px,-1px)}#action-bar{bottom:16px;left:50%;transform:translate(-50%);width:480px}.action-bar-container{display:flex;align-items:center;gap:12px}.resource-pillar{width:24px;height:100px;background:#0006;border:2px solid var(--slot-border);border-radius:12px;position:relative;overflow:hidden}.pillar-fill{position:absolute;bottom:0;left:0;right:0;height:var(--fill);transition:height .3s ease}.hp-pillar .pillar-fill{background:linear-gradient(0deg,var(--hp-color) 0%,var(--hp-fill) 100%)}.stamina-pillar .pillar-fill{background:linear-gradient(0deg,var(--stamina-color) 0%,var(--stamina-fill) 100%)}.pillar-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:8px;font-weight:700;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.action-slots{flex:1;display:flex;flex-direction:column;gap:6px}.slots-row{display:flex;justify-content:center;gap:6px}.action-slot{width:48px;height:48px;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:4px;position:relative;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.action-slot:hover{border-color:var(--warm);transform:translateY(-2px)}.action-slot.empty{opacity:.5}.slot-icon{font-size:16px;font-weight:700;color:var(--parchment);z-index:1}.potion-hp{color:var(--hp-fill)}.potion-sta{color:var(--stamina-fill)}.potion-anti{color:var(--rarity-uncommon)}.hotkey{position:absolute;top:2px;left:4px;font-size:9px;font-weight:700;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2}.stack-count{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2}.cooldown-overlay{position:absolute;inset:0;background:#0009;border-radius:2px;opacity:0;transition:opacity .15s}.cooldown-sweep{position:absolute;inset:2px;border-radius:2px;background:conic-gradient(from 0deg,transparent var(--cd-progress, 0%),rgba(0,0,0,.7) var(--cd-progress, 0%));opacity:0}.action-slot.on-cooldown .cooldown-overlay,.action-slot.on-cooldown .cooldown-sweep{opacity:1}.cooldown-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:3}.action-xp-bar{height:12px;background:#0006;border:1px solid var(--slot-border);border-radius:6px;overflow:hidden;position:relative}.xp-fill{height:100%;width:var(--fill);background:linear-gradient(90deg,var(--xp-color) 0%,var(--xp-fill) 100%);transition:width .3s ease}.xp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--cream);text-shadow:1px 1px 1px rgba(0,0,0,.8)}.menu-buttons{display:flex;justify-content:center;gap:4px;margin-top:8px;padding-top:6px;border-top:1px solid var(--slot-border)}.menu-btn{padding:4px 10px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.menu-btn:hover,.menu-btn.active{background:var(--mid);border-color:var(--warm);color:var(--cream)}#chat-panel{bottom:16px;left:16px;width:320px}.chat-tabs{display:flex;gap:2px;margin-bottom:6px}.chat-tab{flex:1;padding:4px 8px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px 3px 0 0;color:var(--olive);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.chat-tab:hover{color:var(--parchment)}.chat-tab.active{background:var(--mid);border-color:var(--warm);border-bottom-color:var(--mid);color:var(--cream)}.chat-messages{height:150px;background:#0000004d;border:1px solid var(--slot-border);border-radius:3px;padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003}.chat-messages::-webkit-scrollbar-thumb{background:var(--slot-border);border-radius:3px}.chat-msg{font-size:11px;line-height:1.4;word-wrap:break-word}.chat-msg.system{color:var(--chat-system)}.chat-msg.say{color:var(--chat-say)}.chat-msg.combat{color:var(--chat-combat)}.chat-msg.combat.heal{color:var(--chat-heal)}.chat-msg.combat.critical{color:var(--chat-critical)}.chat-msg.guild{color:var(--chat-guild)}.chat-msg.whisper{color:var(--chat-whisper)}.chat-msg.loot{color:var(--chat-loot)}.chat-msg .sender{font-weight:600}.chat-input-container{display:flex;gap:4px;margin-top:6px}.chat-channel-select{width:70px;padding:4px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:10px}.chat-input{flex:1;padding:4px 8px;background:#0000004d;border:1px solid var(--slot-border);border-radius:3px;color:var(--cream);font-size:11px}.chat-input::placeholder{color:var(--olive)}.chat-input:focus{outline:none;border-color:var(--warm)}.chat-send{padding:4px 12px;background:var(--mid);border:1px solid var(--warm);border-radius:3px;color:var(--cream);font-size:10px;font-weight:600;cursor:pointer}.chat-send:hover{background:var(--warm);color:var(--deep)}#inventory-panel{bottom:16px;right:16px;width:280px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--slot-border)}.panel-title{font-size:13px;font-weight:600;color:var(--cream)}.panel-close{width:20px;height:20px;background:var(--mauve);border:1px solid var(--warm);border-radius:3px;color:var(--cream);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-close:hover{background:var(--hp-color)}.section-title{font-size:10px;font-weight:600;color:var(--olive);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.equipment-section{margin-bottom:12px}.equipment-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.equip-slot{aspect-ratio:1;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.equip-slot:hover{border-color:var(--warm)}.backpack-section{margin-bottom:12px}.backpack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.inv-slot{aspect-ratio:1;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s}.inv-slot:hover{border-color:var(--warm)}.inv-slot.drag-over{border-color:var(--cream);background:#dbc4a533}.inv-slot.dragging{opacity:.5}.item-icon{font-size:14px;font-weight:700}.item-icon.empty{opacity:.3}.item-icon.rarity-common{color:var(--rarity-common)}.item-icon.rarity-uncommon{color:var(--rarity-uncommon)}.item-icon.rarity-rare{color:var(--rarity-rare)}.item-icon.rarity-epic{color:var(--rarity-epic)}.item-icon.rarity-legendary{color:var(--rarity-legendary)}.item-icon.rarity-quest{color:var(--rarity-quest)}.stack{position:absolute;bottom:1px;right:3px;font-size:9px;font-weight:700;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.inventory-footer{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--slot-border)}.gold-display,.weight-display{display:flex;align-items:center;gap:6px;font-size:11px}.gold-icon{color:var(--rarity-quest);font-weight:700}.gold-amount{color:var(--cream);font-weight:600}.weight-icon{color:var(--olive)}.weight-amount{color:var(--parchment)}#tooltip{position:fixed;max-width:220px;background:var(--panel-bg);border:2px solid var(--warm);border-radius:4px;padding:8px 10px;box-shadow:0 4px 12px var(--panel-shadow);z-index:1000;pointer-events:none}#tooltip.hidden{display:none}.tooltip-title{font-size:12px;font-weight:600;color:var(--cream);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--slot-border)}.tooltip- .levelup-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;pointer-events:none}.levelup-effect.hidden{display:none}.levelup-text{font-size:48px;font-weight:700;color:var(--rarity-quest);text-shadow:0 0 20px rgba(234,179,8,.8),0 0 40px rgba(234,179,8,.6),2px 2px 4px rgba(0,0,0,.8);animation:levelupPulse 1s ease-out}@keyframes levelupPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.levelup-particles{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%)}.particle{position:absolute;width:8px;height:8px;background:var(--rarity-quest);border-radius:50%;box-shadow:0 0 10px #eab308cc;animation:particleBurst 1s ease-out forwards}.particle:nth-child(1){--angle: 0deg}.particle:nth-child(2){--angle: 45deg}.particle:nth-child(3){--angle: 90deg}.particle:nth-child(4){--angle: 135deg}.particle:nth-child(5){--angle: 180deg}.particle:nth-child(6){--angle: 225deg}.particle:nth-child(7){--angle: 270deg}.particle:nth-child(8){--angle: 315deg}@keyframes particleBurst{0%{top:50%;left:50%;opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0)}to{top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-100px)}}#party-frame{top:200px;left:16px;width:200px}.party-header{font-size:11px;font-weight:600;color:var(--cream);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--slot-border)}.party-members{display:flex;flex-direction:column;gap:6px}.party-member{display:flex;align-items:center;gap:8px;padding:4px;background:#0003;border-radius:3px;transition:background .15s}.party-member:hover{background:#0006}.party-member.dead{opacity:.6}.member-portrait{width:32px;height:32px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative}.member-icon{font-size:14px;font-weight:700;color:var(--parchment)}.member-level{position:absolute;bottom:-2px;right:-2px;background:var(--deep);border:1px solid var(--slot-border);border-radius:2px;padding:0 2px;font-size:8px;color:var(--cream)}.member-info{flex:1;min-width:0}.member-name{font-size:10px;font-weight:600;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-bars{display:flex;flex-direction:column;gap:2px;margin-top:2px}.mini-bar{height:4px;background:#0006;border-radius:2px;overflow:hidden}.mini-bar:after{content:"";display:block;height:100%;width:var(--fill);transition:width .3s ease}.mini-bar.hp:after{background:var(--hp-fill)}.mini-bar.sta:after{background:var(--stamina-fill)}.member-status{font-size:8px;color:var(--hp-fill);font-weight:700}.member-role{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--cream)}.member-role.tank{background:var(--xp-color)}.member-role.healer{background:var(--stamina-color)}.member-role.dps{background:var(--hp-color)}.modal-panel{top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}#character-panel{width:450px}.character-content{display:flex;gap:16px;padding:8px 0}.character-model{width:140px;flex-shrink:0}.model-frame{width:140px;height:180px;background:#0000004d;border:2px solid var(--slot-border);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.model-placeholder{position:relative;width:80px;height:140px}.model-head{width:30px;height:30px;background:var(--parchment);border-radius:50%;margin:0 auto 4px}.model- .model-arms{position:absolute;top:40px;left:0;right:0;height:8px;background:var(--warm)}.model-legs{width:35px;height:40px;background:var(--dark);border-radius:0 0 4px 4px;margin:4px auto 0}.character-title{text-align:center;font-size:10px;color:var(--rarity-quest);font-style:italic}.character-stats{flex:1;display:flex;flex-direction:column;gap:12px}.stats-section{background:#0003;border-radius:4px;padding:8px}.stats-title{font-size:10px;font-weight:600;color:var(--warm);text-transform:uppercase;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--slot-border)}.stat-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.stat-name{width:80px;font-size:10px;color:var(--parchment)}.stat-value{width:25px;font-size:11px;font-weight:700;color:var(--cream);text-align:right}.stat-bar{flex:1;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.stat-bar:after{content:"";display:block;height:100%;width:var(--fill);background:linear-gradient(90deg,var(--xp-color),var(--xp-fill));border-radius:3px}.stat-inline{display:flex;justify-content:space-between;font-size:10px;color:var(--parchment);margin-bottom:4px}.stat-inline .value{color:var(--cream);font-weight:600}.resistance-row{display:flex;align-items:center;gap:8px}.res-icon{width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--cream)}.res-icon.fire{background:#c45050}.res-icon.ice{background:#5080c4}.res-icon.poison{background:#50c450}.res-value{font-size:10px;color:var(--parchment);min-width:30px}.character-footer{padding-top:8px;border-top:1px solid var(--slot-border)}.stat-points{display:flex;align-items:center;gap:8px}.points-label{font-size:11px;color:var(--parchment)}.points-value{font-size:14px;font-weight:700;color:var(--rarity-quest)}#skills-panel{width:380px}.skills-tabs{display:flex;gap:4px;margin-bottom:12px}.skill-tab{flex:1;padding:6px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--olive);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.skill-tab:hover{color:var(--parchment)}.skill-tab.active{background:var(--mid);border-color:var(--warm);color:var(--cream)}.skill-tree{position:relative;padding:12px;background:#0003;border-radius:4px;min-height:280px}.skill-tier{margin-bottom:20px;position:relative;z-index:1}.tier-label{font-size:9px;color:var(--olive);text-transform:uppercase;margin-bottom:8px}.skill-nodes{display:flex;justify-content:center;gap:16px}.skill-node{width:50px;height:50px;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.skill-node:hover{transform:scale(1.05)}.skill-node.unlocked{border-color:var(--stamina-fill);box-shadow:0 0 8px #5a9b5a66}.skill-node.available{border-color:var(--rarity-quest);animation:skillPulse 2s ease-in-out infinite}@keyframes skillPulse{0%,to{box-shadow:0 0 4px #eab30866}50%{box-shadow:0 0 12px #eab308cc}}.skill-node.locked{opacity:.5;cursor:not-allowed}.skill-icon{font-size:14px;font-weight:700;color:var(--parchment)}.skill-level{font-size:8px;color:var(--olive);margin-top:2px}.skill-level.locked{font-size:7px;color:var(--mauve)}.skill-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.connection{stroke:var(--slot-border);stroke-width:2}.connection.unlocked{stroke:var(--stamina-fill)}.connection.locked{stroke:var(--slot-border);stroke-dasharray:4 4}.skills-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--slot-border);margin-top:12px}.skill-points{display:flex;align-items:center;gap:8px}.reset-skills-btn{padding:6px 12px;background:var(--mauve);border:1px solid var(--warm);border-radius:3px;color:var(--cream);font-size:10px;cursor:pointer;transition:all .15s}.reset-skills-btn:hover{background:var(--hp-color)}.fullscreen-panel{top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}#world-map{width:700px;height:500px}.world-map-container{position:relative;height:380px;background:#0000004d;border:1px solid var(--slot-border);border-radius:4px;overflow:hidden}.world-map-canvas{position:absolute;inset:0;background:linear-gradient(135deg,#2a3a2a,#1a2a1a,#0f1f0f)}.map-region{position:absolute;background:#44422d99;border:2px solid var(--slot-border);border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.map-region:hover{background:#44422de6;border-color:var(--warm);transform:scale(1.02)}.map-region.current{border-color:var(--rarity-quest);box-shadow:0 0 15px #eab30866}.map-region.locked{opacity:.4;cursor:not-allowed}.region-name{font-size:12px;font-weight:600;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.region-level{font-size:9px;color:var(--olive)}.region-lock{font-size:8px;color:var(--hp-fill);font-weight:700;margin-top:4px}.player-location{width:10px;height:10px;background:var(--cream);border:2px solid var(--rarity-quest);border-radius:50%;margin-top:4px;animation:playerPing 2s ease-in-out infinite}.map-road{position:absolute;height:3px;background:var(--dark);transform-origin:left center}.map-legend{position:absolute;bottom:10px;left:10px;background:#44422de6;border:1px solid var(--slot-border);border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:4px}.legend-item{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--parchment)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.current{background:var(--rarity-quest)}.legend-dot.unlocked{background:var(--stamina-fill)}.legend-dot.locked{background:var(--mauve)}.map-controls-full{display:flex;justify-content:center;gap:12px;padding-top:12px}.map-btn-lg{padding:8px 20px;background:var(--mid);border:1px solid var(--warm);border-radius:4px;color:var(--cream);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.map-btn-lg:hover{background:var(--warm);color:var(--deep)}.floating-panel{z-index:250}#loot-window{top:50%;left:50%;transform:translate(-50%,-50%);width:260px}.loot-items{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.loot-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0003;border:1px solid var(--slot-border);border-radius:3px;cursor:pointer;transition:all .15s}.loot-item:hover{background:#0006;border-color:var(--warm)}.loot-item.rare{border-color:var(--rarity-rare);background:#3b82f61a}.loot-icon{width:28px;height:28px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.loot-name{flex:1;font-size:11px;color:var(--parchment)}.loot-item.rare .loot-name{color:var(--rarity-rare)}.loot-qty{font-size:10px;color:var(--olive)}.loot-gold{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#eab3081a;border:1px solid var(--rarity-quest);border-radius:3px;margin-bottom:8px}.gold-drop{font-size:14px;font-weight:700;color:var(--rarity-quest)}.loot-actions{display:flex;gap:8px}.loot-btn{flex:1;padding:8px;border:1px solid var(--slot-border);border-radius:3px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.loot-btn.take-all{background:var(--stamina-color);border-color:var(--stamina-fill);color:var(--cream)}.loot-btn.take-all:hover{background:var(--stamina-fill)}.loot-btn.close{background:var(--slot-bg);color:var(--parchment)}.loot-btn.close:hover{background:var(--mid);border-color:var(--warm)}#npc-dialog{bottom:100px;left:50%;transform:translate(-50%);width:500px}.npc-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--slot-border)}.npc-portrait{width:50px;height:50px;background:var(--slot-bg);border:2px solid var(--warm);border-radius:4px;display:flex;align-items:center;justify-content:center}.npc-icon{font-size:24px;font-weight:700;color:var(--parchment)}.npc-info{flex:1}.npc-name{font-size:14px;font-weight:600;color:var(--cream)}.npc-title{font-size:10px;color:var(--olive);font-style:italic}.dialog-text{background:#0003;border-radius:4px;padding:12px;margin-bottom:12px}.dialog-text p{font-size:12px;color:var(--parchment);line-height:1.6;font-style:italic}.dialog-options{display:flex;flex-direction:column;gap:6px}.dialog-option{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;cursor:pointer;transition:all .15s;text-align:left}.dialog-option:hover{background:var(--mid);border-color:var(--warm)}.option-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--cream);flex-shrink:0}.option-icon.quest{background:var(--rarity-quest)}.option-icon.shop{background:var(--xp-color)}.option-icon.repair{background:var(--stamina-color)}.option-icon.leave{background:var(--mauve)}.option-text{font-size:11px;color:var(--parchment)}#combat-text-container{position:fixed;inset:0;pointer-events:none;z-index:300}.combat-text{position:absolute;font-weight:700;text-shadow:2px 2px 2px rgba(0,0,0,.8);animation:floatUp 1.5s ease-out forwards;pointer-events:none}.combat-text.damage{color:var(--hp-fill);font-size:18px}.combat-text.critical{color:var(--rarity-quest);font-size:24px}.combat-text.heal{color:var(--stamina-fill);font-size:16px}.combat-text.miss{color:var(--olive);font-size:14px;font-style:italic}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}#shop-panel{width:400px}.shop-tabs,.crafting-categories,.auction-tabs,.guild-tabs,.friends-tabs,.mail-tabs,.settings-tabs,.achievements-categories{display:flex;gap:4px;margin-bottom:12px}.shop-tab,.craft-cat,.auction-tab,.guild-tab,.friends-tab,.mail-tab,.settings-tab,.achieve-cat{flex:1;padding:6px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--olive);font-size:10px;cursor:pointer}.shop-tab.active,.craft-cat.active,.auction-tab.active,.guild-tab.active,.friends-tab.active,.mail-tab.active,.settings-tab.active,.achieve-cat.active{background:var(--mid);border-color:var(--warm);color:var(--cream)}.shop-content{max-height:250px;overflow-y:auto}.shop-items,.recipe-list,.friends-list,.mail-list,.achievement-list{display:flex;flex-direction:column;gap:4px}.shop-item,.recipe-item,.friend-row,.mail-row,.achievement-item{display:flex;align-items:center;gap:10px;padding:8px;background:#0003;border:1px solid var(--slot-border);border-radius:3px;cursor:pointer;transition:all .15s}.shop-item:hover,.recipe-item.craftable:hover,.friend-row:hover,.mail-row:hover,.achievement-item:hover{background:#0006;border-color:var(--warm)}.shop-icon,.recipe-icon,.loot-icon{width:36px;height:36px;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.shop-item-info,.friend-info,.mail-info,.achieve-info{flex:1}.shop-item-name,.friend-name,.achieve-name{display:block;font-size:11px;font-weight:600;color:var(--cream)}.shop-item-stats,.friend-status,.achieve-desc{font-size:9px;color:var(--olive)}.shop-price,.achieve-points{font-size:12px;font-weight:700;color:var(--rarity-quest)}.shop-footer,.crafting-footer,.auction-footer,.guild-footer,.friends-footer,.mail-footer,.settings-footer,.achievements-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--slot-border);margin-top:12px}.shop-buy-btn,.craft-btn,.auction-btn.primary,.settings-btn.primary{padding:8px 16px;background:var(--stamina-color);border:1px solid var(--stamina-fill);border-radius:3px;color:var(--cream);font-size:11px;font-weight:600;cursor:pointer}.shop-buy-btn:hover,.craft-btn:hover{background:var(--stamina-fill)}#crafting-panel{width:450px}.crafting-content{display:flex;gap:12px}.recipe-list{width:180px;max-height:200px;overflow-y:auto}.recipe-item.locked{opacity:.5;cursor:not-allowed}.recipe-name,.mat-name{flex:1;font-size:10px;color:var(--parchment)}.recipe-skill{font-size:8px;color:var(--olive)}.recipe-skill.locked{color:var(--hp-fill)}.recipe-details{flex:1;background:#0003;border-radius:4px;padding:10px}.recipe-preview{text-align:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--slot-border)}.preview-icon{width:50px;height:50px;background:var(--slot-bg);border:2px solid var(--rarity-common);border-radius:4px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--parchment)}.preview-name{font-size:12px;font-weight:600;color:var(--cream)}.preview-stats{font-size:10px;color:var(--olive)}.material-title{font-size:9px;color:var(--warm);text-transform:uppercase;margin-bottom:8px}.material-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mat-icon{width:20px;height:20px;background:var(--slot-bg);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--parchment)}.mat-count{font-size:10px;color:var(--hp-fill)}.mat-count.have{color:var(--stamina-fill)}.craft-skill{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--parchment)}.skill-progress{flex:1;height:16px;background:#0000004d;border-radius:8px;position:relative;overflow:hidden}.skill-fill{position:absolute;top:0;left:0;height:100%;width:var(--fill);background:var(--xp-fill);border-radius:8px}.skill-progress span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;color:var(--cream);font-weight:600}#auction-panel{width:750px;height:450px}.auction-filters{display:flex;gap:8px;margin-bottom:12px}.filter-select,.search-input{padding:6px 10px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:10px}.search-input{flex:1;color:var(--cream)}.search-btn{padding:6px 12px;background:var(--mid);border:1px solid var(--slot-border);border-radius:3px;color:var(--cream);font-size:10px;cursor:pointer}.auction-list{background:#0003;border-radius:4px;overflow:hidden}.auction-header-row,.roster-header{display:flex;padding:8px;background:var(--deep);font-size:10px;font-weight:600;color:var(--warm);text-transform:uppercase}.auction-row,.roster-row{display:flex;padding:10px 8px;border-bottom:1px solid var(--slot-border);font-size:11px;color:var(--parchment);cursor:pointer}.auction-row:hover,.roster-row:hover{background:#0000004d}.col-item{flex:2;display:flex;align-items:center;gap:8px}.col-seller,.col-rank{flex:1}.col-time,.col-status{flex:1;color:var(--olive)}.col-bid{flex:1;color:var(--rarity-quest)}.col-buyout{flex:1;color:var(--stamina-fill);font-weight:600}.col-name{flex:2}.col-lvl{flex:.5;text-align:center}.item-icon{width:24px;height:24px;background:var(--slot-bg);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.auction-actions{display:flex;gap:8px}.auction-btn,.settings-btn,.mail-btn,.log-btn{padding:8px 16px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:11px;cursor:pointer}.auction-btn:hover,.settings-btn:hover,.mail-btn:hover{background:var(--mid)}.auction-gold{font-size:12px;color:var(--rarity-quest);font-weight:600}#guild-panel{width:450px}.guild-info-bar{display:flex;justify-content:space-between;padding:8px;background:#0003;border-radius:3px;margin-bottom:12px;font-size:10px;color:var(--parchment)}.guild-online{color:var(--stamina-fill)}.guild-roster{background:#0003;border-radius:4px;max-height:200px;overflow-y:auto}.roster-row.gm{background:#eab3081a}.roster-row.officer{background:#5a9b5a1a}.guild-master{color:var(--rarity-quest);font-weight:600}.officer-rank,.online{color:var(--stamina-fill)}.offline{color:var(--olive)}.guild-motd{font-size:10px;font-style:italic;color:var(--parchment);padding:8px;background:#0003;border-radius:3px}#friends-panel{width:320px}.friend-row.online{border-left:3px solid var(--stamina-fill)}.friend-row.offline{border-left:3px solid var(--olive);opacity:.7}.friend-avatar{width:32px;height:32px;background:var(--slot-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--parchment)}.friend-actions{display:flex;gap:4px}.friend-btn{width:24px;height:24px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:10px;cursor:pointer}.friend-btn.disabled{opacity:.4;cursor:not-allowed}.add-friend-input{flex:1;padding:8px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--cream);font-size:10px}.add-friend-btn{padding:8px 12px;background:var(--mid);border:1px solid var(--slot-border);border-radius:3px;color:var(--cream);font-size:10px;cursor:pointer}#mail-panel{width:500px}.mail-content{display:flex;gap:12px}.mail-list{width:200px;max-height:200px;overflow-y:auto}.mail-row.unread{border-left:3px solid var(--rarity-quest)}.mail-icon{width:20px;height:20px;background:var(--rarity-quest);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--deep)}.mail-icon.read{background:var(--slot-bg);color:var(--olive)}.mail-from{display:block;font-size:10px;font-weight:600;color:var(--cream)}.mail-subject{font-size:9px;color:var(--olive);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-attachment{font-size:8px;color:var(--rarity-quest);padding:2px 4px;background:#eab30833;border-radius:2px}.mail-time{font-size:8px;color:var(--olive)}.mail-preview{flex:1;background:#0003;border-radius:4px;padding:12px}.mail-preview-header{font-size:10px;color:var(--olive);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--slot-border)}.mail-preview-header strong{color:var(--parchment)}.mail-preview- .mail-preview-attachments{padding-top:8px;border-top:1px solid var(--slot-border)}.attachment-label{font-size:9px;color:var(--olive);display:block;margin-bottom:4px}.attachment-item{display:inline-block;padding:4px 8px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;font-size:10px;color:var(--parchment)}.attachment-item.gold{border-color:var(--rarity-quest);color:var(--rarity-quest)}#settings-panel{width:400px}.settings-content{display:flex;flex-direction:column;gap:12px}.setting-group{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#0003;border-radius:3px}.setting-label{font-size:11px;color:var(--parchment)}.setting-select{padding:6px 10px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--cream);font-size:10px;min-width:150px}.setting-slider{display:flex;align-items:center;gap:10px}.setting-slider input[type=range]{width:120px;height:6px;-webkit-appearance:none;background:var(--slot-bg);border-radius:3px}.setting-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--warm);border-radius:50%;cursor:pointer}.slider-value{font-size:10px;color:var(--olive);min-width:35px}.setting-toggle{position:relative;display:inline-block;width:40px;height:20px}.setting-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--slot-bg);border-radius:10px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background:var(--olive);border-radius:50%;transition:.3s}.setting-toggle input:checked+.toggle-slider{background:var(--stamina-color)}.setting-toggle input:checked+.toggle-slider:before{transform:translate(20px);background:var(--cream)}#achievements-panel{width:420px}.achievement-list{max-height:280px;overflow-y:auto}.achievement-item.completed{border-color:var(--stamina-fill);background:#5a9b5a1a}.achievement-item.locked{opacity:.5}.achieve-icon{width:40px;height:40px;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--olive)}.achieve-icon.completed{border-color:var(--stamina-fill);color:var(--stamina-fill)}.achieve-icon.locked{color:var(--mauve)}.achieve-progress{height:6px;background:#0000004d;border-radius:3px;margin-top:6px;overflow:hidden}.achieve-fill{height:100%;width:var(--fill);background:var(--xp-fill);border-radius:3px}.achieve-total{font-size:12px;color:var(--parchment)}.compare-tooltip{position:fixed;z-index:350;background:var(--deep);border:2px solid var(--warm);border-radius:6px;padding:12px;min-width:300px;box-shadow:0 4px 20px #00000080}.compare-header{font-size:11px;font-weight:600;color:var(--warm);text-align:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--slot-border)}.compare-columns{display:flex;gap:12px}.compare-col{flex:1;padding:8px;background:#0003;border-radius:4px}.compare-title{font-size:9px;color:var(--olive);text-transform:uppercase;margin-bottom:6px}.compare-item-name{font-size:11px;font-weight:600;margin-bottom:8px}.compare-stat{font-size:10px;color:var(--parchment);margin-bottom:4px}.compare-stat.better{color:var(--stamina-fill)}.compare-stat.worse{color:var(--hp-fill)}.buff-detail-panel{position:fixed;z-index:350;background:var(--deep);border:2px solid var(--warm);border-radius:6px;padding:12px;width:220px;box-shadow:0 4px 20px #00000080}.buff-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--slot-border)}.buff-detail-icon{width:32px;height:32px;background:var(--stamina-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--cream)}.buff-detail-name{font-size:12px;font-weight:600;color:var(--cream)}.buff-detail-desc{font-size:10px;color:var(--parchment);line-height:1.5;margin-bottom:10px}.buff-stat{font-size:9px;color:var(--olive);margin-bottom:4px}.buff-detail-effects{display:flex;flex-wrap:wrap;gap:4px}.effect{padding:3px 6px;border-radius:3px;font-size:9px}.effect.positive{background:#5a9b5a33;color:var(--stamina-fill)}.effect.negative{background:#c8505033;color:var(--hp-fill)}.combat-log-panel{top:50%;right:16px;transform:translateY(-50%);width:350px}.combat-log-filters{display:flex;gap:12px;margin-bottom:8px;font-size:10px;color:var(--olive)}.combat-log-filters label{display:flex;align-items:center;gap:4px;cursor:pointer}.combat-log-filters input[type=checkbox]{width:12px;height:12px}.combat-log-entries{height:200px;overflow-y:auto;background:#0000004d;border-radius:4px;padding:8px}.log-entry{font-size:10px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);font-family:monospace}.log-entry.damage{color:var(--hp-fill)}.log-entry.critical{color:var(--rarity-quest);font-weight:700}.log-entry.heal{color:var(--stamina-fill)}.log-entry.buff{color:var(--xp-fill)}.log-entry.kill{color:var(--rarity-epic)}.combat-log-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.emote-wheel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;z-index:400}.emote-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--deep);border:2px solid var(--warm);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--cream)}.emote-option{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px;transform:rotate(var(--angle)) translateY(-80px) rotate(calc(-1 * var(--angle)));background:var(--mid);border:2px solid var(--slot-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.emote-option:hover{background:var(--warm);border-color:var(--cream);transform:rotate(var(--angle)) translateY(-80px) rotate(calc(-1 * var(--angle))) scale(1.15)}.emote-icon{font-size:16px;font-weight:700;color:var(--cream)}.emote-label{font-size:8px;color:var(--parchment);margin-top:2px}.fullscreen-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center}.fullscreen-overlay:not(.loading):not(.login):not(.charselect){background:#000000e6}.death-content{text-align:center}.death-title{font-size:64px;font-weight:700;color:var(--hp-fill);text-shadow:0 0 30px rgba(200,80,80,.8);margin-bottom:16px;animation:deathPulse 2s ease-in-out infinite}@keyframes deathPulse{0%,to{opacity:1}50%{opacity:.7}}.death-subtitle{font-size:18px;color:var(--parchment);margin-bottom:32px}.death-stats{margin-bottom:32px}.death-stat{font-size:14px;color:var(--olive);margin-bottom:8px}.death-options{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:24px}.death-btn{padding:12px 32px;background:var(--mid);border:2px solid var(--slot-border);border-radius:4px;color:var(--cream);font-size:14px;cursor:pointer;min-width:250px;transition:all .15s}.death-btn:hover{background:var(--warm);border-color:var(--cream);color:var(--deep)}.death-timer{font-size:12px;color:var(--olive)}.fullscreen-overlay.loading{background:linear-gradient(135deg,var(--deep) 0%,#1a1510 100%)}.loading-content{text-align:center;width:400px}.loading-logo{font-size:48px;font-weight:700;color:var(--cream);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:8px}.loading-subtitle{font-size:16px;color:var(--warm);margin-bottom:40px}.loading-bar{height:12px;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:6px;overflow:hidden;margin-bottom:16px}.loading-fill{height:100%;width:var(--progress);background:linear-gradient(90deg,var(--xp-color),var(--xp-fill));border-radius:4px;transition:width .5s ease}.loading-text{font-size:14px;color:var(--parchment);margin-bottom:32px}.loading-tip{font-size:12px;color:var(--olive);font-style:italic;padding:12px;background:#0000004d;border-radius:4px}.fullscreen-overlay.login{background:linear-gradient(135deg,#1a2520,#0f1510)}.login-content{display:flex;flex-direction:column;align-items:center;gap:32px}.login-logo{font-size:56px;font-weight:700;color:var(--cream);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.login-form{background:var(--deep);border:2px solid var(--warm);border-radius:8px;padding:32px;width:320px}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:11px;color:var(--olive);margin-bottom:6px}.login-field input{width:100%;padding:12px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:4px;color:var(--cream);font-size:14px}.login-remember{font-size:11px;color:var(--olive);margin-bottom:20px}.login-btn{width:100%;padding:14px;background:var(--stamina-color);border:2px solid var(--stamina-fill);border-radius:4px;color:var(--cream);font-size:16px;font-weight:600;cursor:pointer;margin-bottom:16px}.login-btn:hover{background:var(--stamina-fill)}.login-links{display:flex;justify-content:space-between}.login-links a{font-size:11px;color:var(--warm);text-decoration:none}.login-news{background:#0000004d;border-radius:8px;padding:16px;width:320px}.news-title{font-size:12px;font-weight:600;color:var(--warm);margin-bottom:12px}.news-item{font-size:11px;color:var(--parchment);margin-bottom:8px;padding-left:12px;border-left:2px solid var(--slot-border)}.fullscreen-overlay.charselect{background:linear-gradient(135deg,#1a1a25,#0f0f15)}.charselect-content{text-align:center}.charselect-title{font-size:32px;font-weight:700;color:var(--cream);margin-bottom:32px}.character-slots{display:flex;gap:20px;margin-bottom:32px}.char-slot{width:180px;background:var(--deep);border:2px solid var(--slot-border);border-radius:8px;padding:20px;cursor:pointer;transition:all .15s}.char-slot:hover{border-color:var(--warm)}.char-slot.selected{border-color:var(--rarity-quest);box-shadow:0 0 20px #eab3084d}.char-slot.empty{border-style:dashed;opacity:.6}.char-model{width:80px;height:100px;background:var(--slot-bg);border-radius:4px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:var(--parchment)}.char-info{text-align:center}.char-name{display:block;font-size:14px;font-weight:600;color:var(--cream);margin-bottom:4px}.char-details{font-size:11px;color:var(--warm);display:block;margin-bottom:4px}.char-location{font-size:10px;color:var(--olive)}.charselect-actions{display:flex;justify-content:center;gap:12px}.charselect-btn{padding:12px 24px;background:var(--stamina-color);border:2px solid var(--stamina-fill);border-radius:4px;color:var(--cream);font-size:14px;font-weight:600;cursor:pointer}.charselect-btn.secondary{background:var(--slot-bg);border-color:var(--slot-border);color:var(--parchment)}.tutorial-overlay{position:fixed;inset:0;z-index:450}.tutorial-backdrop{position:absolute;inset:0;background:#000000b3}.tutorial-highlight{position:absolute;border:3px solid var(--rarity-quest);border-radius:8px;box-shadow:0 0 0 9999px #000000b3,0 0 30px #eab30880;animation:tutorialPulse 2s ease-in-out infinite}@keyframes tutorialPulse{0%,to{box-shadow:0 0 0 9999px #000000b3,0 0 20px #eab30880}50%{box-shadow:0 0 0 9999px #000000b3,0 0 40px #eab308cc}}.tutorial-content{position:absolute;top:140px;left:16px;width:300px;background:var(--deep);border:2px solid var(--warm);border-radius:8px;padding:16px}.tutorial-step{font-size:10px;color:var(--olive);margin-bottom:8px}.tutorial-title{font-size:16px;font-weight:600;color:var(--cream);margin-bottom:12px}.tutorial-text{font-size:12px;color:var(--parchment);line-height:1.6;margin-bottom:16px}.tutorial-actions{display:flex;justify-content:space-between}.tutorial-btn{padding:8px 16px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:11px;cursor:pointer}.tutorial-btn.primary{background:var(--stamina-color);border-color:var(--stamina-fill);color:var(--cream)}.screenshot-mode{position:fixed;inset:0;z-index:600;pointer-events:none}.screenshot-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;background:#000c;border-radius:4px;font-size:12px;color:var(--cream);opacity:.7}.cinematic-bars{position:fixed;inset:0;z-index:550;pointer-events:none}.cinematic-bar{position:absolute;left:0;right:0;height:80px;background:#000}.cinematic-bar.top{top:0}.cinematic-bar.bottom{bottom:0}.cinematic-subtitle{position:absolute;bottom:100px;left:0;right:0;text-align:center;font-size:18px;font-style:italic;color:var(--cream);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.context-menu{position:fixed;z-index:500;background:var(--deep);border:2px solid var(--warm);border-radius:4px;padding:4px 0;min-width:150px;box-shadow:0 4px 20px #0009;animation:contextMenuIn .15s ease-out}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{padding:8px 16px;font-size:11px;color:var(--parchment);cursor:pointer;transition:all .1s}.context-menu-item:hover{background:var(--mid);color:var(--cream)}.context-menu-item.destructive{color:var(--hp-fill)}.context-menu-item.destructive:hover{background:var(--hp-color);color:var(--cream)}.context-menu-item.disabled{color:var(--olive);opacity:.5;cursor:not-allowed}.context-menu-divider{height:1px;background:var(--slot-border);margin:4px 8px}.split-dialog{position:fixed;inset:0;z-index:510;display:flex;align-items:center;justify-content:center;background:#0009}.split-dialog-content{background:var(--deep);border:2px solid var(--warm);border-radius:6px;padding:20px;width:250px;animation:splitDialogIn .2s ease-out}@keyframes splitDialogIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.split-title{font-size:14px;font-weight:600;color:var(--cream);text-align:center;margin-bottom:16px}.split-slider-container{margin-bottom:16px}.split-slider-container input[type=range]{width:100%;height:8px;-webkit-appearance:none;background:var(--slot-bg);border-radius:4px;margin-bottom:8px}.split-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--warm);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.split-values{display:flex;justify-content:space-between;font-size:14px;color:var(--parchment)}.split-arrow{color:var(--olive)}.split-actions{display:flex;gap:10px}.split-btn{flex:1;padding:10px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.split-btn.cancel{background:var(--slot-bg);border:1px solid var(--slot-border);color:var(--parchment)}.split-btn.confirm{background:var(--stamina-color);border:1px solid var(--stamina-fill);color:var(--cream)}.split-btn:hover{filter:brightness(1.15)}.hud-panel{transition:opacity .2s ease,transform .2s ease}.hud-panel.hidden{opacity:0;pointer-events:none;transform:scale(.98)}.modal-panel:not(.hidden){animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fullscreen-overlay:not(.hidden){animation:overlayIn .3s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.inv-slot.filled{transition:transform .1s,box-shadow .15s}.inv-slot.filled:hover{transform:scale(1.08);box-shadow:0 0 12px #dbc4a566;z-index:10}.inv-slot.dragging{opacity:.5;transform:scale(.95)}.inv-slot.drag-over{background:#5a9b5a4d!important;border-color:var(--stamina-fill)!important;box-shadow:inset 0 0 10px #5a9b5a66}.equip-slot{transition:all .15s}.equip-slot.drag-over{background:#eab3084d!important;border-color:var(--rarity-quest)!important;transform:scale(1.1)}.equip-slot.invalid-drop{background:#c850504d!important;border-color:var(--hp-fill)!important}.panel-border-9slice{position:relative;background:linear-gradient(135deg,#44422df2,#443223fa,#44422df2);border:3px solid transparent;border-image:linear-gradient(135deg,var(--warm) 0%,var(--parchment) 15%,var(--warm) 30%,var(--mid) 50%,var(--warm) 70%,var(--parchment) 85%,var(--warm) 100%) 1;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 4px 12px #0006}.panel-border-9slice:before,.panel-border-9slice:after{content:"";position:absolute;width:12px;height:12px;background:var(--warm);clip-path:polygon(0 0,100% 0,100% 30%,30% 30%,30% 100%,0 100%)}.panel-border-9slice:before{top:-2px;left:-2px}.panel-border-9slice:after{bottom:-2px;right:-2px;transform:rotate(180deg)}.action-slot.click-feedback{animation:clickPulse .15s ease-out}@keyframes clickPulse{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.menu-btn.click-feedback{animation:btnPulse .2s ease-out}@keyframes btnPulse{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(1)}}.action-slot:focus,.inv-slot:focus,.menu-btn:focus,.equip-slot:focus{outline:2px solid var(--rarity-quest);outline-offset:2px}[tabindex]:focus-visible{outline:2px solid var(--rarity-quest);outline-offset:2px}.keyboard-nav-active .action-slot.nav-selected,.keyboard-nav-active .inv-slot.nav-selected,.keyboard-nav-active .equip-slot.nav-selected{outline:3px solid var(--rarity-quest);outline-offset:2px;box-shadow:0 0 15px #eab30880}.panel-focused .panel-header{background:#eab30826}#trading-panel{width:500px}.trading-layout{display:flex;gap:10px;margin-bottom:12px}.trade-side{flex:1;background:#0003;border:1px solid var(--slot-border);border-radius:4px;padding:10px}.trade-side-header{font-size:11px;font-weight:600;color:var(--cream);margin-bottom:8px;text-align:center}.trade-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px}.trade-slot{aspect-ratio:1;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.trade-slot:hover{border-color:var(--warm)}.trade-gold{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--parchment);margin-bottom:8px}.trade-gold input{width:80px;padding:4px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--cream);font-size:11px}.trade-status{text-align:center;font-size:10px;font-weight:600;padding:4px;border-radius:3px}.trade-status.ready{background:#5a9b5a4d;color:var(--stamina-fill)}.trade-status.not-ready{background:#c850504d;color:var(--hp-fill)}.trade-divider{display:flex;align-items:center;justify-content:center;width:30px}.trade-arrow{font-size:20px;color:var(--warm)}.trading-actions{display:flex;gap:10px;justify-content:center}.trade-btn{padding:8px 24px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.trade-btn.ready-btn{background:var(--stamina-color);border:1px solid var(--stamina-fill);color:var(--cream)}.trade-btn.cancel-btn{background:var(--mauve);border:1px solid var(--hp-fill);color:var(--cream)}.trade-btn:hover{filter:brightness(1.2)}#guild-bank-panel{width:400px}.guildbank-tabs{display:flex;gap:4px;margin-bottom:10px}.guildbank-tab{flex:1;padding:6px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:10px;cursor:pointer}.guildbank-tab.active{background:var(--mid);border-color:var(--warm);color:var(--cream)}.guildbank-tab.locked{opacity:.5;cursor:not-allowed}.guildbank-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:12px}.bank-slot{aspect-ratio:1;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.bank-slot:hover{border-color:var(--warm)}.guildbank-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--parchment);padding-top:8px;border-top:1px solid var(--slot-border)}.guildbank-gold{color:var(--rarity-quest)}.guildbank-log{color:var(--olive);font-style:italic}#pvp-panel{width:420px}.pvp-tabs{display:flex;gap:4px;margin-bottom:12px}.pvp-tab{flex:1;padding:8px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:11px;font-weight:600;cursor:pointer}.pvp-tab.active{background:var(--mauve);border-color:var(--hp-fill);color:var(--cream)}.pvp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;padding:10px;background:#0003;border-radius:4px}.pvp-stat{display:flex;justify-content:space-between;font-size:11px}.stat-label{color:var(--olive)}.stat-value{color:var(--cream);font-weight:600}.stat-value.win{color:var(--stamina-fill)}.stat-value.loss{color:var(--hp-fill)}.pvp-modes{display:flex;gap:10px;margin-bottom:16px}.pvp-mode-card{flex:1;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:6px;padding:12px;text-align:center;cursor:pointer;transition:all .15s}.pvp-mode-card:hover{border-color:var(--warm);transform:translateY(-2px)}.mode-icon{font-size:24px;font-weight:700;color:var(--hp-fill);margin-bottom:4px}.mode-name{font-size:11px;font-weight:600;color:var(--cream);margin-bottom:4px}.mode-queue{font-size:9px;color:var(--olive);margin-bottom:8px}.queue-btn{padding:6px 16px;background:var(--mauve);border:1px solid var(--hp-fill);border-radius:3px;color:var(--cream);font-size:10px;font-weight:600;cursor:pointer}.queue-btn:hover{background:var(--hp-color)}.pvp-rewards{background:#0003;border-radius:4px;padding:10px}.reward-title{font-size:11px;font-weight:600;color:var(--cream);margin-bottom:8px}.reward-progress{position:relative;height:20px;background:#0000004d;border-radius:10px;overflow:hidden}.reward-bar{position:absolute;left:0;top:0;bottom:0;width:var(--fill);background:linear-gradient(90deg,var(--rarity-quest),var(--rarity-legendary));border-radius:10px}.reward-progress span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--cream);text-shadow:1px 1px 2px rgba(0,0,0,.8)}#dungeon-finder-panel{width:400px}.dungeon-role-select{margin-bottom:16px}.role-title{font-size:11px;font-weight:600;color:var(--cream);margin-bottom:8px}.role-options{display:flex;gap:10px}.role-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:4px;cursor:pointer;transition:all .15s}.role-option:hover,.role-option.selected{border-color:var(--warm)}.role-option input{display:none}.role-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700}.role-icon.tank{background:var(--xp-color);color:var(--cream)}.role-icon.healer{background:var(--stamina-color);color:var(--cream)}.role-icon.dps{background:var(--hp-color);color:var(--cream)}.role-name{font-size:10px;color:var(--parchment)}.dungeon-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.dungeon-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:4px;cursor:pointer;transition:all .15s}.dungeon-item:hover,.dungeon-item.selected{border-color:var(--warm);background:var(--mid)}.dungeon-item.locked{opacity:.5;cursor:not-allowed}.dungeon-icon{width:40px;height:40px;background:var(--deep);border:2px solid var(--panel-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--parchment)}.dungeon-info{flex:1}.dungeon-name{font-size:12px;font-weight:600;color:var(--cream);margin-bottom:2px}.dungeon-meta{font-size:9px;color:var(--olive)}.dungeon-rewards{display:flex;gap:4px}.reward-icon{width:24px;height:24px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--rarity-epic)}.dungeon-lock{font-size:10px;color:var(--hp-fill);font-weight:600}.queue-status{text-align:center;padding:16px;background:#0003;border-radius:4px}.queue-spinner{width:32px;height:32px;border:3px solid var(--slot-border);border-top-color:var(--warm);border-radius:50%;margin:0 auto 10px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.queue-text{font-size:12px;color:var(--cream);margin-bottom:10px}.queue-roles{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.queue-roles span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.role-found{background:var(--stamina-color);color:var(--cream)}.role-searching{background:var(--slot-bg);color:var(--olive);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.leave-queue-btn{padding:8px 20px;background:var(--mauve);border:1px solid var(--hp-fill);border-radius:4px;color:var(--cream);font-size:11px;font-weight:600;cursor:pointer}.dungeon-actions{text-align:center}.find-group-btn{padding:12px 40px;background:var(--stamina-color);border:2px solid var(--stamina-fill);border-radius:4px;color:var(--cream);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.find-group-btn:hover{background:var(--stamina-fill);transform:scale(1.05)}#talent-panel{width:380px}.talent-spec-tabs{display:flex;gap:4px;margin-bottom:12px}.spec-tab{flex:1;padding:8px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:3px;color:var(--parchment);font-size:11px;font-weight:600;cursor:pointer}.spec-tab.active{background:var(--mid);border-color:var(--warm);color:var(--cream)}.talent-points{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;color:var(--parchment)}.talent-points strong{color:var(--rarity-quest)}.reset-talents-btn{padding:4px 12px;background:var(--mauve);border:1px solid var(--hp-fill);border-radius:3px;color:var(--cream);font-size:10px;cursor:pointer}.talent-tree{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;padding:16px;background:#0003;border-radius:4px}.talent-tier{display:flex;gap:16px}.talent-connector{width:2px;height:16px;background:var(--slot-border)}.talent-node{width:56px;height:56px;background:var(--slot-bg);border:3px solid var(--slot-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s}.talent-node.unlocked{border-color:var(--stamina-fill)}.talent-node.unlocked.active{border-color:var(--rarity-quest);box-shadow:0 0 10px #eab30866}.talent-node.available{border-color:var(--warm)}.talent-node.locked{opacity:.5;cursor:not-allowed}.talent-node.ultimate{border-width:4px}.talent-node:hover:not(.locked){transform:scale(1.1)}.talent-icon{font-size:16px;font-weight:700;color:var(--parchment)}.talent-rank{font-size:9px;color:var(--olive);position:absolute;bottom:2px}.talent-preview{background:#0003;border-radius:4px;padding:10px}.preview-title{font-size:11px;font-weight:600;color:var(--cream);margin-bottom:8px}.preview-stats{font-size:10px;color:var(--stamina-fill)}.preview-stats div{margin-bottom:4px}.queue-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:600;animation:popupBounce .3s ease-out}@keyframes popupBounce{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.queue-popup-content{background:var(--deep);border:3px solid var(--stamina-fill);border-radius:8px;padding:24px 32px;text-align:center;box-shadow:0 0 40px #5a9b5a66}.queue-popup-title{font-size:18px;font-weight:700;color:var(--stamina-fill);margin-bottom:8px}.queue-popup-info{font-size:14px;color:var(--cream);margin-bottom:12px}.queue-popup-timer{font-size:12px;color:var(--parchment);margin-bottom:16px}.queue-popup-actions{display:flex;gap:12px;justify-content:center}.accept-btn{padding:10px 32px;background:var(--stamina-color);border:2px solid var(--stamina-fill);border-radius:4px;color:var(--cream);font-size:14px;font-weight:600;cursor:pointer}.decline-btn{padding:10px 24px;background:var(--mauve);border:2px solid var(--hp-fill);border-radius:4px;color:var(--cream);font-size:14px;font-weight:600;cursor:pointer}.gamepad-indicator{position:fixed;bottom:180px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--deep);border:2px solid var(--stamina-fill);border-radius:20px;z-index:200;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gamepad-icon{width:24px;height:24px;background:var(--stamina-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--cream)}.gamepad-indicator span{font-size:11px;color:var(--cream)}[data-theme=dark-fantasy]{--deep: #44422D;--dark: #443223;--mid: #72583E;--olive: #7C7960;--warm: #A08670;--parchment: #DBC4A5;--mauve: #755151;--cream: #FFF9F3}[data-theme=nordic-ice]{--deep: #1a2a3a;--dark: #0f1f2f;--mid: #2a4a6a;--olive: #5a7a9a;--warm: #8ab;--parchment: #c0d8ef;--mauve: #4a5a7a;--cream: #f0f8ff;--hp-color: #4a2a5a;--hp-fill: #8a4a9a;--stamina-color: #2a5a6a;--stamina-fill: #4a9aaa}[data-theme=blood-gold]{--deep: #1a0a0a;--dark: #2a0a0a;--mid: #4a1a1a;--olive: #8a6a4a;--warm: #d4a a52;--parchment: #f0d0a0;--mauve: #6a2a2a;--cream: #fff8e8;--hp-color: #6a1a1a;--hp-fill: #c03030}[data-theme=emerald-forest]{--deep: #0a2a1a;--dark: #0a1a0a;--mid: #1a4a2a;--olive: #4a8a5a;--warm: #7aba8a;--parchment: #c0e8c0;--mauve: #2a5a3a;--cream: #f0fff0}@media(pointer:coarse){.action-slot{width:56px;height:56px;min-width:44px;min-height:44px}.inv-slot,.equip-slot,.bank-slot,.trade-slot{min-width:44px;min-height:44px}.menu-btn{padding:8px 14px;font-size:12px}.panel-close{width:32px;height:32px;font-size:20px}.chat-messages,.dungeon-list,.guildbank-grid,.backpack-grid{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.action-slot:hover,.inv-slot:hover,.menu-btn:hover{transform:none}.action-slot:active,.inv-slot.filled:active,.menu-btn:active{transform:scale(.95);filter:brightness(.9)}}@media(max-width:1200px){.modal-panel{width:90vw!important;max-width:500px}.trading-layout{flex-direction:column}.trade-divider{width:100%;height:30px;justify-content:center}.trade-arrow{transform:rotate(90deg)}}@media(max-width:1024px){#quest-tracker,#party-frame{display:none}#action-bar{width:400px}.action-slot{width:40px;height:40px}.modal-panel,.fullscreen-panel{width:90vw!important;max-height:80vh;overflow-y:auto}.pvp-modes{flex-direction:column}.talent-tier{gap:8px}.talent-node{width:48px;height:48px}}@media(max-width:768px){#player-frame{width:200px}#minimap{width:150px}#chat-panel{width:100%;left:0;bottom:0;border-radius:0}#action-bar{width:100%;left:0;transform:none;bottom:80px}.action-bar-container{justify-content:center}.resource-pillar{display:none}.menu-buttons{flex-wrap:wrap}.slots-row{justify-content:center}.modal-panel{width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;top:0!important;left:0!important;transform:none!important;border-radius:0!important}}@media(max-width:480px){#player-frame{width:100%;left:0;top:0;border-radius:0}#minimap{display:none}.action-slot{width:36px;height:36px}.slot-icon{font-size:12px}.backpack-grid,.guildbank-grid{grid-template-columns:repeat(4,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){:root{--slot-border: #fff;--panel-border: #fff;--parchment: #fff;--cream: #fff}.panel-border-9slice{border:3px solid #fff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.buff-glow,.player-marker,.quest-marker{animation:none}}:focus-visible{outline:3px solid var(--rarity-quest);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--deep);color:var(--cream);padding:8px 16px;z-index:1000;text-decoration:none}.skip-link:focus{top:0}#hud.hud-active #action-bar{display:block!important;gap:initial!important;height:auto!important;padding:initial!important;position:absolute!important}#hud.hud-active #chat-panel{height:auto!important;width:auto!important;bottom:auto!important;font-size:inherit!important}#hud.hud-active #minimap .minimap-canvas{width:100%!important;height:100%!important;opacity:1!important;border-radius:4px!important}#hud.hud-active #quest-tracker{width:auto!important;right:auto!important;top:auto!important}#hud.hud-active #player-frame{display:block!important}#hud.hud-active #target-frame:not(.hidden){display:block!important}#hud.hud-active{z-index:100!important}#hud.hud-active .modal-panel{z-index:500!important}#hud.hud-active #death-screen{z-index:9000!important}#hud.hud-active~.cdf-overlay,#hud.hud-active~.clean-dark-panel,#hud.hud-active~#tutorial-overlay,.pa-panel:not(.hud-panel){display:none!important}@keyframes pulse-red{0%,to{border-color:var(--mauve)}50%{border-color:#8a6161;box-shadow:0 0 8px #75515180}}@keyframes flash-gold-scale{0%{transform:scale(1)}50%{transform:scale(1.15);color:var(--cream)}to{transform:scale(1)}}.flash-gold{animation:flash-gold-scale .6s ease}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.toast-hiding{animation:fadeOutRight .3s ease-in forwards}@keyframes fadeOutRight{to{opacity:0;transform:translate(60px)}}.msg-combat{color:var(--mauve)}.msg-heal{color:var(--olive)}.msg-xp{color:var(--warm)}.msg-system{color:var(--olive);font-style:italic}.msg-chat{color:var(--parchment)}.msg-whisper{color:var(--cream);font-style:italic}.msg-death{color:var(--mauve);font-weight:700}.buff-expiring{animation:buff-pulse .5s ease-in-out infinite}@keyframes buff-pulse{0%,to{opacity:1}50%{opacity:.4}}.buff.debuff,.buff-icon.debuff{border-color:var(--mauve)!important}.buff.buff-positive,.buff-icon.buff-positive{border-color:var(--warm)!important}.action-slot .cooldown-overlay{position:absolute;inset:0;background:#44422dbf;display:none;align-items:center;justify-content:center;border-radius:inherit;z-index:2}.action-slot.on-cooldown .cooldown-overlay{display:flex}.action-slot .cooldown-text{color:var(--cream);font-family:Kyrou7Wide,monospace;font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.action-slot .stack-count{position:absolute;bottom:2px;right:3px;font-family:Kyrou7Wide,monospace;font-size:10px;color:var(--cream);text-shadow:1px 1px 1px rgba(0,0,0,.8);z-index:2}@keyframes levelUpPop{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}#hud .menu-buttons .menu-btn{font-size:18px!important}@media(max-width:600px){#player-frame{transform:scale(.8);transform-origin:top left}#minimap{transform:scale(.7);transform-origin:top right}#action-bar{transform:scale(.85);transform-origin:bottom center}.action-slot,.skill-slot{width:36px!important;height:36px!important}#chat-panel{max-height:120px!important;width:240px!important}.resource-pillar,#quest-tracker{display:none!important}.menu-buttons{flex-direction:row!important}.menu-btn{width:32px!important;height:32px!important;font-size:14px!important}.hud-panel.modal-panel,.hud-panel.fullscreen-panel{width:95vw!important;max-height:85vh!important;left:2.5vw!important;right:2.5vw!important}#hud .zone-name,#hud-zone-name{font-size:12px!important}.zone-subtitle,#hud-zone-subtitle{display:none!important}}.action-slot:active,.skill-slot:active{transform:scale(.9)}.menu-btn:active{transform:scale(.88)}.potion-slot:active{transform:scale(.9)}#hud,#hud *{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}#hud img,#hud canvas{image-rendering:pixelated;-webkit-image-rendering:pixelated}#inv-overlay{position:absolute;right:140px;bottom:12px;width:520px;max-height:80vh;z-index:500;background:var(--dark);border:2px solid var(--mid);font-family:Kyrou7Wide,ManaSeedBody,monospace;font-size:11px;color:var(--parchment);user-select:none;overflow:hidden}@media(max-width:600px){#inv-overlay{width:96vw;right:2vw;bottom:4px}.inv2-body{flex-direction:column!important}.inv2-left{width:100%!important}}.inv2-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#443223e6;border-bottom:1px solid var(--mid)}.inv2-title{font-size:12px;color:var(--cream);letter-spacing:1px;text-transform:uppercase}.inv2-item-count{font-size:10px;color:var(--olive);font-weight:400;text-transform:none;letter-spacing:0}.inv2-close{width:22px;height:22px;border:1px solid var(--mid);background:var(--dark);color:var(--olive);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.inv2-close:hover{border-color:var(--warm);color:var(--parchment)}.inv2-body{display:flex;gap:0;overflow-y:auto;max-height:calc(80vh - 36px)}.inv2-left{width:180px;flex-shrink:0;padding:8px;border-right:1px solid rgba(114,88,62,.4);display:flex;flex-direction:column;gap:6px}.inv2-right{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.inv2-section-label{font-size:10px;color:var(--olive);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.inv2-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--mid) 40%,var(--mid) 60%,transparent 100%);margin:4px 0}.inv2-equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.inv2-equip-slot{height:56px;border:2px solid var(--mid);background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:border-color .15s,box-shadow .2s;position:relative}.inv2-equip-slot.filled{cursor:pointer}.inv2-equip-slot.filled:hover{border-color:var(--warm);box-shadow:inset 0 0 8px #a0867033}.inv2-equip-icon{font-size:20px;line-height:1}.inv2-equip-slot:not(.filled) .inv2-equip-icon{opacity:.25}.inv2-equip-label{font-size:8px;color:var(--olive);margin-top:2px;text-transform:uppercase;letter-spacing:.5px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.inv2-stats{display:flex;flex-direction:column;gap:2px}.inv2-stat-row{display:flex;justify-content:space-between;font-size:10px;color:var(--olive);padding:2px 4px}.inv2-stat-row span:last-child{color:var(--parchment);font-weight:700}.inv2-sort-bar{display:flex;gap:4px;margin-bottom:2px}.inv2-sort-btn{flex:1;padding:3px 6px;font-size:9px;font-family:inherit;color:var(--olive);background:var(--deep);border:1px solid var(--mid);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:border-color .15s,color .15s}.inv2-sort-btn:hover{border-color:var(--warm);color:var(--parchment)}.inv2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.inv2-cell{aspect-ratio:1;border:2px solid rgba(114,88,62,.35);background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:default;transition:border-color .15s,box-shadow .15s,background .15s}.inv2-cell.filled{cursor:grab;border-color:var(--mid)}.inv2-cell.filled:hover{border-color:var(--warm);box-shadow:inset 0 0 6px #a0867026}.inv2-cell.drag-over{background:#a086701f!important;border-color:var(--warm)!important}.inv2-cell-icon{font-size:22px;line-height:1}.inv2-cell-qty{position:absolute;bottom:1px;right:3px;font-size:9px;color:var(--parchment);font-weight:700;text-shadow:0 1px 2px #000}.inv2-cell-ench{position:absolute;top:1px;left:3px;font-size:9px;font-weight:700;color:var(--olive);text-shadow:0 0 4px rgba(0,255,0,.2)}.inv2-cell-ench.high{color:var(--cream);text-shadow:0 0 6px rgba(122,74,154,.6)}.inv2-cell-ench.legendary{color:#ffe066;text-shadow:0 0 8px rgba(154,122,42,.8);animation:inv2-ench-pulse 1.5s ease-in-out infinite}@keyframes inv2-ench-pulse{0%,to{text-shadow:0 0 6px rgba(154,122,42,.6)}50%{text-shadow:0 0 14px rgba(154,122,42,1),0 0 20px rgba(255,180,0,.4)}}.inv2-dur-bar{position:absolute;bottom:0;left:2px;right:2px;height:2px;background:#00000080}.inv2-dur-fill{height:100%}.inv2-action-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 0;margin-top:4px;border-top:1px solid rgba(114,88,62,.3)}.inv2-gold-display{font-size:11px;color:var(--parchment);font-weight:700}.inv2-tooltip{display:none;position:fixed;z-index:2000;pointer-events:none;background:var(--dark);border:2px solid var(--mid);padding:8px 10px;max-width:260px;font-size:11px;color:var(--parchment);box-shadow:0 4px 16px #000c}.inv2-tt-name{font-size:12px;font-weight:700;margin-bottom:4px}.inv2-tt-ench{font-size:10px}.inv2-tt-rarity{font-size:9px;color:var(--olive);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.inv2-tt-stat{font-size:10px;color:var(--cream);padding:1px 0}.inv2-tt-dur{font-size:10px;color:var(--mauve);margin-top:4px}.inv2-tt-desc{font-size:10px;color:var(--olive);font-style:italic;margin-top:4px;padding-top:4px;border-top:1px solid rgba(114,88,62,.3)}.inv2-tt-qty,.inv2-tt-weight,.inv2-tt-price{font-size:9px;color:var(--olive);margin-top:2px}.inv2-tt-hint{font-size:9px;color:var(--warm);margin-top:6px;font-style:italic}.inv2-context-menu{display:none;position:fixed;z-index:2000;background:var(--dark);border:2px solid var(--mid);box-shadow:0 4px 20px #000c;min-width:160px;font-size:11px}.inv2-ctx-item{padding:6px 12px;cursor:pointer;color:var(--parchment);border-bottom:1px solid rgba(114,88,62,.2);transition:background .1s}.inv2-ctx-item:last-child{border-bottom:none}.inv2-ctx-item:hover{background:#a0867026}#nameplate-layer{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.nameplate{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.np-name{font-family:ManaSeedBody,sans-serif;font-size:10px;color:var(--parchment);text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap;-webkit-font-smoothing:none;padding:0 4px;background:#44322399;border-radius:2px}.np-name.np-boss{color:var(--cream);font-size:11px}.np-hp-bar{width:48px;height:4px;background:var(--deep);border:1px solid rgba(114,88,62,.5);border-radius:2px;overflow:hidden}.np-hp-fill{height:100%;background:var(--mauve);transition:width .15s ease;border-radius:1px}.np-hp-fill.np-hp-low{background:#8a2020}.nameplate.np-aggro .np-name:before{content:"⚔ ";color:var(--mauve)}@keyframes tab-flash{0%,to{background:transparent}50%{background:#7551514d}}.chat-tab-flash{animation:tab-flash .2s ease-in-out 2}.queue-popup.hidden,.queue-status.hidden,#queue-popup.hidden{display:none!important}.hidden:not(.hud-panel){display:none!important}#hud.hud-active #player-frame{display:block!important;position:absolute!important;top:16px!important;left:16px!important;width:280px!important;z-index:100!important}#hud.hud-active #minimap{display:block!important;position:absolute!important;top:16px!important;right:16px!important;left:auto!important;width:200px!important;z-index:100!important}#hud.hud-active #quest-tracker{display:block!important;position:absolute!important;top:240px!important;right:16px!important;left:auto!important;width:220px!important;z-index:100!important}#hud.hud-active #action-bar{display:block!important;position:absolute!important;inset:auto auto 16px 50%!important;transform:translate(-50%)!important;width:480px!important;z-index:100!important;background:none!important;border:none!important;box-shadow:none!important}#hud.hud-active #chat-panel{display:block!important;position:absolute!important;inset:auto auto 16px 16px!important;width:320px!important;height:220px!important;z-index:100!important;border:none!important;border-image:none!important;background:none!important}#hud.hud-active #target-frame{position:absolute!important;inset:16px auto auto 310px!important;width:250px!important;z-index:100!important}#hud.hud-active #toast-area{display:flex!important;position:absolute!important;top:240px!important;right:240px!important;left:auto!important;width:220px!important;z-index:300!important}#hud.hud-active #party-frame{position:absolute!important;top:200px!important;left:16px!important;width:180px!important}#hud.hud-active .menu-buttons{display:flex!important;justify-content:center!important;gap:4px!important;padding-top:4px!important}#hud.hud-active .action-bar-container{display:flex!important;align-items:flex-end!important;gap:8px!important}#hud.hud-active .resource-pillar{display:flex!important}#hud.hud-active .action-slots{display:flex!important;flex-direction:column!important;gap:4px!important}#hud.hud-active .minimap-header .zone-name,#hud.hud-active #hud-zone-name{display:inline!important}#hud>*{pointer-events:none!important}#hud .panel-border-9slice,#hud .menu-buttons,#hud .menu-btn,#hud .chat-tabs,#hud .chat-input,#hud .chat-send,#hud .action-slot,#hud .skill-slot,#hud .potion-slot,#hud .quest-toggle,#hud .map-btn,#hud .panel-close,#hud .target-close,#hud button,#hud input,#hud select,#hud .overlay-panel.open{pointer-events:auto!important}#time-hud,#chat-bubble,#achievement-toasts,#m-joystick,.thumb-bar,#thumb-bar{display:none!important}canvas{image-rendering:pixelated!important;-webkit-image-rendering:pixelated!important}