@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Crimson+Pro:wght@400;600&display=swap";:root{--dark-bg: #0a0a0e;--dark-surface: #151520;--dark-surface-alt: rgba(30, 30, 40, .6);--dark-border: #252530;--metal-light: #8e9196;--metal-dark: #505259;--accent-gold: #c6a856;--accent-gold-dim: rgba(198, 168, 86, .3);--accent-gold-glow: rgba(198, 168, 86, .7);--accent-teal: #2a9d8f;--text-light: #e0e0e0;--text-muted: #9a9a9a;--shadow-color: rgba(0, 0, 0, .7);--shadow-soft: rgba(0, 0, 0, .3);--title-font: "Cinzel", serif;--body-font: "Crimson Pro", serif;--pixel-font: w95fa;--ui-scale: 1;--panel-radius: 5px;--btn-radius: 4px;--eo-brown: #7b5a29;--eo-font-color-light: #f0f0c8}@font-face{font-family:w95fa;src:url(/w95fa.woff2);font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{padding:0;margin:0;overflow:hidden;background-color:var(--dark-bg);font-family:var(--body-font);color:var(--text-light)}::selection{background:var(--accent-gold);color:var(--dark-bg)}@media(max-aspect-ratio:4 / 3){#container{height:100vh;width:calc(100vh * 4 / 3);max-width:100vw}}#container{position:relative;width:100vw;height:75vw;max-height:100vh}@media(max-aspect-ratio:4 / 3){#container{height:100vh}}#game{position:absolute;top:0;display:block;image-rendering:pixelated;left:50%;transform:translate(-50%);z-index:0}@media(min-aspect-ratio:16 / 9){#container{height:100vh}#game{transform:translate(-50%)}}#ui{position:absolute;display:flex;width:100%;height:100%;z-index:1}#dialogs{display:flex;gap:1em;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;z-index:1010}.hidden{display:none!important}#cover{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;backdrop-filter:blur(2px);z-index:1000}.title{font-family:var(--title-font);font-size:14px;font-weight:700;color:var(--accent-gold);text-shadow:1px 1px 3px rgba(0,0,0,.5);letter-spacing:.5px}.message{font-family:var(--body-font);font-size:13px;color:var(--text-light);line-height:1.5}.img-btn{--bg-url: none !important;background-image:none!important;background-color:transparent;background:linear-gradient(to bottom,#c6a8561f,#1e1912f2 40%,#14120cfa)!important;color:var(--accent-gold)!important;border:1px solid rgba(198,168,86,.35)!important;border-top-color:#c6a85680!important;border-bottom-color:#7864324d!important;border-radius:var(--btn-radius);padding:8px 20px!important;font-family:var(--title-font)!important;font-size:11px!important;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .25s ease;text-shadow:0 0 6px rgba(198,168,86,.3),1px 1px 2px rgba(0,0,0,.6);box-shadow:0 2px 6px #00000080,inset 0 1px #c6a8561a;width:auto!important;height:auto!important;min-width:70px;text-align:center;line-height:1.4;position:relative}.img-btn:hover{background:linear-gradient(to bottom,#c6a85640,#322814f2 40%,#1e190ffa)!important;background-position:unset!important;color:#e8d48a!important;text-shadow:0 0 10px rgba(198,168,86,.6),0 0 20px rgba(198,168,86,.2);box-shadow:0 4px 12px #00000080,0 0 12px #c6a85626,inset 0 1px #c6a85633;transform:translateY(-1px);border-color:#c6a85699!important;border-top-color:#c6a856b3!important}.img-btn:active{transform:translateY(1px);background:linear-gradient(to bottom,#7864321a,#0f0c08fa,#0a0805)!important;box-shadow:0 1px 2px #0006,inset 0 2px 4px #0000004d;border-color:#c6a85640!important;color:var(--accent-gold)!important}.img-btn[data-id=create-account]:after{content:"Create Account"}.img-btn[data-id=play-game]:after{content:"Play Game"}.img-btn[data-id=view-credits]:after{content:"Credits"}.img-btn[data-id=credits-back]:after{content:"Back"}.img-btn[data-id=access-submit]:after{content:"Submit"}.img-btn[data-id=access-cancel]:after{content:"Cancel"}.img-btn[data-id=create]:after{content:"Create"}.img-btn[data-id=cancel-big]:after{content:"Cancel"}.img-btn[data-id=connect-big]:after{content:"Connect"}.img-btn[data-id=password]:after{content:"Password"}.img-btn[data-id=connect]:after{content:"Connect"}.img-btn[data-id=cancel]:after{content:"Cancel"}.img-btn[data-id=login]:after{content:"Login"}.img-btn[data-id=delete]:after{content:"Delete"}.img-btn[data-id=ok]:after{content:"OK"}.img-btn[data-id=back]:after{content:"Back"}.img-btn[data-id=next]:after{content:"Next"}#death-screen{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;animation:deathFadeIn 1.5s ease-out}#death-screen.hidden{display:none}@keyframes deathFadeIn{0%{opacity:0}to{opacity:1}}.death-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px}.death-title{font-family:var(--title-font);font-size:48px;font-weight:800;color:#c62828;letter-spacing:6px;text-shadow:0 0 20px rgba(198,40,40,.6),0 0 60px rgba(198,40,40,.3),0 2px 4px rgba(0,0,0,.8);animation:deathPulse 2s ease-in-out infinite}@keyframes deathPulse{0%,to{text-shadow:0 0 20px rgba(198,40,40,.6),0 0 60px rgba(198,40,40,.3),0 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 30px rgba(198,40,40,.8),0 0 80px rgba(198,40,40,.5),0 2px 4px rgba(0,0,0,.8)}}.death-continue{font-family:var(--title-font);font-size:16px;font-weight:600;letter-spacing:2px;color:var(--accent-gold);background:#c6a85614;border:1px solid rgba(198,168,86,.4);border-radius:6px;padding:12px 48px;cursor:pointer;transition:all .2s ease}.death-continue:hover{background:#c6a8562e;border-color:var(--accent-gold);box-shadow:0 0 15px #c6a8564d}.img-btn[data-id=exit-game]{min-width:unset;padding:8px 10px!important;background:linear-gradient(to bottom,#501e1ecc,#280f0fe6)!important;border-color:#8b454580!important;font-size:14px!important}.img-btn[data-id=exit-game]:after{content:"✕"}.img-btn[data-id=exit-game]:hover{background:linear-gradient(to bottom,#8b4545cc,#501e1ee6)!important;border-color:#e57373!important}.img-btn[data-id=toggle-arrow]{min-width:unset;padding:3px 8px!important;font-size:10px!important;background:linear-gradient(to bottom,#c6a85614,#14120cf2)!important}.img-btn[data-id=toggle-arrow]:after{content:"▼"}.img-btn[data-id=inventory],.img-btn[data-id=map],.img-btn[data-id=spells],.img-btn[data-id=stats],.img-btn[data-id=online],.img-btn[data-id=party]{min-width:unset;padding:3px 6px!important;font-size:9px!important;letter-spacing:.5px;background:linear-gradient(to bottom,#c6a85614,#14120cf2)!important;border-color:#c6a85633!important}.img-btn[data-id=inventory]:after{content:"INV"}.img-btn[data-id=map]:after{content:"MAP"}.img-btn[data-id=spells]:after{content:"SPELLS"}.img-btn[data-id=stats]:after{content:"STATS"}.img-btn[data-id=online]:after{content:"ONLINE"}.img-btn[data-id=party]:after{content:"PARTY"}.img-btn[data-id=inventory]:hover,.img-btn[data-id=map]:hover,.img-btn[data-id=spells]:hover,.img-btn[data-id=stats]:hover,.img-btn[data-id=online]:hover,.img-btn[data-id=party]:hover{background:linear-gradient(to bottom,#c6a8562e,#1e1912f2)!important;color:#e8d48a!important;border-color:#c6a85666!important}.img-btn[data-id=quest-select]{min-width:unset;padding:2px 6px!important;font-size:10px!important}.img-btn[data-id=quest-select]:after{content:"📜"}.img-btn[data-id=upgrade-stat]{min-width:unset;padding:1px 5px!important;font-size:10px!important;background:linear-gradient(to bottom,#2a9d8f4d,#151520cc)!important;border-color:#2a9d8f66!important}.img-btn[data-id=upgrade-stat]:after{content:"+"}.img-btn[data-id=upgrade-stat]:hover{background:linear-gradient(to bottom,#2a9d8f80,#151520e6)!important;border-color:var(--accent-teal)!important;color:#3dd1bf!important}input[type=text],input[type=password]{background:var(--dark-surface-alt);color:var(--text-light);border:1px solid var(--metal-dark);border-radius:var(--btn-radius);padding:8px 12px;font-family:var(--body-font);font-size:14px;outline:none;transition:all .3s ease}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold-dim);background:#1e1e28cc}input[type=text]::placeholder,input[type=password]::placeholder{color:var(--text-muted);font-style:italic}@keyframes pulse{0%{opacity:.7}50%{opacity:1;text-shadow:0 0 8px var(--accent-gold-glow)}to{opacity:.7}}@keyframes pulse-sprite{0%,to{opacity:1}50%{opacity:.7}}.heart-sprite.low-health{animation:pulse-sprite 1s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}div.icon{background:url(/gfx/gfx002/132.png);width:13px;height:13px}div.icon[data-id="-1"]{background:transparent}div.icon[data-id="1"]{background-position-y:-13px}div.icon[data-id="2"]{background-position-y:-26px}div.icon[data-id="3"]{background-position-y:-39px}div.icon[data-id="4"]{background-position-y:-52px}div.icon[data-id="5"]{background-position-y:-65px}div.icon[data-id="6"]{background-position-y:-78px}div.icon[data-id="7"]{background-position-y:-91px}div.icon[data-id="8"]{background-position-y:-104px}div.icon[data-id="9"]{background-position-y:-117px}div.icon[data-id="10"]{background-position-y:-130px}div.icon[data-id="11"]{background-position-y:-143px}div.icon[data-id="12"]{background-position-y:-156px}div.icon[data-id="13"]{background-position-y:-169px}div.icon[data-id="14"]{background-position-y:-182px}div.icon[data-id="15"]{background-position-y:-195px}div.icon[data-id="16"]{background-position-y:-208px}div.icon[data-id="17"]{background-position-y:-221px}div.icon[data-id="18"]{background-position-y:-234px}div.icon[data-id="19"]{background-position-y:-247px}div.icon[data-id="20"]{background-position-y:-260px}div.icon[data-id="21"]{background-position-y:-273px}div.icon[data-id="22"]{background-position-y:-286px}div.icon[data-id="23"]{background-position-y:-299px}.img-label{--bg-url: "";--bg-x: 0;--bg-y: 0;--width: 0;--height: 0;display:block;background-color:transparent;background:var(--bg-url) var(--bg-x) var(--bg-y);width:var(--width);height:var(--height);user-select:none}.img-label[data-id=account-name]{--bg-url: url(/gfx/gfx001/112.png);--bg-x: 0;--bg-y: 0;--width: 149px;--height: 16px}.img-label[data-id=password]{--bg-url: url(/gfx/gfx001/112.png);--bg-x: 0;--bg-y: -17px;--width: 149px;--height: 12px}.img-label[data-id=confirm-password]{--bg-url: url(/gfx/gfx001/112.png);--bg-x: 0;--bg-y: -29px;--width: 149px;--height: 16px}.img-label[data-id=real-name]{--bg-url: url(/gfx/gfx001/112.png);--bg-x: 0;--bg-y: -44px;--width: 149px;--height: 16px}.img-label[data-id=location]{--bg-url: url(/gfx/gfx001/112.png);--bg-x: 0;--bg-y: -58px;--width: 149px;--height: 16px}.img-label[data-id=email]{--bg-url: url(/gfx/gfx001/112.png);--bg-x: 0;--bg-y: -76px;--width: 149px;--height: 16px}.img-label[data-id=gender]{--bg-url: url(/gfx/gfx001/122.png);--bg-x: 0;--bg-y: -38px;--width: 23px;--height: 18px}.img-label[data-id=hair-color]{--bg-url: url(/gfx/gfx001/122.png);--bg-x: 0;--bg-y: 0;--width: 23px;--height: 18px}.img-label[data-id=hair-style]{--bg-url: url(/gfx/gfx001/122.png);--bg-x: 0;--bg-y: -20px;--width: 23px;--height: 18px}.img-label[data-id=skin]{--bg-url: url(/gfx/gfx001/122.png);--bg-x: -46px;--bg-y: -38px;--width: 23px;--height: 18px}.slider-container{position:absolute;width:123px;height:16px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:8px;left:24px;top:96px}.slider-thumb{position:absolute;top:-1px;width:16px;height:15px;background:linear-gradient(to bottom,var(--accent-gold) 0%,var(--metal-dark) 100%);border-radius:50%;border:1px solid var(--accent-gold);touch-action:none;user-select:none;cursor:grab}.slider-thumb:hover{box-shadow:0 0 6px var(--accent-gold-dim)}.scroll-handle{position:absolute;right:16px;width:14px;height:20px;background:linear-gradient(to bottom,var(--metal-dark) 0%,var(--dark-border) 100%);border:1px solid var(--dark-border);border-radius:3px;touch-action:none;user-select:none;cursor:grab}.scroll-handle:hover{background:linear-gradient(to bottom,var(--accent-gold) 0%,var(--metal-dark) 100%);border-color:var(--accent-gold)}@media(max-width:940px){:root{--ui-scale: .9}#inventory{right:44px;top:40px;transform:scale(.9);transform-origin:top right}#in-game-menu{gap:2px;padding:2px}#in-game-menu .img-btn{width:30px!important;height:30px!important}#hotbar{bottom:90px}#chat{width:200px;font-size:11px}#dialogs>div:not(.hidden){transform:scale(.9);transform-origin:center}}@media(max-width:768px){:root{--ui-scale: .8}#hud{min-width:140px;padding:6px 8px}#hud .hud-name{font-size:12px}.stat-label{font-size:10px}#inventory{right:36px;width:180px}#hotbar .slot{width:3em;height:3em}#hotbar .slot:after{font-size:8px;width:12px;height:12px}#dialogs>div:not(.hidden){transform:scale(.85);transform-origin:center}#chat ul{height:100px}}@media(max-width:480px){:root{--ui-scale: .6}#hud{left:5px;top:5px;min-width:120px;padding:5px 6px;gap:2px}#hud .hud-name{font-size:11px}#hud .hud-level{font-size:10px}.stat-label{font-size:9px}#hud .bar{height:10px}#inventory{right:30px;top:35px;width:160px;height:260px;transform:scale(.85);transform-origin:top right}#hotbar .slot{width:2.5em;height:2.5em}#chat{width:150px;font-size:10px}#chat ul{height:80px}#chat-message{height:22px;font-size:11px}#exit-game{top:2px;right:2px}#exit-game .img-btn,#in-game-menu .img-btn{width:26px!important;height:26px!important}#dialogs>div:not(.hidden){transform:scale(.75);transform-origin:center}}@media(max-height:400px){#hud{top:2px;left:2px;min-width:110px;padding:3px 5px}#hotbar{bottom:65px}#hotbar .slot{width:2.2em;height:2.2em}#chat{top:25px}#chat ul{height:60px}}#shop{position:relative;user-select:none;box-sizing:border-box;width:290px;height:300px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d}#shop:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border));border-radius:var(--panel-radius) var(--panel-radius) 0 0}#shop .shop-name{position:absolute;color:var(--accent-gold);font-family:var(--title-font);font-size:13px;font-weight:700;letter-spacing:.5px;left:20px;top:14px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}#shop .buttons{position:absolute;bottom:10px;left:10px;width:265px;display:flex;gap:6px;justify-content:center}#shop .item-list{position:absolute;top:42px;left:16px;width:254px;height:206px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface)}#shop .item-list::-webkit-scrollbar{width:6px}#shop .item-list::-webkit-scrollbar-track{background:var(--dark-surface)}#shop .item-list::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}#shop .item-list::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.menu-item{color:var(--text-light);font-family:var(--body-font);font-size:12px;position:relative;width:240px;padding:2px 4px;border-radius:3px;transition:background-color .2s ease}.menu-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(198,168,86,.08),transparent);opacity:0;pointer-events:none;z-index:0;border-radius:3px;border-left:2px solid var(--accent-gold)}.menu-item:hover:before{opacity:1}.menu-label{position:absolute;top:6px;left:53px;font-family:var(--body-font)}.menu-item.item .menu-label,.menu-item.item .menu-description{left:62px}.menu-description{position:absolute;top:19px;left:53px;color:var(--text-muted);font-size:11px}.link{text-decoration:underline;color:var(--accent-gold)}.menu-item.item{position:relative;display:grid;grid-template-columns:48px auto;align-items:center;padding:0 .5rem;cursor:pointer;height:38px;background-image:url(/gfx/gfx003/100.png);background-repeat:no-repeat;background-position:left center;background-size:auto;image-rendering:pixelated;width:230px}.menu-item-img{max-width:48px;max-height:48px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;justify-self:center}.menu-item.text{min-height:12px}.menu-item-icon{background-color:var(--dark-bg);background-image:url(/gfx/gfx002/127.png);width:31px;height:31px;border-radius:4px;border:1px solid var(--dark-border)}.menu-item-icon[data-id="0"]{background-position-y:-291px}.menu-item-icon[data-id="1"]{background-position-y:-291px;background-position-x:-31px}.menu-item-icon[data-id="2"]{background-position-y:-291px;background-position-x:-63px}.menu-item-icon[data-id="3"]{background-position-y:-291px;background-position-x:-94px}.menu-item-icon[data-id="4"]{background-position-y:-291px;background-position-x:-124px}.menu-item-icon[data-id="5"]{background-position-y:-291px;background-position-x:-155px}.menu-item-icon[data-id="20"]{background-position-y:-353px;background-position-x:-63px}.menu-item-icon[data-id="21"]{background-position-y:-353px;background-position-x:-94px}.notyf__wrapper{background:var(--dark-surface)!important;border:1px solid var(--dark-border);border-radius:var(--btn-radius);opacity:.9;padding:4px 8px!important;font-family:var(--body-font);font-size:.85rem;color:var(--text-light)}.notyf__toast--upper{margin-bottom:10px!important}.debug{width:100%;height:auto;position:static}#offset-tweaker{color:var(--text-light);position:absolute;top:20px;right:100px;font-family:var(--body-font)}#offset-tweaker input{width:40px;background:var(--dark-surface);border:1px solid var(--dark-border);color:var(--text-light)}.dialog-md{position:relative;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;color:var(--text-light);width:290px;height:300px;user-select:none}.dialog-md:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border));border-radius:var(--panel-radius) var(--panel-radius) 0 0}.dialog-md .dialog-contents .player{flex-direction:column;width:103px;font-family:var(--body-font);font-size:12px;color:var(--text-muted);align-items:center;padding:5px;z-index:1;border-radius:4px;transition:background-color .2s ease}.dialog-md .dialog-contents .player:hover{position:relative;background-color:#c6a85614}.dialog-md .dialog-contents .player:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;z-index:-1}.dialog-md .dialog-contents .player .nameplate{display:flex;flex-direction:row}.dialog-md .dialog-contents .player .nameplate .name{text-transform:capitalize;font-weight:700;color:var(--text-light);padding:0 2px;font-family:var(--title-font);font-size:11px}.dialog-md .dialog-contents .player .nameplate .guild,.dialog-md .dialog-contents .player .nameplate .name,.dialog-md .dialog-contents .player .nameplate .icon{margin:0 1px}.dialog-md .dialog-contents .player .title{font-style:italic;text-align:center;color:var(--text-muted);font-size:11px}.dialog-md .dialog-contents{position:absolute;top:40px;left:12px;width:260px;height:210px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:6px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface);touch-action:pan-y}.dialog-md .dialog-contents::-webkit-scrollbar{width:6px}.dialog-md .dialog-contents::-webkit-scrollbar-track{background:var(--dark-surface)}.dialog-md .dialog-contents::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}.dialog-md .dialog-contents::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.dialog-md .dialog-contents>div{display:flex;flex-direction:column;align-items:center}.dialog-md .spell-name{color:var(--text-light);font-family:var(--body-font);font-size:10px;max-width:32px;text-align:center}.dialog-md .spell-level{color:var(--text-muted);font-family:var(--body-font);font-size:9px;position:relative}.dialog-md .spell-icon{width:34px;height:32px;border-radius:4px;border:1px solid var(--dark-border);transition:border-color .2s ease}.dialog-md .spell-icon:hover{background-position-x:-34px;border-color:var(--accent-gold)}.dialog-md .spell-grid::-webkit-scrollbar{display:none}.dialog-md .scroll-handle{position:absolute;right:14px;width:14px;height:20px;background:linear-gradient(to bottom,var(--metal-dark) 0%,var(--dark-border) 100%);border:1px solid var(--dark-border);border-radius:3px;touch-action:none;user-select:none}.dialog-md .scroll-handle:hover{background:linear-gradient(to bottom,var(--accent-gold) 0%,var(--metal-dark) 100%)}.dialog-md .label{position:absolute;top:14px;left:18px;color:var(--accent-gold);font-family:var(--title-font);font-size:13px;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.dialog-md button[data-id=cancel]{position:absolute;bottom:10px;left:98px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translate(25%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translate(13%)}to{transform:scale(1) translateY(-45%) translate(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px #00000040;position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translate(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translate(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:#00000040;border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:#00000026}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px #00000021;width:100%}.notyf__dismiss{width:56px}}#settings{position:relative;width:320px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;color:var(--text-light);font-family:var(--body-font);font-size:13px;z-index:9999;user-select:none;padding:14px 20px 54px;overflow:hidden}#settings:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#settings .settings-title{font-family:var(--title-font);font-size:16px;font-weight:700;color:var(--accent-gold);text-align:center;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--dark-border)}#settings .setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(37,37,48,.4)}#settings .setting-row:last-of-type{border-bottom:none}#settings .setting-label{font-family:var(--body-font);font-size:12px;color:var(--text-muted)}#settings .toggle-switch{position:relative;width:40px;height:20px;flex-shrink:0}#settings .toggle-switch input{opacity:0;width:0;height:0}#settings .toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:10px;transition:all .3s ease}#settings .toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;bottom:2px;background:var(--metal-dark);border-radius:50%;transition:all .3s ease}#settings .toggle-switch input:checked+.toggle-slider{background:#2a9d8f4d;border-color:var(--accent-teal)}#settings .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:var(--accent-teal)}#settings .slider-group{display:flex;align-items:center;gap:8px;flex-shrink:0}#settings .slider-group input[type=range]{-webkit-appearance:none;appearance:none;width:100px;height:6px;background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:3px;outline:none;cursor:pointer}#settings .slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-gold);border:1px solid var(--metal-dark);cursor:grab;box-shadow:0 0 4px var(--accent-gold-dim)}#settings .slider-group input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-gold);border:1px solid var(--metal-dark);cursor:grab}#settings .slider-value{font-family:var(--body-font);font-size:11px;color:var(--text-muted);min-width:32px;text-align:right}#settings .setting-btn{padding:4px 14px;font-family:var(--body-font);font-size:11px;color:var(--text-light);background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:4px;cursor:pointer;transition:all .2s ease}#settings .setting-btn:hover{background:#c6a85626;border-color:var(--accent-gold-dim);color:var(--accent-gold)}#settings>button[data-id=cancel]{position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media screen and (max-width:939px){#chat{left:200px!important;right:auto!important;transform:none;top:10px!important;width:180px!important}#chat ul{height:80px!important}}@media screen and (min-width:470px)and (max-width:939px){#chat{width:240px!important}}@media screen and (min-width:470px){#chat{width:400px!important;left:10px}}@media screen and (min-width:940px){#chat{top:unset!important;bottom:0;transform:none}}#chat ul,#chat ul *{user-select:text!important}#chat ul{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--metal-dark) transparent}#chat ul::-webkit-scrollbar{width:4px}#chat ul::-webkit-scrollbar-track{background:transparent}#chat ul::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:2px}#chat ul::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}#chat{position:absolute;z-index:1020;top:30px;background:#0a0a0ebf;border:1px solid var(--dark-border);border-radius:var(--panel-radius);backdrop-filter:blur(4px);width:200px;color:var(--text-light);padding:8px;font-family:var(--body-font)}#chat a{color:var(--accent-gold)}#chat-message{padding:6px 10px;background:var(--dark-surface-alt);border:1px solid var(--metal-dark);border-radius:var(--btn-radius);color:var(--text-light);font-family:var(--body-font);width:100%;height:26px;margin-top:6px;box-sizing:border-box;outline:none;transition:border-color .3s ease}#chat-message:focus{border-color:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold-dim)}#btn-toggle-chat{padding:3px 8px;background:var(--dark-surface);color:var(--text-muted);border:1px solid var(--dark-border);border-radius:var(--btn-radius);outline:none;user-select:none;float:right;font-family:var(--body-font);font-size:11px;cursor:pointer;transition:all .2s ease}#btn-toggle-chat:hover{color:var(--accent-gold);border-color:var(--accent-gold)}#chat-tab-bar{margin-top:-14px}#chat-tab-bar button{padding:3px 8px;background:var(--dark-surface);color:var(--text-muted);border:1px solid var(--dark-border);border-radius:var(--btn-radius) var(--btn-radius) 0 0;outline:none;user-select:none;font-family:var(--body-font);font-size:11px;cursor:pointer;transition:all .2s ease}#chat-tab-bar button:hover{color:var(--accent-gold)}#chat-tab-bar button.active{color:var(--accent-gold);border-bottom-color:transparent;background:#0a0a0ebf}#chat ul{list-style:none;padding:0;height:130px;overflow-y:auto}#chat li{padding-top:4px;padding-bottom:2px;word-break:break-all;display:flex;gap:1px;font-size:12px}#chat li div.msg{max-width:96%}#chat li div.msg>.author{color:var(--accent-gold);padding-right:5px;font-weight:600}#chat li.error-message{color:#ff6b6b}.game-tooltip{position:fixed;min-width:140px;max-width:200px;background:#0d0d14f2;border:1px solid var(--dark-border);border-radius:3px;pointer-events:none;opacity:0;z-index:99999;padding:0;font-family:var(--body-font)}.game-tooltip.visible{opacity:1}.game-tooltip .tt-header{padding:6px 8px 3px;display:flex;align-items:baseline;gap:6px}.game-tooltip .tt-name{font-size:12px;font-weight:700;color:var(--accent-gold);white-space:nowrap}.game-tooltip .tt-amount{font-size:10px;color:var(--text-muted);white-space:nowrap}.game-tooltip .tt-type{padding:0 8px 4px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.game-tooltip .tt-divider{height:1px;background:var(--dark-border);margin:0 6px}.game-tooltip .tt-stats{padding:4px 8px;display:flex;flex-direction:column;gap:2px}.game-tooltip .tt-row{display:flex;justify-content:space-between;align-items:baseline;font-size:10px}.game-tooltip .tt-label{color:var(--text-muted)}.game-tooltip .tt-value{color:var(--text-light);font-weight:600}.game-tooltip .tt-value.green{color:#7dce82}.game-tooltip .tt-value.blue{color:#6db3f2}.game-tooltip .tt-value.gold{color:var(--accent-gold)}.game-tooltip .tt-reqs{padding:4px 8px 5px;font-size:9px;color:#d4756a;border-top:1px solid rgba(180,80,70,.15);display:flex;flex-wrap:wrap;gap:2px 6px}.game-tooltip .tt-req-label{color:#b8655b;text-transform:uppercase;letter-spacing:.5px;font-size:8px;width:100%;margin-bottom:1px}.game-tooltip .tt-req-item{white-space:nowrap}#hotbar{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:4px;z-index:1020;counter-reset:slot-counter}#hotbar .slot{padding:3px;position:relative;width:4em;height:4em;border:1px solid var(--dark-border);border-radius:6px;background:var(--dark-surface);display:flex;justify-content:center;align-items:center;counter-increment:slot-counter;transition:all .2s ease}#hotbar .slot:hover{border-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold-dim),inset 0 0 4px #c6a8561a}#hotbar .slot:before{content:"";width:100%;height:100%;background:#0a0a0e80;z-index:1021;box-sizing:border-box;border-radius:4px}#hotbar .slot:after{width:14px;height:14px;content:counter(slot-counter);color:var(--accent-gold);font-family:var(--title-font);font-size:9px;font-weight:700;top:3px;left:3px;background:var(--dark-bg);border:1px solid var(--dark-border);position:absolute;border-radius:0 0 4px;align-items:center;justify-content:center;line-height:normal;z-index:1022;display:flex}#hotbar .slot .item,#hotbar .slot .skill{position:absolute;z-index:1023}#hotbar .slot .skill{width:34px;height:32px;scale:1.3}#hotbar .slot .item{background:url(/gfx/gfx003/100.png);width:64px;height:32px;display:flex;justify-content:center;align-items:center;scale:1.3}@media screen and (max-width:939px){#hotbar .slot:nth-child(n+6){display:none}#hotbar .slot{width:4em;height:4em;overflow:hidden}#hotbar .slot .item,#hotbar .slot .skill{scale:1}}#bank{position:relative;user-select:none;box-sizing:border-box;width:290px;height:250px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;overflow:hidden}#bank:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#bank .balance{position:absolute;left:130px;top:16px;width:140px;color:var(--accent-gold);font-family:var(--title-font);font-size:13px;font-weight:700;text-align:right}#bank button[data-id=ok]{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#bank .item-list{position:absolute;left:18px;top:46px;width:254px;height:152px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface)}#change-password-form{position:absolute;width:380px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;z-index:1020;padding:20px 24px 60px;overflow:hidden}#change-password-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#change-password-form input[name=username],#change-password-form input[name=old-password],#change-password-form input[name=new-password],#change-password-form input[name=confirm-new-password]{position:absolute;left:180px;width:170px;padding:6px 10px}#change-password-form input[name=username]{top:55px}#change-password-form input[name=old-password]{top:90px}#change-password-form input[name=new-password]{top:125px}#change-password-form input[name=confirm-new-password]{top:160px}#change-password-form .buttons{position:absolute;display:flex;gap:8px;bottom:14px;right:18px}#character-select{display:flex;flex-flow:column;position:absolute;gap:0;background:linear-gradient(180deg,#191926fa,#0f0f16fc);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 6px 24px #0009,0 0 15px #c6a8560d,inset 0 1px #ffffff0a;overflow:hidden;user-select:none}#character-select:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border));z-index:2;border-radius:var(--panel-radius) var(--panel-radius) 0 0}#character-select .cs-header{display:flex;align-items:center;justify-content:center;padding:10px 12px 8px;background:linear-gradient(180deg,#282837e6,#191926e6);border-bottom:1px solid var(--dark-border)}#character-select .cs-title{font-family:var(--title-font);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent-gold);text-shadow:0 1px 3px rgba(0,0,0,.5);text-transform:uppercase}#character-select .characters{display:flex;flex-flow:row;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px}#character-select .character{background:linear-gradient(180deg,#14141ef2,#0c0c12fa);border:1px solid rgba(37,37,48,.6);border-left:3px solid rgba(198,168,86,.3);border-radius:4px;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff08;width:260px;height:130px;position:relative;transition:all .25s ease}#character-select .character:hover{border-color:#252530cc;border-left-color:#c6a85680;box-shadow:0 4px 16px #00000080,0 0 10px #c6a8560a,inset 0 1px #ffffff0d;transform:translateY(-1px);background:linear-gradient(180deg,#191924f2,#0f0f16fa)}#character-select .character>.buttons{position:absolute;bottom:10px;left:150px;display:flex;gap:4px;flex-flow:column}#character-select .character .name{position:absolute;top:16px;left:148px;width:104px;text-align:center;color:var(--accent-gold);font-family:var(--title-font);font-size:13px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.5)}#character-select .character .level{position:absolute;top:104px;left:20px;color:var(--text-muted);font-family:var(--body-font);font-size:11px}#character-select .character .level:not(:empty):before{content:"Lv. ";color:var(--text-muted);font-family:var(--title-font);font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.6}#character-select .character .preview{position:absolute;top:15px;left:40px}#character-select .character .admin-level{position:absolute;top:104px;left:100px;width:13px;height:13px}#character-select .character .admin-level.level-2,#character-select .character .admin-level.level-3,#character-select .character .admin-level.level-4{background-image:url(/gfx/gfx002/132.png);background-position:0 -155px}#character-select .character .admin-level.level-5{background-image:url(/gfx/gfx002/132.png);background-position:0 -181px}#character-select>.buttons{display:flex;gap:0;border-top:1px solid var(--dark-border);background:linear-gradient(180deg,#19192699,#0f0f16cc)}#character-select>.buttons .img-btn{flex:1;min-width:unset;border:none!important;border-right:1px solid rgba(37,37,48,.4)!important;border-radius:0;background:transparent!important;color:var(--text-muted)!important;font-size:9px!important;letter-spacing:.8px;padding:8px 0!important;box-shadow:none;text-shadow:none}#character-select>.buttons .img-btn:last-child{border-right:none!important}#character-select>.buttons .img-btn:hover{color:var(--accent-gold)!important;background:#c6a8560f!important;text-shadow:0 0 6px var(--accent-gold-dim);transform:none;box-shadow:none}@media screen and (max-width:939px){#character-select .characters{padding:8px;gap:6px}#character-select .character{width:200px;height:100px}#character-select .character .name{left:110px;top:12px;width:80px;font-size:11px}#character-select .character>.buttons{left:110px;bottom:6px}#character-select .character .preview{top:10px;left:20px;transform:scale(.8);transform-origin:top left}#character-select .character .level{top:80px;left:10px;font-size:10px}}@media screen and (max-height:400px){#character-select .character{width:180px;height:85px}#character-select .character .name{left:95px;top:8px;width:75px;font-size:10px}#character-select .character>.buttons{left:95px;bottom:4px}#character-select .character>.buttons .img-btn{padding:2px 6px!important;font-size:9px!important}#character-select .character .preview{top:5px;left:10px;transform:scale(.65)}#character-select>.buttons .img-btn{padding:4px 10px!important;font-size:10px!important}}#chest{position:relative;user-select:none;box-sizing:border-box;width:290px;height:280px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;overflow:hidden}#chest:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#chest .chest-items{position:absolute;top:16px;left:16px;color:var(--text-light);font-family:var(--body-font);font-size:12px;width:254px;height:206px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface)}#chest .chest-item{position:relative;display:grid;grid-template-columns:48px auto;align-items:center;padding:0 .5rem;cursor:pointer;height:38px;background-image:url(/gfx/gfx003/100.png);background-repeat:no-repeat;background-position:left center;background-size:auto;image-rendering:pixelated;border-radius:3px;transition:background-color .2s ease}#chest .chest-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(198,168,86,.08),transparent);opacity:0;pointer-events:none;z-index:0;border-radius:3px;border-left:2px solid var(--accent-gold)}#chest .chest-item:hover:before{opacity:1}#chest .chest-item .item-image{max-width:48px;max-height:48px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;justify-self:center}#chest .chest-item .item-text{position:relative;z-index:1;flex:1}#chest .chest-item .item-name{color:var(--text-light);font-family:var(--body-font);font-size:12px;margin:0}#chest .chest-item .item-quantity{color:var(--text-muted);font-size:11px;margin:2px 0 0}#chest button[data-id=cancel]{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#create-account-form{display:flex;flex-flow:column;align-self:center;margin:auto;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);padding:24px 32px;box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;position:relative;overflow:hidden;max-width:400px}#create-account-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#create-account-form form{display:flex;flex-flow:column;align-items:center;gap:10px}#create-account-form form>div{display:flex;flex-flow:column;gap:5px;width:100%}#create-account-form .img-label{color:var(--metal-light);font-family:var(--body-font);font-size:13px}#create-account-form input[type=text],#create-account-form input[type=password]{width:100%}#create-account-form .buttons{display:flex;flex-flow:row;gap:8px;margin-top:8px}#create-character-form{position:absolute;width:340px;max-width:95vw;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;z-index:1020;padding:16px;overflow:hidden}#create-character-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#create-character-form .title{font-family:var(--title-font);font-size:15px;color:var(--accent-gold);text-align:center;margin-bottom:12px;letter-spacing:1.5px;text-transform:uppercase}.cc-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cc-row label{font-family:var(--title-font);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;min-width:40px}#create-character-name{flex:1;background:var(--dark-surface-alt);border:1px solid var(--metal-dark);border-radius:var(--btn-radius);color:var(--text-light);font-family:var(--body-font);font-size:14px;padding:6px 10px;outline:none;transition:all .3s ease}#create-character-name:focus{border-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold-dim)}.cc-body{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.cc-preview-wrap{border:1px solid var(--dark-border);border-radius:6px;background:#0a0a0e80;padding:4px;flex-shrink:0;cursor:pointer}#create-character-preview{display:block;width:auto;height:auto;max-height:140px;image-rendering:pixelated}#create-character-toggles{display:flex;flex-flow:column;gap:8px;flex:1}.cc-toggle-row{display:flex;align-items:center;gap:0}.cc-label{font-family:var(--title-font);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;width:72px;flex-shrink:0}.cc-value{font-family:var(--body-font);font-size:13px;color:var(--accent-gold);width:55px;text-align:center;flex-shrink:0}.cc-arrow{min-width:unset!important;width:24px!important;height:24px!important;padding:0!important;font-size:10px!important;display:flex!important;align-items:center;justify-content:center;line-height:1;border-radius:4px!important;flex-shrink:0}#create-character-form .buttons{display:flex;gap:8px;justify-content:flex-end}@media screen and (max-width:500px){#create-character-form{width:280px;padding:12px}.cc-body{flex-direction:column;align-items:center}.cc-label{min-width:55px;font-size:10px}.cc-value{min-width:40px;font-size:12px}}@media screen and (max-height:400px){#create-character-form{padding:10px}#create-character-form .title{font-size:13px;margin-bottom:6px}.cc-row{margin-bottom:6px}.cc-body{margin-bottom:8px}#create-character-preview{width:60px;height:60px}#create-character-toggles{gap:4px}}#exit-game{position:fixed;z-index:99999;top:6px;right:6px;pointer-events:all}#exit-game .img-btn{min-width:unset!important;width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;background:linear-gradient(to bottom,#8c1e1e99,#3c0a0acc)!important;border:1px solid rgba(200,60,60,.4)!important;box-shadow:0 2px 8px #00000080;cursor:pointer;transition:all .2s ease}#exit-game .img-btn:hover{background:linear-gradient(to bottom,#b42828cc,#641414e6)!important;border-color:#e53935cc!important;box-shadow:0 2px 12px #e539354d;transform:scale(1.05)}#exit-game .img-btn:after{content:"";width:16px;height:16px;background:#e8dcc8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/contain no-repeat}#hud{position:fixed;z-index:1020;top:10px;left:10px;user-select:none;pointer-events:none;display:flex;flex-direction:column;gap:3px;background:#0a0a0ebf;border:1px solid var(--dark-border);border-radius:var(--panel-radius);padding:8px 12px;backdrop-filter:blur(4px);min-width:180px}#hud .hud-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px;padding-bottom:4px;border-bottom:1px solid var(--dark-border)}#hud .hud-name{font-family:var(--title-font);font-size:13px;font-weight:700;color:var(--accent-gold);letter-spacing:.5px;text-shadow:1px 1px 3px rgba(0,0,0,.5);text-transform:capitalize}#hud .hud-level{font-family:var(--body-font);font-size:11px;color:var(--text-muted)}#hud .stat-container{position:relative;display:flex;align-items:center;gap:6px}#hud .stat-label{font-family:var(--title-font);font-size:9px;font-weight:700;color:var(--text-muted);width:24px;text-align:right;letter-spacing:.5px}#hud .bar{flex:1;height:12px;background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:6px;overflow:hidden;pointer-events:auto;cursor:pointer;box-shadow:inset 0 1px 3px #00000080;position:relative}#hud .dropdown{position:absolute;left:32px;top:16px;background:var(--dark-bg);border:1px solid var(--dark-border);border-radius:var(--btn-radius);padding:2px 6px;pointer-events:auto;z-index:10;white-space:nowrap;color:var(--text-muted);font-family:var(--body-font);font-size:10px}#hud .stat-empty{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-bg);border-radius:6px}#hud .stat-fill{position:absolute;top:0;left:0;width:0;height:100%;border-radius:6px;transition:width .4s ease}#hud .stat-container[data-id=hp] .stat-fill{background:linear-gradient(90deg,#8b2020,#e53935,#ff6659);box-shadow:0 0 6px #e5393566}#hud .stat-container[data-id=tp] .stat-fill{background:linear-gradient(90deg,#1a6b60,var(--accent-teal),#3dd1bf);box-shadow:0 0 6px #2a9d8f66}#hud .stat-container[data-id=exp] .stat-fill{background:linear-gradient(90deg,#8a7530,var(--accent-gold),#e0c660);box-shadow:0 0 6px var(--accent-gold-dim)}#in-game-menu{position:absolute;right:0;display:flex;flex-flow:column;height:100%;justify-content:center;z-index:1020;gap:4px;padding:4px}@media screen and (max-width:939px){#in-game-menu{height:auto;top:44px;justify-content:flex-start}}#in-game-menu .img-btn{min-width:unset!important;width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;font-size:16px!important;letter-spacing:0!important;background:linear-gradient(to bottom,#151520e6,#0a0a0ef2)!important;border-color:var(--dark-border)!important;border-radius:6px!important;box-shadow:0 2px 6px #0006;color:var(--metal-light)!important}#in-game-menu .img-btn:hover{background:linear-gradient(to bottom,var(--metal-dark),var(--dark-surface))!important;border-color:var(--accent-gold)!important;box-shadow:0 2px 8px #0006,0 0 6px var(--accent-gold-dim);color:var(--accent-gold)!important}#in-game-menu .img-btn[data-id=inventory]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=map]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolygon points='1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6'/%3E%3Cline x1='8' y1='2' x2='8' y2='18'/%3E%3Cline x1='16' y1='6' x2='16' y2='22'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolygon points='1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6'/%3E%3Cline x1='8' y1='2' x2='8' y2='18'/%3E%3Cline x1='16' y1='6' x2='16' y2='22'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=spells]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=skills]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=online]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 00-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 00-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=party]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=settings]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=journal]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4 19.5A2.5 2.5 0 016.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4 19.5A2.5 2.5 0 016.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z'/%3E%3C/svg%3E") center/contain no-repeat}#in-game-menu .img-btn[data-id=upgrades]:after{content:""!important;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14.5 3l6.5 6.5-9 9-6.5-6.5 9-9z'/%3E%3Cpath d='M5 16l-2 6 6-2'/%3E%3Cpath d='M19 2l3 3'/%3E%3Cpath d='M18 8l-2-2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14.5 3l6.5 6.5-9 9-6.5-6.5 9-9z'/%3E%3Cpath d='M5 16l-2 6 6-2'/%3E%3Cpath d='M19 2l3 3'/%3E%3Cpath d='M18 8l-2-2'/%3E%3C/svg%3E") center/contain no-repeat}#mc-menu-toggle{display:none}@media screen and (max-width:939px){#mc-menu-toggle{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--dark-border);border-radius:6px;background:linear-gradient(to bottom,#151520e6,#0a0a0ef2);color:var(--metal-light);cursor:pointer;box-shadow:0 2px 6px #0006;font-size:0;order:-1;flex-shrink:0;touch-action:manipulation}#mc-menu-toggle:after{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E") center/contain no-repeat}#mc-menu-toggle:active{background:linear-gradient(to bottom,var(--metal-dark),var(--dark-surface));border-color:var(--accent-gold);color:var(--accent-gold)}#in-game-menu .img-btn{max-height:0;overflow:hidden;opacity:0;padding:0!important;margin:0;border-width:0;transition:max-height .25s ease,opacity .2s ease,padding .25s ease,border-width .25s ease}#in-game-menu.expanded .img-btn{max-height:40px;opacity:1;padding:0!important;border-width:1px}}#inventory{position:absolute;right:80px;top:25%;width:214px;padding:0;background:linear-gradient(180deg,#191926fa,#0f0f16fc);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 6px 24px #0009,inset 0 1px #ffffff0a;user-select:none;z-index:1030;overflow:hidden}#inventory .inv-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 5px;background:linear-gradient(180deg,#282837e6,#191926e6);border-bottom:1px solid var(--dark-border)}#inventory .inv-title{font-family:var(--title-font);font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--accent-gold);text-shadow:0 1px 3px rgba(0,0,0,.5);text-transform:uppercase}#inventory .inv-header-actions{display:flex;gap:2px;align-items:center}#inventory .tabs{display:flex;gap:0;padding:0 8px;background:#0a0a0e80;border-bottom:1px solid var(--dark-border)}#inventory .tabs button{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--title-font);font-size:9px;font-weight:700;letter-spacing:.8px;padding:5px 0;cursor:pointer;transition:all .2s ease;text-transform:uppercase}#inventory .tabs button:hover{color:var(--text-light)}#inventory .tabs button.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold);text-shadow:0 0 6px var(--accent-gold-dim)}#inventory .weight-bar{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0a0a0e4d;border-bottom:1px solid rgba(37,37,48,.5)}#inventory .weight-bar .weight-label{font-family:var(--body-font);font-size:9px;color:var(--text-muted);letter-spacing:.3px;white-space:nowrap}#inventory .weight-bar .weight-track{flex:1;height:4px;background:#0a0a0e99;border-radius:2px;border:1px solid rgba(37,37,48,.6);overflow:hidden}#inventory .weight-bar .weight-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold-dim),var(--accent-gold));border-radius:2px;transition:width .3s ease}#inventory .weight-bar .weight-text{font-family:var(--body-font);font-size:9px;color:var(--text-muted);min-width:42px;text-align:right;white-space:nowrap}#inventory .weight-bar .weight-text .current{color:var(--text-light)}#inventory .grid{height:230px;width:184px;margin:4px auto;cursor:default;display:grid;grid-template-columns:repeat(8,23px);grid-template-rows:repeat(10,23px);background:repeating-linear-gradient(90deg,transparent,transparent 22px,rgba(37,37,48,.25) 22px,rgba(37,37,48,.25) 23px),repeating-linear-gradient(0deg,transparent,transparent 22px,rgba(37,37,48,.25) 22px,rgba(37,37,48,.25) 23px),#0a0a0e66;border-radius:3px;border:1px solid rgba(37,37,48,.4)}#inventory .item{position:relative;display:flex;justify-content:center;align-items:center;transition:background-color .15s ease;border-radius:2px}#inventory .item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(198,168,86,.12),transparent);opacity:0;pointer-events:none;z-index:0;border-radius:2px;transition:opacity .15s ease}#inventory .item:hover:before{opacity:1}#inventory .item:hover{box-shadow:inset 0 0 6px #c6a8561a}#inventory .item img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}#inventory .item[data-size=Size1x1]{grid-column:span 1;grid-row:span 1}#inventory .item[data-size=Size1x2]{grid-column:span 1;grid-row:span 2}#inventory .item[data-size=Size1x3]{grid-column:span 1;grid-row:span 3}#inventory .item[data-size=Size1x4]{grid-column:span 1;grid-row:span 4}#inventory .item[data-size=Size2x1]{grid-column:span 2;grid-row:span 1}#inventory .item[data-size=Size2x2]{grid-column:span 2;grid-row:span 2}#inventory .item[data-size=Size2x3]{grid-column:span 2;grid-row:span 3}#inventory .item[data-size=Size2x4]{grid-column:span 2;grid-row:span 4}#inventory .inv-footer{display:flex;border-top:1px solid var(--dark-border);background:linear-gradient(180deg,#19192699,#0f0f16cc)}#inventory .inv-footer button{flex:1;background:transparent;border:none;border-right:1px solid rgba(37,37,48,.4);color:var(--text-muted);font-family:var(--title-font);font-size:8px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:6px 0;cursor:pointer;transition:all .2s ease}#inventory .inv-footer button:last-child{border-right:none}#inventory .inv-footer button:hover{color:var(--accent-gold);background:#c6a8560f;text-shadow:0 0 6px var(--accent-gold-dim)}#inventory .inv-header-actions button{background:#28283799;border:1px solid rgba(37,37,48,.6);color:var(--text-muted);font-family:var(--title-font);font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;cursor:pointer;border-radius:3px;transition:all .2s ease}#inventory .inv-header-actions button:hover{color:var(--accent-gold);border-color:var(--accent-gold-dim);background:#c6a85614}#inventory .top,#inventory .buttons,#inventory .weight{display:none}#item-amount-dialog{position:absolute;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:280px;min-height:170px;user-select:none;z-index:1020;overflow:hidden}#item-amount-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#item-amount-dialog .label{position:absolute;top:40px;color:var(--text-light);font-family:var(--body-font);font-size:13px;width:248px;left:16px;margin:0;height:48px;line-height:1.5}#item-amount-dialog .header{background:linear-gradient(to bottom,#1e1e28cc,#14141e66);width:258px;height:24px;position:absolute;top:8px;left:11px;border-radius:3px;display:flex;align-items:center;padding:0 8px;font-family:var(--title-font);font-size:12px;color:var(--accent-gold);font-weight:700;letter-spacing:.5px}#item-amount-dialog input[type=number]{background:var(--dark-surface-alt);border:1px solid var(--metal-dark);border-radius:var(--btn-radius);outline:none;position:absolute;right:16px;bottom:56px;width:100px;color:var(--text-light);font-family:var(--body-font);font-size:13px;padding:4px 8px;transition:border-color .3s ease}#item-amount-dialog input[type=number]:focus{border-color:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold-dim)}#item-amount-dialog button[data-id=ok]{position:absolute;left:60px;bottom:14px}#item-amount-dialog button[data-id=cancel]{position:absolute;left:160px;bottom:14px}#item-amount-dialog .header[data-id=drop]:after{content:"Drop Item"}#item-amount-dialog .header[data-id=junk]:after{content:"Junk Item"}#item-amount-dialog .header[data-id=give]:after{content:"Give Item"}#item-amount-dialog .header[data-id=trade]:after{content:"Trade Item"}#item-amount-dialog .header[data-id=shop]:after{content:"Shop"}#item-amount-dialog .header[data-id=bank]:after{content:"Bank"}#item-amount-dialog .header[data-id=drop],#item-amount-dialog .header[data-id=junk],#item-amount-dialog .header[data-id=give],#item-amount-dialog .header[data-id=trade],#item-amount-dialog .header[data-id=shop],#item-amount-dialog .header[data-id=bank]{background-image:none!important}#large-alert-small-header{position:absolute;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:300px;min-height:195px;user-select:none;z-index:1020;overflow:hidden}#large-alert-small-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#large-alert-small-header .title{position:absolute;left:18px;top:14px;width:264px}#large-alert-small-header .message{position:absolute;left:18px;top:38px;width:264px;height:100px;overflow-y:auto}#large-alert-small-header button{position:absolute;top:150px;right:18px}#large-confirm-small-header{position:absolute;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:300px;min-height:195px;user-select:none;z-index:1020;overflow:hidden}#large-confirm-small-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#large-confirm-small-header .title{position:absolute;left:18px;top:14px;width:264px}#large-confirm-small-header .message{position:absolute;left:18px;top:38px;width:264px;height:100px;overflow-y:auto}#large-confirm-small-header .buttons{position:absolute;top:150px;right:18px;display:flex;gap:8px}#locker{position:relative;user-select:none;box-sizing:border-box;width:290px;height:300px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;overflow:hidden}#locker:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#locker .title{position:absolute;color:var(--accent-gold);font-family:var(--title-font);font-size:13px;font-weight:700;letter-spacing:.5px;left:18px;top:14px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}#locker .scroll-handle{position:absolute;right:14px}#locker .locker-items{position:absolute;top:40px;left:16px;color:var(--text-light);font-family:var(--body-font);font-size:12px;width:254px;height:206px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface)}#locker .locker-items::-webkit-scrollbar{width:6px}#locker .locker-items::-webkit-scrollbar-track{background:var(--dark-surface)}#locker .locker-items::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}#locker .locker-items::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}#locker .locker-item{position:relative;display:grid;grid-template-columns:48px auto;align-items:center;padding:0 .5rem;cursor:pointer;height:38px;background-image:url(/gfx/gfx003/100.png);background-repeat:no-repeat;background-position:left center;background-size:auto;image-rendering:pixelated;border-radius:3px}#locker .locker-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(198,168,86,.08),transparent);opacity:0;pointer-events:none;z-index:0;border-radius:3px;border-left:2px solid var(--accent-gold)}#locker .locker-item:hover:before{opacity:1}#locker .locker-item .item-image{max-width:48px;max-height:48px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;justify-self:center}#locker .locker-item .item-text{position:relative;z-index:1;flex:1}#locker .locker-item .item-name{color:var(--text-light);font-family:var(--body-font);font-size:12px;margin:0}#locker .locker-item .item-quantity{color:var(--text-muted);font-size:11px;margin:2px 0 0}#locker button[data-id=cancel]{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#login-form{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:340px;height:210px;padding:0;margin:auto;position:relative;overflow:hidden}#login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#login-form:after{content:"Login";position:absolute;top:12px;left:0;right:0;text-align:center;font-family:var(--title-font);font-size:16px;font-weight:700;color:var(--accent-gold);letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px 4px rgba(0,0,0,.5)}label[for=login-remember]{position:absolute;top:145px;left:50%;transform:translate(-50%);font-family:var(--body-font);font-size:12px;color:var(--text-muted)}#login-username{position:absolute;top:50px;left:50%;transform:translate(-50%);width:260px;height:auto;padding:8px 12px}#login-password{position:absolute;top:95px;left:50%;transform:translate(-50%);width:260px;height:auto;padding:8px 12px}#login-form .buttons{position:absolute;bottom:16px;display:flex;gap:8px;width:100%;justify-content:center}#main-menu{display:flex;flex-flow:column;width:100%;align-self:center;align-items:center;gap:8px}#server-notice{position:absolute;left:calc(50% - 480px);top:55%;transform:translateY(-50%);width:320px;background:var(--dark-surface, rgba(14, 14, 22, .92));border:1px solid var(--dark-border, #2a2a3a);border-radius:var(--panel-radius, 6px);box-shadow:0 4px 20px var(--shadow-color, rgba(0, 0, 0, .5)),0 0 12px #c6a8560f;padding:0;overflow:hidden;z-index:10}.notice-warning-banner{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;font-family:var(--title-font, "Cinzel", serif);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:7px 12px;margin-top:3px;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.notice-body{padding:14px 16px 16px}#server-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border, #2a2a3a),var(--accent-gold, #c6a856),var(--metal-light, #e0c660),var(--accent-gold, #c6a856),var(--dark-border, #2a2a3a))}.notice-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--title-font, "Cinzel", serif);font-size:13px;font-weight:700;color:var(--accent-gold, #c6a856);letter-spacing:1.5px;text-transform:uppercase;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.notice-icon{color:var(--accent-gold, #c6a856);flex-shrink:0}#server-notice p{font-family:var(--body-font, "Raleway", sans-serif);font-size:12.5px;line-height:1.6;color:var(--text-secondary, #a0a0b0);margin:0 0 8px}#server-notice p:last-child{margin-bottom:0}#server-notice strong{color:var(--text-primary, #d4d4e0)}.notice-footer{font-size:11px!important;color:var(--text-muted, #6a6a7a)!important;border-top:1px solid var(--dark-border, #2a2a3a);padding-top:8px;margin-top:4px!important}.notice-footer a{color:var(--accent-gold, #c6a856);text-decoration:none;font-weight:600}.notice-footer a:hover{text-decoration:underline;text-shadow:0 0 6px var(--accent-gold-glow, rgba(198, 168, 86, .4))}#main-menu-logo{margin-bottom:16px;position:relative}#main-menu-logo img{max-width:300px;height:auto;display:block;filter:drop-shadow(0 0 10px rgba(198,168,86,.3))}#main-menu-logo:after{content:attr(data-slogan);position:absolute;display:inline-block;font-style:italic;font-family:var(--body-font);color:var(--accent-gold);bottom:10px;right:0;font-size:13px;text-shadow:0 0 8px var(--accent-gold-glow);animation:pulse 3s infinite}#main-menu .img-btn{min-width:200px;padding:10px 24px!important;font-size:13px!important;background:linear-gradient(to bottom,#2a528240,#121c2df2 40%,#0c121efa)!important;border:1px solid rgba(100,140,200,.35)!important;border-top-color:#8caadc73!important;border-bottom-color:#3246644d!important;color:var(--accent-gold)!important;box-shadow:0 2px 8px #00000080,inset 0 1px #648cc81a}#main-menu .img-btn:hover{background:linear-gradient(to bottom,#3c6eaa59,#192841f2 40%,#121c2dfa)!important;color:#e8d48a!important;border-color:#78a0dc8c!important;border-top-color:#a0bef099!important;box-shadow:0 4px 14px #00000080,0 0 14px #3c6eaa26,inset 0 1px #78a0dc33}#main-menu .img-btn:active{background:linear-gradient(to bottom,#1e375a26,#080e19fa,#05080f)!important;border-color:#5078b440!important}#credits-dialog{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}#credits-panel{background:var(--dark-surface, #151520);border:1px solid var(--dark-border, #252530);border-radius:var(--panel-radius, 6px);box-shadow:0 4px 24px #0009,0 0 16px #c6a8560f;width:340px;max-width:90vw;overflow:hidden;position:relative}#credits-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border, #252530),var(--accent-gold, #c6a856),var(--metal-light, #e0c660),var(--accent-gold, #c6a856),var(--dark-border, #252530))}.credits-banner{background:linear-gradient(135deg,#2a528299,#121c2df2);color:var(--accent-gold, #c6a856);font-family:var(--title-font, "Cinzel", serif);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:10px 12px;margin-top:3px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.credits-body{padding:18px 22px 14px}.credits-body dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.credits-body dt{font-family:var(--body-font, "Crimson Pro", serif);font-size:11px;color:var(--text-muted, #9a9a9a);text-align:right;padding:2px 0;text-transform:uppercase;letter-spacing:.5px}.credits-body dd{font-family:var(--title-font, "Cinzel", serif);font-size:13px;color:var(--text-light, #e0e0e0);margin:0;padding:2px 0}.credits-divider{border:none;border-top:1px solid var(--dark-border, #252530);margin:12px 0}.credits-section-title{font-family:var(--title-font, "Cinzel", serif);font-size:11px;font-weight:700;color:var(--accent-gold, #c6a856);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;display:block;text-shadow:0 0 4px rgba(198,168,86,.2)}.credits-links{list-style:none;margin:0;padding:0}.credits-links li{font-family:var(--body-font, "Crimson Pro", serif);font-size:12px;color:var(--text-muted, #9a9a9a);padding:1px 0}.credits-links a{color:#64a0dccc;text-decoration:none}.credits-links a:hover{color:#8cbeff;text-decoration:underline}.credits-footer{padding:0 22px 16px;display:flex;justify-content:center}.credits-footer .img-btn{min-width:120px!important}#access-code-dialog{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(2px);z-index:30}.access-code-panel{background:var(--dark-surface, #151520);border:1px solid var(--dark-border, #252530);border-radius:var(--panel-radius, 6px);box-shadow:0 4px 24px #0009,0 0 16px #c6a8560f;width:340px;max-width:90vw;overflow:hidden;position:relative}.access-code-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border, #252530),var(--accent-gold, #c6a856),var(--metal-light, #e0c660),var(--accent-gold, #c6a856),var(--dark-border, #252530))}.access-code-banner{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;font-family:var(--title-font, "Cinzel", serif);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:10px 12px;margin-top:3px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.access-code-body{padding:18px 22px}.access-code-body p{font-family:var(--body-font, "Crimson Pro", serif);font-size:13px;color:var(--text-light, #e0e0e0);line-height:1.5;margin:0 0 14px}.access-code-body input{width:100%;padding:10px 14px;font-size:14px;font-family:var(--body-font, "Crimson Pro", serif);background:var(--dark-surface-alt, rgba(30, 30, 40, .6));color:var(--text-light, #e0e0e0);border:1px solid var(--dark-border, #252530);border-radius:var(--btn-radius, 4px);outline:none;transition:border-color .3s ease,box-shadow .3s ease}.access-code-body input:focus{border-color:var(--accent-gold, #c6a856);box-shadow:0 0 8px #c6a8564d}.access-code-error{display:block;font-family:var(--body-font, "Crimson Pro", serif);font-size:12px;color:#e74c3c;margin-top:8px;text-shadow:0 0 4px rgba(231,76,60,.3)}.access-code-error.hidden{display:none}.access-code-footer{padding:0 22px 16px;display:flex;justify-content:center;gap:12px}.access-code-footer .img-btn{min-width:100px!important}@media screen and (max-width:939px){#main-menu-logo img{max-width:180px}#main-menu-logo{margin-bottom:8px}#main-menu .img-btn{min-width:140px;padding:8px 16px!important;font-size:11px!important}#main-menu{gap:6px}#server-notice{position:relative;left:auto;top:auto;transform:none;width:90%;max-width:320px;margin-bottom:10px;padding:12px}#server-notice p,.notice-header{font-size:11px}}@media screen and (max-height:400px){#main-menu{flex-flow:row wrap;justify-content:center;align-items:center;gap:6px}#main-menu-logo{display:none}#main-menu .img-btn{min-width:auto;padding:6px 14px!important;font-size:11px!important}#server-notice{display:none}}#mobile-controls{opacity:.85;z-index:1020;position:fixed;inset:0;pointer-events:none;padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}#mc-joystick{position:absolute;bottom:clamp(12px,4%,40px);left:clamp(12px,4%,40px);width:140px;height:140px;touch-action:none;pointer-events:auto}#mc-joystick canvas{width:100%;height:100%;display:block}#mc-actions{position:absolute;bottom:clamp(12px,4%,40px);right:8%;display:flex;align-items:flex-end;gap:4px;touch-action:none;pointer-events:auto}#mc-actions canvas{display:block;border-radius:50%}@media(max-width:480px){#mc-joystick{width:110px;height:110px;bottom:8px;left:8px}#mc-actions{bottom:8px;right:8px;gap:6px}}@media(max-height:400px){#mc-joystick{width:100px;height:100px;bottom:4px;left:4px}#mc-actions{bottom:4px;right:4px}}#online-list.dialog-md{background-image:none;width:310px;height:340px}#online-list .dialog-contents{display:flex;flex-direction:column!important;flex-wrap:nowrap!important;gap:3px!important;justify-content:flex-start!important;align-items:stretch!important;padding:2px 4px}#online-list .dialog-contents>div{align-items:stretch!important}#online-list .player{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;padding:6px 8px!important;background:#0a0a0e4d;border:1px solid rgba(37,37,48,.4);border-radius:4px;gap:8px;transition:all .15s ease;cursor:default}#online-list .player:hover{background:#c6a8560f!important;border-color:#c6a85633}#online-list .player .nameplate{flex-shrink:0;display:flex;align-items:center;gap:0}#online-list .player .nameplate .icon{flex-shrink:0}#online-list .player .nameplate .name,#online-list .player .nameplate .guild{display:none}#online-list .player .player-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}#online-list .player .player-name{font-family:var(--title-font);font-size:11px;font-weight:700;color:var(--accent-gold);letter-spacing:.3px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#online-list .player .player-class{font-family:var(--body-font);font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#online-list .player .player-guild{font-family:var(--body-font);font-size:9px;color:#c6a85699;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}#online-list .player .player-title{font-family:var(--body-font);font-size:9px;color:var(--accent-teal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#online-list .player .player-level{flex-shrink:0;font-family:var(--title-font);font-size:10px;font-weight:700;color:var(--text-muted);background:#0a0a0e80;border:1px solid rgba(37,37,48,.5);border-radius:3px;padding:2px 6px;text-align:center;min-width:38px;letter-spacing:.3px}#online-list .player:hover .player-level{border-color:#c6a85633;color:var(--text-light)}#online-list .player>.class,#online-list .player>.title{display:none!important}#online-list .player-count{position:absolute;top:18px;right:12px;font-family:var(--body-font);font-size:10px;color:var(--text-muted)}#paperdoll{position:relative;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:360px;min-height:280px;z-index:1020;overflow:visible;display:flex;flex-direction:row}#paperdoll:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border));z-index:2;border-radius:var(--panel-radius) var(--panel-radius) 0 0}.pd-close{position:absolute;top:6px;right:8px;background:#0a0a0ed9;border:1px solid rgba(198,168,86,.25);border-radius:4px;color:var(--text-muted);font-size:13px;width:22px;height:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10}.pd-close:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:#c6a8561a}.pd-equipment{position:relative;width:210px;min-height:260px;padding:14px 10px 10px;flex-shrink:0}#paperdoll .item{position:absolute;display:flex;justify-content:center;align-items:center;background:#0a0a0e66;border:1px solid var(--dark-border);border-radius:5px;transition:all .2s ease;overflow:visible}#paperdoll .item:hover{border-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold-dim),inset 0 0 4px #c6a8561a}#paperdoll .item img{image-rendering:pixelated;max-width:100%;max-height:100%}#paperdoll .item[data-id=hat]{left:78px;top:14px;width:52px;height:50px}#paperdoll .item[data-id=armor]{left:78px;top:72px;width:52px;height:85px}#paperdoll .item[data-id=weapon]{left:16px;top:72px;width:52px;height:85px}#paperdoll .item[data-id=shield]{left:140px;top:72px;width:52px;height:85px}#paperdoll .item[data-id=necklace]{left:140px;top:42px;width:52px;height:22px}#paperdoll .item[data-id=belt]{left:78px;top:165px;width:52px;height:22px}#paperdoll .item[data-id=gloves]{left:16px;top:165px;width:52px;height:50px}#paperdoll .item[data-id=boots]{left:78px;top:195px;width:52px;height:50px}#paperdoll .item[data-id=accessory]{left:48px;top:222px;width:22px;height:22px}#paperdoll .item.sm{width:22px;height:22px}#paperdoll .item[data-id=ring-1]{left:140px;top:165px}#paperdoll .item[data-id=ring-2]{left:170px;top:165px}#paperdoll .item[data-id=armlet-1]{left:140px;top:195px}#paperdoll .item[data-id=armlet-2]{left:170px;top:195px}#paperdoll .item[data-id=bracer-1]{left:140px;top:225px}#paperdoll .item[data-id=bracer-2]{left:170px;top:225px}.pd-live-stats{flex:1;padding:12px 12px 10px 8px;display:flex;flex-direction:column;border-left:1px solid rgba(198,168,86,.1)}.pd-ls-title{font-family:var(--title-font);font-size:12px;font-weight:700;color:var(--accent-gold);letter-spacing:.5px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(198,168,86,.12)}.pd-ls-grid{display:flex;gap:8px;flex:1}.pd-ls-col{flex:1;display:flex;flex-direction:column;gap:1px}.pd-ls-section{font-family:var(--title-font);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:3px}.pd-ls-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-family:var(--body-font);height:18px;padding:0 2px}.pd-ls-row>span:first-child{color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.pd-ls-row>span:last-child{color:var(--text-light);font-weight:500}#party{position:relative;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:290px;height:300px;user-select:none;overflow:hidden}#party:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#party .member-list{position:absolute;top:40px;left:12px;width:260px;height:210px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:6px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface);touch-action:pan-y}#party .member-list>div{display:flex;flex-direction:column;align-items:center;padding:4px;border-radius:4px;transition:background-color .2s ease}#party .member-list>div:hover{background:#c6a85614}#party .name-container{display:flex;flex-direction:row;align-items:center;justify-items:center;gap:2px;min-height:14px}#party .member-name{color:var(--text-light);font-family:var(--title-font);font-size:10px;max-width:50px;text-align:center}#party .remove-icon{background:url(/gfx/gfx002/143.png);width:14px;height:10px;cursor:pointer;transition:opacity .2s ease}#party .remove-icon:hover{background-position-y:-20px;opacity:.8}#party .member-level{color:var(--text-muted);font-family:var(--body-font);font-size:9px;position:relative}#party .member-list::-webkit-scrollbar{width:6px}#party .member-list::-webkit-scrollbar-track{background:var(--dark-surface)}#party .member-list::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}#party .member-list::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}#party .hp-bar-container{margin:5px 0;width:50px;height:6px;background:var(--dark-bg);border-radius:5px;border:1px solid var(--dark-border);overflow:hidden}#party .hp-bar{height:100%;border-radius:5px;background:linear-gradient(90deg,#8b2020,#e53935);transition:width .4s ease}#party .scroll-handle{position:absolute;right:14px}#party .label{position:absolute;top:14px;left:18px;color:var(--accent-gold);font-family:var(--title-font);font-size:13px;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}#party button[data-id=cancel]{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#quest-dialog{position:relative;background:linear-gradient(180deg,#191926fa,#0f0f16fc);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 8px 32px #0009,0 0 20px #c6a8560f,inset 0 1px #ffffff0a;width:320px;min-height:220px;max-height:380px;user-select:none;z-index:1020;overflow:hidden;display:flex;flex-direction:column}#quest-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border));border-radius:var(--panel-radius) var(--panel-radius) 0 0;z-index:2}#quest-dialog .qd-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 14px 8px;border-bottom:1px solid rgba(198,168,86,.1);background:linear-gradient(180deg,rgba(40,40,55,.6) 0%,transparent 100%);flex-shrink:0}#quest-dialog .title{font-family:var(--title-font);font-size:12px;font-weight:700;color:var(--accent-gold);text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;position:static}#quest-dialog .qd-header button[data-id=quest-select]{flex-shrink:0;position:static}#quest-dialog .qd-body{flex:1;padding:10px 14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--metal-dark) transparent;background:linear-gradient(180deg,#0a0a0e40,#0a0a0e26,#0a0a0e40);border-top:none;position:relative}#quest-dialog .qd-body:before{content:"";position:absolute;inset:4px;border:1px solid rgba(198,168,86,.04);border-radius:3px;pointer-events:none}#quest-dialog .qd-body::-webkit-scrollbar{width:5px}#quest-dialog .qd-body::-webkit-scrollbar-track{background:transparent}#quest-dialog .qd-body::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}#quest-dialog .entries{list-style:none;margin:0;padding:0;color:var(--text-light);font-family:var(--body-font);font-size:13px;line-height:1.5;position:static;width:auto}#quest-dialog li{position:relative;padding:3px 0;border-radius:0;transition:none}#quest-dialog li.link{text-decoration:none;color:var(--accent-gold);cursor:pointer;font-family:var(--title-font);font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;margin:2px 0;border-radius:4px;background:#c6a8560f;border:1px solid rgba(198,168,86,.15);transition:all .15s ease}#quest-dialog li.link:hover{background:#c6a85624;border-color:#c6a85666;color:var(--text-light);text-shadow:0 0 6px var(--accent-gold-dim);box-shadow:0 0 8px #c6a85614;transform:translate(2px)}#quest-dialog li.link:active{transform:translate(1px);background:#c6a85633}#quest-dialog li.link:before{content:"▸";margin-right:6px;font-size:10px;opacity:.6;transition:opacity .15s ease;position:static;inset:auto;background:none;pointer-events:auto;z-index:auto;border-radius:0}#quest-dialog li.link:hover:before{opacity:1}#quest-dialog li:not(.link):before{content:none}#quest-dialog .qd-footer{display:flex;justify-content:flex-end;gap:6px;padding:8px 14px;border-top:1px solid rgba(198,168,86,.1);background:linear-gradient(180deg,transparent 0%,rgba(10,10,14,.3) 100%);flex-shrink:0}#quest-dialog .qd-footer button{position:static!important;right:auto!important;bottom:auto!important}#quest-journal{position:relative;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:340px;height:400px;user-select:none;z-index:1020;overflow:hidden;display:flex;flex-direction:column}#quest-journal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border));border-radius:var(--panel-radius) var(--panel-radius) 0 0;z-index:2}#quest-journal .qj-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;border-bottom:1px solid rgba(198,168,86,.12);flex-shrink:0}#quest-journal .qj-title{font-family:var(--title-font);font-size:13px;font-weight:700;color:var(--accent-gold);text-shadow:1px 1px 3px rgba(0,0,0,.5);letter-spacing:.5px}#quest-journal .qj-count{font-family:var(--body-font);font-size:10px;color:var(--text-muted)}#quest-journal .qj-quest-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface);padding:6px}#quest-journal .qj-quest-list::-webkit-scrollbar{width:5px}#quest-journal .qj-quest-list::-webkit-scrollbar-track{background:var(--dark-surface)}#quest-journal .qj-quest-list::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}#quest-journal .qj-empty{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--body-font);font-size:12px;color:var(--text-muted);font-style:italic;text-align:center;padding:20px}#quest-journal .qj-quest{display:flex;flex-direction:column;padding:8px 10px;margin-bottom:4px;background:#0a0a0e66;border:1px solid var(--dark-border);border-radius:var(--btn-radius);cursor:pointer;transition:all .15s ease}#quest-journal .qj-quest:hover{background:#c6a8560a;border-color:#c6a85626}#quest-journal .qj-quest.active{background:#c6a8560f;border-color:var(--accent-gold-dim)}#quest-journal .qj-quest-top{display:flex;align-items:center;justify-content:space-between;gap:6px}#quest-journal .qj-quest-name{font-family:var(--title-font);font-size:11px;font-weight:700;color:var(--accent-gold);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}#quest-journal .qj-quest-npc{font-family:var(--body-font);font-size:9px;color:var(--text-muted);white-space:nowrap}#quest-journal .qj-next-step{font-family:var(--body-font);font-size:10px;color:var(--accent-teal);margin-top:4px;padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#quest-journal .qj-progress-wrap{display:flex;align-items:center;gap:6px;margin-top:4px}#quest-journal .qj-progress-bar{flex:1;height:4px;background:#25253099;border-radius:2px;overflow:hidden}#quest-journal .qj-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-teal),#3dbda7);border-radius:2px;transition:width .3s ease}#quest-journal .qj-progress-label{font-family:var(--body-font);font-size:9px;color:var(--text-muted);min-width:28px;text-align:right}#quest-journal .qj-detail{display:none;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(198,168,86,.08)}#quest-journal .qj-quest.active .qj-detail{display:flex}#quest-journal .qj-detail-text{font-family:var(--body-font);font-size:11px;color:var(--text-light);line-height:1.5;max-height:80px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--metal-dark) transparent;padding-right:4px;white-space:pre-line}#quest-journal .qj-detail-text::-webkit-scrollbar{width:3px}#quest-journal .qj-detail-text::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:2px}#quest-journal .qj-btn-row{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}#quest-journal .qj-track-btn{font-family:var(--title-font);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent-gold);background:#c6a8560f;border:1px solid rgba(198,168,86,.15);border-radius:var(--btn-radius);padding:4px 10px;cursor:pointer;transition:all .15s ease}#quest-journal .qj-track-btn:hover{background:#c6a8561f;border-color:#c6a8564d;box-shadow:0 0 6px #c6a8561a}#quest-journal .qj-track-btn.tracking{color:var(--text-light);background:#c6a85626;border-color:#c6a85666}#quest-journal .qj-abandon-btn{font-family:var(--title-font);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#b55555;background:#b555550f;border:1px solid rgba(181,85,85,.15);border-radius:var(--btn-radius);padding:4px 10px;cursor:pointer;transition:all .15s ease}#quest-journal .qj-abandon-btn:hover{background:#b555551f;border-color:#b5555559;box-shadow:0 0 6px #b555551a}#quest-journal .qj-footer{display:flex;justify-content:flex-end;gap:6px;padding:8px 14px;border-top:1px solid rgba(198,168,86,.1);flex-shrink:0}#quest-journal .qj-footer button{position:static!important;right:auto!important;bottom:auto!important}#quest-tracker{position:fixed;top:80px;right:20px;width:220px;z-index:900;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 16px #00000080,0 0 8px #c6a8560a;user-select:none;overflow:hidden;cursor:default}#quest-tracker:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--dark-border));border-radius:var(--panel-radius) var(--panel-radius) 0 0}#quest-tracker .qt-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;cursor:grab;border-bottom:1px solid rgba(198,168,86,.08)}#quest-tracker .qt-header:active{cursor:grabbing}#quest-tracker .qt-title{font-family:var(--title-font);font-size:10px;font-weight:700;color:var(--accent-gold);letter-spacing:.5px;text-transform:uppercase;text-shadow:1px 1px 3px rgba(0,0,0,.5)}#quest-tracker .qt-close{font-size:12px;color:var(--text-muted);cursor:pointer;background:none;border:none;padding:0 2px;line-height:1;transition:color .15s ease}#quest-tracker .qt-close:hover{color:var(--accent-gold)}#quest-tracker .qt-quests{padding:6px 10px 8px;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface)}#quest-tracker .qt-quest{padding:4px 0;border-bottom:1px solid var(--dark-border)}#quest-tracker .qt-quest:last-child{border-bottom:none}#quest-tracker .qt-quest-name{font-family:var(--title-font);font-size:10px;font-weight:700;color:var(--accent-gold);letter-spacing:.2px;margin-bottom:2px}#quest-tracker .qt-quest-step{font-family:var(--body-font);font-size:9px;color:var(--accent-teal);line-height:1.4;margin-bottom:3px}#quest-tracker .qt-quest-count{font-family:var(--title-font);font-size:10px;font-weight:700;color:var(--text-light);letter-spacing:.3px;margin-bottom:2px}#quest-tracker .qt-quest-info{font-family:var(--body-font);font-size:9px;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#quest-tracker .qt-progress-bar{height:3px;background:#25253099;border-radius:2px;overflow:hidden;margin-top:2px}#quest-tracker .qt-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-teal),#3dbda7);border-radius:2px;transition:width .3s ease}#quest-tracker .qt-empty{padding:10px;font-family:var(--body-font);font-size:10px;color:var(--text-muted);font-style:italic;text-align:center}#skill-master{position:relative;user-select:none;box-sizing:border-box;width:290px;height:300px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;overflow:hidden}#skill-master:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#skill-master .name{position:absolute;color:var(--accent-gold);font-family:var(--title-font);font-size:13px;font-weight:700;letter-spacing:.5px;left:18px;top:14px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}#skill-master .buttons{position:absolute;bottom:10px;left:0;width:100%;display:flex;gap:6px;justify-content:center}#skill-master .scroll-handle{position:absolute;right:14px}#skill-master .item-list{position:absolute;top:42px;left:16px;width:254px;height:206px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--metal-dark) var(--dark-surface)}#skill-master .item-list::-webkit-scrollbar{width:6px}#skill-master .item-list::-webkit-scrollbar-track{background:var(--dark-surface)}#skill-master .item-list::-webkit-scrollbar-thumb{background:var(--metal-dark);border-radius:3px}#skill-master .item-list::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}#skills-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background:linear-gradient(160deg,#0d0d14,#141420 40%,#0f0f1a);border:1px solid #2a2a3e;border-radius:12px;box-shadow:0 0 30px #000000b3,0 0 60px #0000004d,inset 0 1px #ffffff0a;z-index:1050;overflow:hidden}#skills-panel:before{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(ellipse at 30% 20%,rgba(198,168,86,.04) 0%,transparent 60%);pointer-events:none}#skills-panel .sp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #1e1e30}#skills-panel .sp-title{font-family:Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#c6a856;text-shadow:0 0 10px rgba(198,168,86,.3)}#skills-panel .sp-close{width:24px;height:24px;border:none;background:none;color:#555;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}#skills-panel .sp-close:hover{color:#c6a856;background:#c6a8561a}#skills-panel .sp-skills{padding:8px 12px 14px;display:flex;flex-direction:column;gap:6px}#skills-panel .sp-skill{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#12121cb3;border:1px solid #1e1e30;border-radius:8px;transition:all .2s ease}#skills-panel .sp-skill:hover{border-color:#2e2e48;background:#181826e6;box-shadow:0 2px 12px #0000004d}#skills-panel .sp-icon{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;border:2px solid;box-shadow:0 0 8px #0006}#skills-panel .sp-icon[data-skill=woodcutting]{background:linear-gradient(135deg,#1a3318,#0f200e);border-color:#3a7a35;color:#6ec968}#skills-panel .sp-icon[data-skill=mining]{background:linear-gradient(135deg,#2a2218,#1a150e);border-color:#8a6a30;color:#d4a64a}#skills-panel .sp-icon[data-skill=fishing]{background:linear-gradient(135deg,#15253a,#0c1828);border-color:#3070a0;color:#5cb0e8}#skills-panel .sp-icon[data-skill=pvp]{background:linear-gradient(135deg,#3a1520,#280e15);border-color:#a03040;color:#e85060}#skills-panel .sp-icon[data-skill=crafting]{background:linear-gradient(135deg,#2a1a38,#1a0e28);border-color:#7040a0;color:#b070e8}#skills-panel .sp-info{flex:1;min-width:0}#skills-panel .sp-name-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}#skills-panel .sp-name{font-family:Segoe UI,system-ui,sans-serif;font-size:12px;font-weight:600;color:#d0ccc0;letter-spacing:.5px}#skills-panel .sp-level{font-family:Segoe UI,system-ui,sans-serif;font-size:11px;color:#888;font-weight:500}#skills-panel .sp-level span{color:#c6a856;font-weight:700}#skills-panel .sp-bar-track{width:100%;height:6px;background:#0a0a12;border-radius:3px;border:1px solid #1a1a28;overflow:hidden}#skills-panel .sp-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}#skills-panel .sp-skill[data-skill=woodcutting] .sp-bar-fill{background:linear-gradient(90deg,#2a6025,#4caf50);box-shadow:0 0 6px #4caf5066}#skills-panel .sp-skill[data-skill=mining] .sp-bar-fill{background:linear-gradient(90deg,#8a6a20,#ffc107);box-shadow:0 0 6px #ffc10766}#skills-panel .sp-skill[data-skill=fishing] .sp-bar-fill{background:linear-gradient(90deg,#1e6090,#2196f3);box-shadow:0 0 6px #2196f366}#skills-panel .sp-skill[data-skill=pvp] .sp-bar-fill{background:linear-gradient(90deg,#8a2030,#f44336);box-shadow:0 0 6px #f4433666}#skills-panel .sp-skill[data-skill=crafting] .sp-bar-fill{background:linear-gradient(90deg,#5a30a0,#9c27b0);box-shadow:0 0 6px #9c27b066}#skills-panel .sp-xp{font-size:9px;color:#555;margin-top:2px;text-align:right;font-family:Segoe UI,system-ui,sans-serif}#skills-panel .sp-footer{display:flex;align-items:center;justify-content:center;padding:10px 16px 14px;border-top:1px solid #1e1e30;gap:6px}#skills-panel .sp-total-label{font-family:Segoe UI,system-ui,sans-serif;font-size:11px;color:#666;letter-spacing:1px;text-transform:uppercase}#skills-panel .sp-total-value{font-family:Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:700;color:#c6a856;text-shadow:0 0 8px rgba(198,168,86,.3)}#character-journal{position:relative;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:460px;max-height:560px;z-index:1020;display:flex;flex-direction:column;overflow:hidden}#character-journal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border));z-index:2;border-radius:var(--panel-radius) var(--panel-radius) 0 0}.cj-close{position:absolute;top:6px;right:8px;background:#0a0a0ed9;border:1px solid rgba(198,168,86,.25);border-radius:4px;color:var(--text-muted);font-size:13px;width:22px;height:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10}.cj-close:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:#c6a8561a}.cj-tabs{display:flex;gap:0;padding:10px 10px 0;border-bottom:1px solid rgba(198,168,86,.15);flex-shrink:0}.cj-tab{padding:6px 12px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:5px 5px 0 0;color:var(--text-muted);font-family:var(--title-font);font-size:11px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cj-tab:hover{color:var(--text-light);background:#c6a8560f}.cj-tab.active{color:var(--accent-gold);background:#c6a85614;border-color:#c6a85633;border-bottom-color:var(--dark-surface);margin-bottom:-1px}.cj-body{flex:1;overflow-y:auto;padding:12px;min-height:420px;max-height:480px}.cj-body::-webkit-scrollbar{width:5px}.cj-body::-webkit-scrollbar-track{background:transparent}.cj-body::-webkit-scrollbar-thumb{background:#c6a85633;border-radius:3px}.cj-body::-webkit-scrollbar-thumb:hover{background:#c6a85659}.cj-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(198,168,86,.12)}.cj-char-name{font-family:var(--title-font);font-size:15px;font-weight:700;color:var(--accent-gold);letter-spacing:.5px}.cj-char-level{font-family:var(--body-font);font-size:11px;color:var(--text-muted)}.cj-char-class{font-family:var(--body-font);font-size:11px;color:var(--text-light)}.cj-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:12px}.cj-info-field{display:flex;flex-direction:column;background:#0a0a0e66;border:1px solid rgba(37,37,48,.5);border-radius:4px;padding:3px 8px}.cj-info-label{font-family:var(--title-font);font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.cj-info-value{font-family:var(--body-font);font-size:11px;color:var(--text-light);line-height:1.3}.cj-stats-section{margin-top:10px}.cj-section-title{font-family:var(--title-font);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.cj-stat-points-badge{font-family:var(--body-font);font-size:10px;color:#59d;background:#5599dd1a;border:1px solid rgba(85,153,221,.25);border-radius:3px;padding:1px 5px}.cj-stat-points-badge:empty{display:none}.cj-stats-grid{display:flex;gap:8px}.cj-stats-col{flex:1;display:flex;flex-direction:column;gap:2px}.cj-stat-row{display:flex;align-items:center;gap:4px;font-size:11px;font-family:var(--body-font);height:20px}.cj-stat-label{color:var(--text-muted);width:30px;flex-shrink:0;font-size:10px;text-transform:uppercase}.cj-stat-value{color:var(--text-light);flex:1;text-align:right}.cj-upgrade-btn{background:none;border:1px solid rgba(85,153,221,.3);border-radius:3px;color:#59d;font-size:8px;width:16px;height:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all .15s ease;flex-shrink:0}.cj-upgrade-btn:hover{background:#5599dd26;border-color:#59d;color:#7bf}.cj-upgrade-btn.hidden{display:none}.cj-meta-grid{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:3px}.cj-meta-row{display:flex;justify-content:space-between;font-size:10px;font-family:var(--body-font)}.cj-meta-row>span:first-child{color:var(--text-muted)}.cj-meta-row>span:last-child{color:var(--text-light)}.cj-skill{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.cj-skill:last-child{border-bottom:none}.cj-skill-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center}.cj-skill-info{flex:1}.cj-skill-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.cj-skill-name{font-family:var(--title-font);font-size:12px;color:var(--text-light);font-weight:600}.cj-skill-level{font-family:var(--body-font);font-size:10px;color:var(--accent-gold)}.cj-skill-bar-track{width:100%;height:5px;background:#0a0a0e99;border-radius:3px;overflow:hidden;border:1px solid rgba(37,37,48,.5)}.cj-skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold-dim),var(--accent-gold));border-radius:3px;transition:width .3s ease}.cj-skill-xp{font-family:var(--body-font);font-size:9px;color:var(--text-muted);margin-top:2px}.cj-skill-total{margin-top:8px;padding-top:8px;border-top:1px solid rgba(198,168,86,.12);display:flex;justify-content:space-between;font-family:var(--title-font);font-size:12px;color:var(--text-muted)}.cj-skill-total>span:last-child{color:var(--accent-gold)}.cj-skill-level-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin-bottom:8px;background:#c6a8560f;border:1px solid rgba(198,168,86,.12);border-radius:5px}.cj-skill-level-left{display:flex;flex-direction:column}.cj-skill-level-label{font-family:var(--title-font);font-size:14px;font-weight:700;color:var(--accent-gold)}.cj-skill-level-exp{font-family:var(--body-font);font-size:10px;color:var(--text-muted)}.cj-stat-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.cj-stat-card{background:#0a0a0e80;border:1px solid rgba(37,37,48,.5);border-radius:5px;padding:8px;display:flex;align-items:center;gap:8px}.cj-stat-card-icon{font-size:18px;flex-shrink:0}.cj-stat-card-right{display:flex;flex-direction:column;min-width:0}.cj-stat-card-label{font-family:var(--title-font);font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.cj-stat-card-value{font-family:var(--body-font);font-size:11px;color:var(--text-light);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cj-weapons-content{min-height:380px}.cj-quest{background:#0a0a0e66;border:1px solid rgba(37,37,48,.5);border-radius:5px;padding:8px 10px;margin-bottom:4px;cursor:pointer;transition:border-color .15s ease}.cj-quest:hover{border-color:#c6a85633}.cj-quest.active{border-color:#c6a8564d;background:#c6a8560a}.cj-quest-top{display:flex;justify-content:space-between;align-items:center}.cj-quest-name{font-family:var(--title-font);font-size:12px;font-weight:600;color:var(--text-light)}.cj-quest-npc{font-family:var(--body-font);font-size:10px;color:var(--text-muted)}.cj-quest-step{font-family:var(--body-font);font-size:10px;color:var(--accent-gold);margin-top:3px}.cj-quest-progress{display:flex;align-items:center;gap:6px;margin-top:4px}.cj-quest-bar{flex:1;height:4px;background:#0a0a0e99;border-radius:2px;overflow:hidden}.cj-quest-bar-fill{height:100%;background:linear-gradient(90deg,#59d,#7bf);border-radius:2px}.cj-quest-count{font-family:var(--body-font);font-size:9px;color:var(--text-muted)}.cj-quest-detail{display:none;margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.cj-quest.active .cj-quest-detail{display:block}.cj-quest-dialog{font-family:var(--body-font);font-size:10px;color:var(--text-muted);line-height:1.4;margin-bottom:6px;max-height:60px;overflow-y:auto}.cj-quest-btns{display:flex;gap:6px}.cj-quest-btns button{padding:3px 8px;border-radius:3px;font-family:var(--body-font);font-size:10px;cursor:pointer;transition:all .15s ease}.cj-track-btn{background:#5599dd1a;border:1px solid rgba(85,153,221,.25);color:#59d}.cj-track-btn:hover{background:#59d3}.cj-track-btn.tracking{background:#59d3;border-color:#59d;color:#7bf}.cj-abandon-btn{background:#c83c3c14;border:1px solid rgba(200,60,60,.2);color:#c83c3cb3}.cj-abandon-btn:hover{background:#c83c3c26;color:#c83c3ce6}.cj-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.cj-empty-icon{font-size:36px;margin-bottom:12px;opacity:.3}.cj-empty-text{font-family:var(--body-font);font-size:12px;color:var(--text-muted);line-height:1.5}#small-alert{position:absolute;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:300px;min-height:160px;user-select:none;z-index:1020;overflow:hidden}#small-alert:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#small-alert .title{position:absolute;left:20px;top:16px;width:260px;font-family:var(--title-font);font-size:14px;color:var(--accent-gold);font-weight:700}#small-alert .message{position:absolute;left:20px;top:50px;width:260px;height:65px;font-family:var(--body-font);font-size:13px;color:var(--text-light);line-height:1.5}#small-alert button{position:absolute;top:120px;right:18px}#small-alert-small-header{position:absolute;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:300px;min-height:130px;user-select:none;z-index:1020;overflow:hidden}#small-alert-small-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#small-alert-small-header .title{position:absolute;left:18px;top:14px;width:264px}#small-alert-small-header .message{position:absolute;left:18px;top:38px;width:264px;height:48px}#small-alert-small-header button{position:absolute;top:88px;right:18px}#small-confirm{position:absolute;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:var(--panel-radius);box-shadow:0 4px 20px var(--shadow-color),0 0 15px #c6a8560d;width:300px;min-height:130px;user-select:none;z-index:10000;overflow:hidden}#small-confirm:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dark-border),var(--accent-gold),var(--metal-light),var(--accent-gold),var(--dark-border))}#small-confirm .title{position:absolute;left:18px;top:14px;width:264px}#small-confirm .message{position:absolute;left:18px;top:38px;width:264px;height:48px}#small-confirm .buttons{position:absolute;bottom:14px;right:18px;display:flex;gap:8px}#spell-book.dialog-md{background-image:none}#weapon-upgrade{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;max-width:92vw;max-height:88vh;overflow-y:auto;background:linear-gradient(165deg,#12121cf7,#0a0a10fa);border:1px solid var(--dark-border, #2a2a3a);border-radius:10px;box-shadow:0 8px 32px #0009,0 0 1px #c6a85626,inset 0 1px #ffffff08;z-index:1050;font-family:Segoe UI,system-ui,sans-serif;color:#c0bba8;padding:0}#weapon-upgrade::-webkit-scrollbar{width:5px}#weapon-upgrade::-webkit-scrollbar-track{background:transparent}#weapon-upgrade::-webkit-scrollbar-thumb{background:#c6a85640;border-radius:3px}.wu-close{position:absolute;top:8px;right:10px;background:none;border:none;color:#706a58;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .2s,background .2s;z-index:2}.wu-close:hover{color:#e0c660;background:#c6a8561a}.wu-header{padding:16px 20px 12px;border-bottom:1px solid rgba(198,168,86,.12);display:flex;align-items:center;gap:14px}.wu-weapon-icon{width:44px;height:44px;border-radius:8px;background:#1e1e2ecc;border:1px solid rgba(198,168,86,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.wu-weapon-icon img{max-width:38px;max-height:38px;image-rendering:pixelated}.wu-weapon-icon .wu-no-weapon-icon{width:24px;height:24px;opacity:.3;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='9' y1='15' x2='15' y2='15'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='9' y1='15' x2='15' y2='15'/%3E%3C/svg%3E") center/contain no-repeat}.wu-header-info{flex:1;min-width:0}.wu-weapon-name{display:block;font-size:15px;font-weight:600;color:#e0dcc8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wu-weapon-level{display:inline-block;margin-top:3px;font-size:11px;font-weight:600;color:#c6a856;background:#c6a8561a;padding:1px 8px;border-radius:10px;border:1px solid rgba(198,168,86,.2);letter-spacing:.4px}.wu-no-weapon{padding:40px 20px;text-align:center;color:#706a58;font-size:13px;line-height:1.5}.wu-no-weapon .wu-no-weapon-glyph{font-size:32px;display:block;margin-bottom:12px;opacity:.4}.wu-xp-section{padding:12px 20px;border-bottom:1px solid rgba(198,168,86,.08)}.wu-xp-label{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#706a58;margin-bottom:6px}.wu-xp-bar{width:100%;height:8px;background:#1e1e2e99;border-radius:4px;border:1px solid rgba(198,168,86,.12);overflow:hidden}.wu-xp-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8a7530,#c6a856,#e0c660);transition:width .4s ease;min-width:0%}.wu-xp-text{display:flex;justify-content:space-between;font-size:10px;color:#8a8570;margin-top:4px}.wu-info-row{display:flex;justify-content:space-between;padding:10px 20px;border-bottom:1px solid rgba(198,168,86,.08);font-size:12px}.wu-info-item{display:flex;flex-direction:column;align-items:center;gap:2px}.wu-info-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#706a58}.wu-info-value{font-size:14px;font-weight:600;color:#e0dcc8}.wu-info-value.wu-wsp{color:#c6a856}.wu-section-title{padding:12px 20px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#706a58}.wu-stat-list{padding:0 12px 8px}.wu-stat-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;transition:background .2s}.wu-stat-row:hover{background:#c6a8560a}.wu-stat-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:#1e1e2e99;border:1px solid rgba(255,255,255,.06)}.wu-stat-info{flex:1;min-width:0}.wu-stat-name{display:block;font-size:12px;font-weight:500;color:#c0bba8}.wu-stat-detail{display:block;font-size:10px;color:#706a58;margin-top:1px}.wu-stat-bar-wrap{display:flex;align-items:center;gap:6px;margin-top:3px}.wu-stat-bar{flex:1;height:4px;background:#1e1e2e99;border-radius:2px;overflow:hidden}.wu-stat-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.wu-stat-bar-fill.wu-crit-chance{background:linear-gradient(90deg,#c6a856,#e0c660)}.wu-stat-bar-fill.wu-crit-damage{background:linear-gradient(90deg,#d4654a,#e88c6a)}.wu-stat-bar-fill.wu-attack-speed{background:linear-gradient(90deg,#56a8c6,#6ac8e8)}.wu-stat-bar-fill.wu-element-shadow{background:linear-gradient(90deg,#9b6ec1,#c89bef)}.wu-stat-bar-fill.wu-element-frost{background:linear-gradient(90deg,#5b9bd5,#7bc0f5)}.wu-stat-bar-fill.wu-element-fire{background:linear-gradient(90deg,#d47b32,#f0a050)}.wu-stat-pts{font-size:10px;color:#8a8570;flex-shrink:0;min-width:32px;text-align:right}.wu-stat-btn{width:24px;height:24px;border-radius:5px;border:1px solid rgba(198,168,86,.2);background:#c6a85614;color:#c6a856;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;padding:0;line-height:1}.wu-stat-btn:hover:not(:disabled){background:#c6a85633;border-color:#c6a856;box-shadow:0 0 8px #c6a85640;transform:scale(1.05)}.wu-stat-btn:active:not(:disabled){transform:scale(.95)}.wu-stat-btn:disabled{opacity:.25;cursor:default}.wu-element-section{padding:0 12px 12px}.wu-element-choose{display:flex;gap:6px;padding:4px 8px}.wu-element-btn{flex:1;padding:10px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#1e1e2e80;color:#8a8570;font-size:11px;font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s;position:relative}.wu-element-btn:hover:not(:disabled):not(.wu-selected){border-color:#c6a8564d;background:#1e1e2ecc}.wu-element-btn:disabled{opacity:.35;cursor:default}.wu-element-btn .wu-elem-glyph{font-size:18px}.wu-element-btn .wu-elem-unlock{font-size:9px;color:#706a58}.wu-element-btn.wu-selected{border-color:#c6a85666;background:#c6a85614;color:#e0dcc8}.wu-element-btn.wu-selected.wu-shadow{border-color:#9b6ec166;background:#9b6ec114;color:#c89bef}.wu-element-btn.wu-selected.wu-frost{border-color:#5b9bd566;background:#5b9bd514;color:#7bc0f5}.wu-element-btn.wu-selected.wu-fire{border-color:#d47b3266;background:#d47b3214;color:#f0a050}.wu-chosen-label{font-size:10px;color:#706a58;text-align:center;padding:6px 8px 0;letter-spacing:.4px}.wu-footer{padding:10px 20px 14px;border-top:1px solid rgba(198,168,86,.08);font-size:10px;color:#504e42;text-align:center;letter-spacing:.3px}@media screen and (max-width:480px){#weapon-upgrade{width:95vw;max-height:80vh;border-radius:8px}.wu-header{padding:12px 14px 10px}.wu-xp-section,.wu-info-row{padding-left:14px;padding-right:14px}}