:root{--eo-brown:#7b5a29;--eo-font-color-light:#f0f0c8}@font-face{font-family:w95fa;src:url(/w95fa.woff2);font-weight:400;font-style:normal}body{margin:0;padding:0;overflow:hidden}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:w95fa!important}::selection{color:#000;background:#e4cdbc}@media (aspect-ratio<=4/3){#container{width:133.333vh;max-width:100vw;height:100vh}}#container{width:100vw;height:75vw;max-height:100vh;position:relative}@media (aspect-ratio<=4/3){#container{height:100vh}}#game{image-rendering:pixelated;z-index:0;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (aspect-ratio>=16/9){#container{height:100vh}#game{transform:translate(-50%)}}#ui{z-index:1;width:100%;height:100%;display:flex;position:absolute}#dialogs{z-index:1050;justify-content:center;align-items:center;gap:1em;width:100%;height:100%;display:flex;position:absolute;top:0}@keyframes pulse{0%{font-size:1em;rotate:-1deg}50%{font-size:1.1em;rotate:2deg}to{font-size:1em;rotate:-1deg}}#cover{z-index:1000;background:#0000001a;width:100%;height:100%;position:fixed;top:0;left:0}.title{color:#f0f0c8;font-size:13px}.message{color:#fff;font-size:12px}#btn-attack{background-image:url(/attack.png)}#btn-toggle-sit{background-image:url(/sit.png)}div.icon{background:url(/gfx/gfx002/132.png);width:13px;height:13px}div.icon[data-id="-1"]{background:0 0}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;background-color:#0000;background:var(--bg-url) var(--bg-x) var(--bg-y);width:var(--width);height:var(--height);-webkit-user-select:none;user-select:none;display:block}.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}.themed-btn{color:#d4b896;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:#12100ce0;border:1px solid #d4b89640;border-radius:4px;justify-content:center;align-items:center;min-width:70px;padding:6px 18px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.themed-btn:hover{color:#e8d5b8;background:#2a241cf2;border-color:#d4b89673}.themed-btn:active{background:#372f24f2;transform:translateY(1px)}.themed-btn.lg{letter-spacing:.8px;border-radius:6px;min-width:140px;padding:10px 28px;font-size:14px}.themed-btn.sm{border-radius:3px;min-width:0;padding:2px 6px;font-size:11px;line-height:1}.themed-btn.danger:hover{color:#ef9a9a;border-color:#ef9a9a66}.themed-btn.primary:hover{color:#a5d6a7;border-color:#96d4aa66}#offset-tweaker{color:#fff;position:absolute;top:20px;right:100px}#offset-tweaker input{width:40px}.slider-container{background:0 0;width:123px;height:16px;position:absolute;top:96px;left:24px}.slider-thumb{touch-action:none;-webkit-user-select:none;user-select:none;background:url(/gfx/gfx002/129.png) 0 -75px;width:16px;height:15px;position:absolute;top:0}.slider-thumb:hover{background-position:0 -90px}.hidden{display:none!important}:root{--ui-scale:1}@media (width<=768px){:root{--ui-scale:.8}.stat-label{font-size:10px}}@media (width<=480px){:root{--ui-scale:.6}.stat-label{font-size:9px}#hud{top:20px}}#mobile-hud{z-index:1020;-webkit-backdrop-filter:blur(6px);color:#e0daca;pointer-events:auto;background:#000000b3;border-radius:8px;min-width:150px;padding:8px 14px 10px;position:fixed;top:8px;left:8px}#mobile-hud .hud-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}#mobile-hud .hud-name{color:#f0ead8;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}#mobile-hud .hud-level{color:#b0a888;font-size:11px}#mobile-hud .hud-bar-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}#mobile-hud .hud-bar-label{color:#a09880;flex-shrink:0;width:26px;font-size:10px}#mobile-hud .hud-bar-track{background:#ffffff14;border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}#mobile-hud .hud-bar-fill{border-radius:5px;height:100%;transition:width .3s}#mobile-hud .hud-bar-fill.hp{background:linear-gradient(90deg,#c03030,#e05050)}#mobile-hud .hud-bar-fill.tp{background:linear-gradient(90deg,#2090a0,#40c0d0)}#mobile-hud .hud-bar-fill.exp{background:linear-gradient(90deg,#b0982c,#d8c040)}.heart-sprite.low-health{animation:1s ease-in-out infinite pulse-sprite}@keyframes pulse-sprite{0%,to{opacity:1}50%{opacity:.7}}.scroll-handle{touch-action:none;-webkit-user-select:none;user-select:none;background:#d4b8964d;border-radius:3px;width:16px;height:15px;position:absolute;right:16px}.menu-item{color:#fff;width:224px;font-size:12px;position:relative}.menu-item:before{content:"";opacity:0;pointer-events:none;z-index:0;box-sizing:border-box;background-color:#ffffff0d;position:absolute;inset:0 0 0 -8px}.menu-item:hover:before{opacity:1}.menu-label{position:absolute;top:6px;left:53px}.menu-item.item .menu-label,.menu-item.item .menu-description{left:62px}.menu-description{position:absolute;top:19px;left:53px}.link{text-decoration:underline}.menu-item.item{cursor:pointer;height:38px;image-rendering:pixelated;background-image:url(/gfx/gfx003/100.png);background-position:0;background-repeat:no-repeat;background-size:auto;grid-template-columns:48px auto;align-items:center;width:210px;padding:0 .5rem;display:grid;position:relative}.menu-item.item .tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background-color:#000;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:0;left:25%}.menu-item.item img:hover~.tooltip{opacity:.9}.menu-item-img{object-fit:contain;max-width:48px;max-height:48px;image-rendering:pixelated;z-index:1;justify-self:center;position:relative}.menu-item.text{min-height:12px}.menu-item-icon{background-color:#000;background-image:url(/gfx/gfx002/127.png);width:31px;height:31px}.menu-item-icon[data-id="0"]{background-position-y:-291px}.menu-item-icon[data-id="1"]{background-position:-31px -291px}.menu-item-icon[data-id="2"]{background-position:-63px -291px}.menu-item-icon[data-id="3"]{background-position:-94px -291px}.menu-item-icon[data-id="4"]{background-position:-124px -291px}.menu-item-icon[data-id="5"]{background-position:-155px -291px}.menu-item-icon[data-id="20"]{background-position:-63px -353px}.menu-item-icon[data-id="21"]{background-position:-94px -353px}.debug{width:100%;height:auto;position:static}.dialog-md{color:#e0daca;-webkit-user-select:none;user-select:none;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;flex-direction:column;width:320px;min-height:260px;font-family:inherit;display:flex;overflow:hidden;box-shadow:0 4px 24px #0009}.dialog-md .dialog-header{color:#d4b896;border-bottom:1px solid #d4b8961f;align-items:center;gap:8px;padding:10px 16px 8px;font-size:13px;font-weight:600;display:flex}.dialog-md .dialog-footer{border-top:1px solid #d4b89614;justify-content:center;gap:8px;margin-top:auto;padding:8px 16px 10px;display:flex}.dialog-md input.dialog-search{box-sizing:border-box;color:#d4b896;background:#12100ccc;border:1px solid #d4b89633;border-radius:4px;outline:none;width:calc(100% - 24px);margin:4px 12px;padding:5px 8px;font-family:inherit;font-size:11px}.dialog-search::placeholder{color:#d4b89659}.dialog-search:focus{border-color:#d4b89673}.dialog-md .dialog-contents .player{color:#a89880;z-index:1;border-radius:4px;flex-direction:column;align-items:center;width:103px;padding:5px;font-size:12px;transition:background .15s}.dialog-md .dialog-contents .player:hover{background:#d4b89614;position:relative}.dialog-md .dialog-contents .player .nameplate{flex-direction:row;display:flex}.dialog-md .dialog-contents .player .nameplate .name{text-transform:capitalize;color:#d4b896;padding:0 2px;font-weight:700}.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{text-align:center;color:#8a7e6e;font-style:italic}.dialog-md .dialog-contents{-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-y;flex-wrap:wrap;justify-content:space-evenly;gap:6px;max-height:220px;padding:10px 12px;display:flex;overflow:hidden auto}.dialog-md .dialog-contents::-webkit-scrollbar{width:4px}.dialog-md .dialog-contents::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}.dialog-md .dialog-contents>div{flex-direction:column;align-items:center;display:flex}.dialog-md .spell-name{color:#d4c4a8;text-align:center;max-width:40px;font-size:10px}.dialog-md .spell-level{color:#8a7e6e;font-size:9px;position:relative}.dialog-md .spell-icon{width:34px;height:32px}.dialog-md .spell-icon:hover{background-position-x:-34px}.dialog-md .spell-grid::-webkit-scrollbar{display:none}.dialog-md .scroll-handle{display:none}.dialog-md .label{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600;display:block}.dialog-md .player-count{color:#a89880;padding:4px 12px;font-size:11px}.dialog-md button[data-id=cancel]{margin:6px auto 10px;display:block}body.is-mobile #in-game-menu,body.is-mobile #exit-game,body.is-mobile #hud{display:none!important}body.is-mobile #hotbar{bottom:4px!important;left:50%!important;transform:translate(-50%)!important}body.is-mobile #hotbar .slot{width:3.2em;height:3.2em}body.is-mobile #login-form,body.is-mobile #character-select,body.is-mobile #create-account-form,body.is-mobile #create-character-form,body.is-mobile #change-password-form{overflow:hidden}body.is-mobile .dialog-md:not(.hidden):not(#spell-book):not(#online-list){z-index:1050!important;border-radius:0!important;flex-direction:column!important;width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important}body.is-mobile .mobile-split-view .dialog-md:not(.hidden):not(#spell-book):not(#online-list){z-index:auto!important;border-radius:0!important;flex:1!important;width:auto!important;min-width:0!important;height:100%!important;max-height:100%!important;margin:0!important;position:static!important;inset:auto!important;overflow-y:auto!important;transform:none!important}body.is-mobile .dialog-md .dialog-header{flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:14px;display:flex}body.is-mobile .dialog-md .dialog-contents{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}body.is-mobile .dialog-md .dialog-footer{flex-shrink:0}.mobile-close-btn{color:#a89880;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d4b89614;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;font-size:20px;transition:background .12s,color .12s;display:flex}.mobile-close-btn:active{color:#d4b896;background:#d4b89633}body.is-mobile #inventory:not(.hidden){z-index:1050!important;border-radius:0!important;flex-direction:column!important;width:100%!important;height:100%!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important}body.is-mobile #inventory .grid{flex:1;grid-template-columns:repeat(6,1fr)!important;grid-auto-rows:32px!important;height:auto!important}body.is-mobile #inventory .top{min-height:44px;padding:8px 12px}body.is-mobile #inventory .tabs button{padding:10px 6px;font-size:12px}body.is-mobile .shop-grid,body.is-mobile .locker-grid{flex:1;grid-template-columns:repeat(4,1fr)!important;max-height:none!important}body.is-mobile .grid-card{min-height:80px}body.is-mobile #paperdoll:not(.hidden){z-index:1050!important;border-radius:0!important;width:100%!important;height:100%!important;margin:0!important;position:fixed!important;inset:0!important}body.is-mobile #paperdoll .info-panel,body.is-mobile #paperdoll button[data-id=ok]{display:none!important}.mobile-split-view>#paperdoll .equipment-grid{transform-origin:0 0;transform:scale(1.5)}body.is-mobile #stats,body.is-mobile #spell-book,body.is-mobile #party-dialog,body.is-mobile #online-list{transition:transform .25s;transform:translate(100%);z-index:1050!important;border-left:1px solid #d4b89626!important;border-radius:0!important;width:280px!important;height:100%!important;margin:0!important;position:fixed!important;inset:0 0 0 auto!important}body.is-mobile #stats:not(.hidden),body.is-mobile #spell-book:not(.hidden),body.is-mobile #party-dialog:not(.hidden),body.is-mobile #online-list:not(.hidden){transform:translate(0)}.mobile-panel-backdrop{z-index:1049;opacity:0;pointer-events:none;background:0 0;transition:opacity .25s;position:fixed;inset:0}.mobile-panel-backdrop.active{opacity:1;pointer-events:auto}body.is-mobile .item-amount-dialog,body.is-mobile .small-alert-large-header,body.is-mobile .small-alert-small-header,body.is-mobile .large-alert-small-header,body.is-mobile .large-confirm-small-header{width:85%!important;max-width:360px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.mobile-action-bar{z-index:1060;background:#12100cf5;border-top:1px solid #d4b89633;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-action-bar .action-item-name{color:#d4b896;text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-right:auto;font-size:12px;overflow:hidden}.mobile-action-bar button{color:#c4b48e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d4b89614;border:1px solid #d4b89633;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;height:38px;padding:0 12px;font-family:inherit;font-size:12px;transition:background .12s;display:flex}.mobile-action-bar button:active{background:#d4b89640}body.is-mobile #inventory .item.mobile-selected{outline-offset:-1px;border-radius:3px;outline:2px solid #d4b89680;background:#d4b89633!important}.mobile-slot-picker{z-index:1061;background:#12100cf5;border-top:1px solid #d4b89626;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:56px;left:0;right:0}.mobile-slot-picker .picker-label{color:#a89880;margin-right:4px;font-size:11px}.mobile-slot-picker button{color:#c4b48e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#d4b8960f;border:1px solid #d4b89640;border-radius:6px;width:40px;height:40px;font-family:inherit;font-size:14px;transition:background .12s}.mobile-slot-picker button:active{background:#d4b8964d}.mobile-info-popup{z-index:1061;color:#c4b48e;white-space:pre-line;background:#12100cf5;border-top:1px solid #d4b89626;max-height:200px;padding:12px 16px;font-size:12px;line-height:1.6;position:absolute;bottom:56px;left:0;right:0;overflow-y:auto}body.is-mobile #spell-book .spell-icon.mobile-selected{outline-offset:-1px;background-color:#d4b89626;border-radius:3px;outline:2px solid #d4b89680}.mobile-split-view{z-index:1050;background:#12100cfa;display:flex;position:fixed;inset:0}body.is-mobile .mobile-split-view>#inventory,body.is-mobile .mobile-split-view>#paperdoll,body.is-mobile .mobile-split-view>#locker,body.is-mobile .mobile-split-view>.dialog-md{z-index:auto!important;border-radius:0!important;flex-direction:column!important;flex:1!important;width:auto!important;min-width:0!important;height:100%!important;max-height:100%!important;margin:0!important;display:flex!important;position:static!important;inset:auto!important;overflow-y:auto!important;transform:none!important}.mobile-split-view>:first-child{border-right:1px solid #d4b89626}.mobile-split-view>#inventory .grid{grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:32px!important}.mobile-split-view .locker-grid{grid-template-columns:repeat(2,1fr)!important}.mobile-split-view .grid-card{min-height:60px}.mobile-split-close{z-index:1060;color:#a89880;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000b3;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;position:fixed;top:6px;right:6px}.mobile-split-close:active{color:#d4b896;background:#ffffff26}body.is-mobile #paperdoll .item.mobile-selected,body.is-mobile #locker .grid-card.mobile-selected{outline-offset:-1px;background-color:#d4b89626;border-radius:3px;outline:2px solid #d4b89680}@media screen and (width>=470px){#chat{left:10px;width:400px!important}}@media screen and (width>=940px){#chat{bottom:0;top:unset!important;left:10px!important;transform:none!important}}@media screen and (width<=939px){#chat{transform:translate(-50%);width:min(55%,340px)!important;top:12px!important;left:50%!important}#chat ul{height:80px!important}#chat-message{height:22px;font-size:12px}#chat-tab-bar button,#btn-toggle-chat{padding:2px 5px;font-size:11px}}#chat ul,#chat ul *{-webkit-user-select:text!important;user-select:text!important}#chat ul{-ms-overflow-style:none;scrollbar-width:none;overflow:hidden scroll}#chat ul::-webkit-scrollbar{display:none}#chat{z-index:1020;color:#e0daca;background:#12100ce0;border:1px solid #d4b89633;border-radius:8px;width:200px;padding:5px;font-family:inherit;position:absolute;top:30px}#chat a{color:#d4b896}#chat-message{color:#e0daca;box-sizing:border-box;background:#1e1912b3;border:1px solid #d4b89633;border-radius:4px;outline:none;width:100%;height:24px;margin-top:5px;padding:5px;font-family:inherit}#chat-message:focus{border-color:#d4b89666}#btn-toggle-chat{color:#a89880;-webkit-user-select:none;user-select:none;float:right;cursor:pointer;background:#1e1912d9;border:1px solid #d4b89626;border-radius:4px;outline:none;padding:3px 8px;font-family:inherit;transition:color .15s}#btn-toggle-chat:hover{color:#d4b896}#chat-tab-bar{margin-top:-14px}#chat-tab-bar button{color:#a89880;-webkit-user-select:none;user-select:none;cursor:pointer;background:#1e1912d9;border:1px solid #d4b89626;border-radius:4px 4px 0 0;outline:none;padding:3px 8px;font-family:inherit;transition:color .15s}#chat-tab-bar button:hover{color:#d4b896}#chat-tab-bar button.active{color:#d4b896;background:#2d261ce6;border-bottom-color:#0000}#chat ul{height:130px;padding:0;list-style:none;overflow-y:scroll}#chat li{word-break:break-all;gap:1px;padding-top:4px;padding-bottom:2px;display:flex}#chat li div.msg{max-width:96%}#chat li div.msg>.author{color:#d4b896;padding-right:5px}#chat li.error-message{color:#ef9a9a}#game-toasts{z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:340px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.game-toast{-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;border:1px solid #d4b89626;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-family:inherit;font-size:12px;line-height:1.4;display:flex;overflow:hidden;transform:translateY(10px);box-shadow:0 2px 12px #00000080}.game-toast.show{animation:.25s ease-out forwards toast-in}.game-toast.hide{animation:.3s ease-in forwards toast-out}.game-toast__icon{flex-shrink:0;font-size:14px;line-height:1}.game-toast__msg{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.game-toast--info{color:#b8d4e8;background:#192332e0;border-color:#8cb4dc40}.game-toast--warning{color:#e8a54b;background:#321e0ce0;border-color:#e8a54b4d}.game-toast--loot{color:#c8d48a;background:#232814e0;border-color:#b4c86440}.game-toast--exp{color:#d4a8e8;background:#281e37e0;border-color:#b48cdc4d}.game-toast--action{color:#d4b896;background:#12100ce0;border-color:#d4b89633}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}body.is-mobile #game-toasts{max-width:280px;bottom:60px}body.is-mobile .game-toast{gap:6px;padding:5px 10px;font-size:11px}#bank{width:300px}#bank .dialog-header{justify-content:space-between;align-items:center;display:flex}#bank .balance{color:#d4b896;font-size:12px}#bank .balance:before{content:"Gold: ";color:#a89880}.bank-actions{flex-direction:column;gap:6px;padding:12px 16px;display:flex}.bank-actions .themed-btn{width:100%}#barber-dialog{color:#e0daca;z-index:100;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid #d4b8964d;border-radius:8px;width:320px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0d}#barber-dialog .barber-header{letter-spacing:.5px;color:#d4b896;background:linear-gradient(90deg,#d4b89626,#0000);border-bottom:1px solid #d4b89633;padding:8px 12px;font-size:13px;font-weight:700}#barber-dialog .barber-preview{justify-content:center;align-items:center;min-height:80px;padding:16px 0 8px;display:flex}#barber-dialog .barber-preview img{image-rendering:pixelated;border-radius:4px;width:116px;height:196px}#barber-dialog .barber-controls{padding:4px 16px 12px}#barber-dialog .barber-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#barber-dialog .barber-row-label{color:#a89b8c;min-width:70px;font-size:11px}#barber-dialog .barber-row-controls{align-items:center;gap:8px;display:flex}#barber-dialog .barber-row-controls span{text-align:center;color:#e0daca;min-width:20px;font-size:12px}#barber-dialog .barber-arrow{color:#d4b896;cursor:pointer;background:#d4b89614;border:1px solid #d4b8964d;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;line-height:1;transition:background .15s;display:flex}#barber-dialog .barber-arrow:hover{background:#d4b89633}#barber-dialog .barber-arrow:active{background:#d4b8964d}#barber-dialog .barber-footer{background:#00000026;border-top:1px solid #d4b89626;justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}#barber-dialog .barber-btn{color:#d4b896;cursor:pointer;background:#d4b8961a;border:1px solid #d4b8964d;border-radius:4px;padding:4px 16px;font-family:inherit;font-size:11px;transition:background .15s,border-color .15s}#barber-dialog .barber-btn:hover{background:#d4b89633;border-color:#d4b89680}#barber-dialog .barber-btn.primary{color:#a5d6a7;background:#2e7d324d;border-color:#4caf5066}#barber-dialog .barber-btn.primary:hover{background:#2e7d3273;border-color:#4caf5099}#barber-dialog .barber-price{color:#a89b8c;justify-content:center;align-items:center;padding:4px 0 8px;font-size:11px;display:flex}#barber-dialog .barber-price .gold{color:#ffd54f;margin-left:4px;font-weight:700}#barber-dialog .barber-confirm{padding:12px 16px}#barber-dialog .barber-confirm-text{text-align:center;color:#a89b8c;margin:0 0 12px;font-size:12px}#barber-dialog .barber-confirm-buttons{justify-content:center;gap:12px;display:flex}#board{-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:500px;font-family:inherit;overflow:hidden;box-shadow:0 4px 24px #0009}#board .board-title{color:#d4b896;white-space:nowrap;text-overflow:ellipsis;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600;overflow:hidden}#board .post-list{color:#d4c4a8;max-height:220px;padding:6px 12px;font-size:12px;overflow:hidden auto}#board .post-list::-webkit-scrollbar{width:4px}#board .post-list::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#board .post-item{cursor:pointer;white-space:nowrap;border-radius:4px;gap:12px;padding:4px 8px;transition:background .15s;display:flex;overflow:hidden}#board .post-item:hover{background:#d4b89614}#board .post-author{color:#d4b896;text-overflow:ellipsis;flex-shrink:0;width:100px;overflow:hidden}#board .post-subject-text{color:#a89880;text-overflow:ellipsis;flex:1;overflow:hidden}#board .scroll-handle{display:none}#board .list-buttons{border-top:1px solid #d4b89626;justify-content:center;gap:6px;padding:8px 12px;display:flex}#board:not([data-state=list]) .post-list,#board:not([data-state=list]) .scroll-handle,#board:not([data-state=list]) .list-buttons{display:none}#board .post-subject-view,#board .create-subject{color:#e0daca;box-sizing:border-box;background:#1e1912b3;border:1px solid #d4b89626;border-radius:4px;outline:none;width:calc(100% - 24px);margin:8px 12px 0;padding:6px 10px;font-family:inherit;font-size:12px;display:block}#board .create-subject:focus{border-color:#d4b89659}#board .post-body,#board .create-body{color:#d4c4a8;box-sizing:border-box;background:#1e191280;border:1px solid #d4b8961a;border-radius:4px;outline:none;width:calc(100% - 24px);height:180px;margin:8px 12px;padding:8px 10px;font-family:inherit;font-size:12px;display:block;overflow-y:auto}#board .post-body{white-space:pre-wrap;word-break:break-word}#board .post-body::-webkit-scrollbar{width:4px}#board .create-body::-webkit-scrollbar{width:4px}#board .post-body::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#board .create-body::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#board .create-body{resize:none}#board .create-body:focus{border-color:#d4b89659}#board .view-buttons,#board .create-buttons{border-top:1px solid #d4b89626;justify-content:center;gap:6px;padding:8px 12px;display:flex}#board:not([data-state=view-post]) .post-subject-view,#board:not([data-state=view-post]) .post-body,#board:not([data-state=view-post]) .view-buttons,#board:not([data-state=create-post]) .create-subject,#board:not([data-state=create-post]) .create-body,#board:not([data-state=create-post]) .create-buttons{display:none}#book{z-index:1050;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;min-height:200px;font-family:inherit;overflow:hidden;box-shadow:0 4px 24px #0009}#book .book-title{color:#d4b896;white-space:nowrap;text-overflow:ellipsis;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600;overflow:hidden}#book .quest-list{max-height:220px;margin:0;padding:6px 12px;list-style:none;overflow-y:auto}#book .quest-list::-webkit-scrollbar{width:4px}#book .quest-list::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#book .quest-list li{color:#d4c4a8;border-radius:3px;padding:3px 6px;font-size:11px;transition:background .15s}#book .quest-list li:hover{background:#d4b8960f}#book button[data-id=ok]{margin:6px 12px 10px auto;display:block}#change-password-form{box-sizing:border-box;z-index:1050;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:380px;padding:16px 20px;font-family:inherit;position:absolute;box-shadow:0 4px 24px #0009}#change-password-form .password-field{margin-bottom:10px}#change-password-form .password-field label{color:#a89880;margin-bottom:3px;font-size:11px;display:block}#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]{color:#e0daca;box-sizing:border-box;background:#1e1912b3;border:1px solid #d4b89633;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:12px}#change-password-form input:focus{border-color:#d4b89666}#change-password-form .buttons{justify-content:flex-end;gap:6px;margin-top:12px;display:flex}#character-select{flex-flow:column;align-self:center;gap:16px;margin:auto;display:flex}#character-select .characters{flex-flow:column;align-items:center;gap:8px;display:flex}@media screen and (width>=840px){#character-select .characters{flex-flow:row}}#character-select .character{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;gap:12px;width:280px;padding:12px;display:flex;position:relative;box-shadow:0 4px 24px #0009}#character-select .character:hover{border-color:#d4b89666}#character-select .character .preview{flex-shrink:0}#character-select .character .char-info{flex-direction:column;flex:1;gap:4px;display:flex}#character-select .character .name{color:#d4b896;text-align:center;font-size:13px;font-weight:600}#character-select .character .level{color:#a89880;font-size:11px}#character-select .character>.buttons{flex-direction:column;justify-content:flex-end;gap:4px;display:flex}#character-select .character .admin-level{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:#d4b896;border-radius:50%}#character-select .character .admin-level.level-5{background:#e0c040;border-radius:50%}#character-select>.buttons{align-self:center}#chest{-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:300px;min-height:180px;font-family:inherit;overflow:hidden;box-shadow:0 4px 24px #0009}#chest .chest-items{grid-template-columns:repeat(4,1fr);gap:4px;max-height:220px;padding:8px;font-size:12px;display:grid;overflow-y:auto}#chest .chest-items::-webkit-scrollbar{width:4px}#chest .chest-items::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#chest .chest-item{cursor:pointer;border:1px solid #d4b8961a;border-radius:4px;flex-direction:column;align-items:center;padding:6px;transition:background .15s;display:flex;position:relative}#chest .chest-item:hover{background:#d4b89614;border-color:#d4b89640}#chest .chest-item .item-image{object-fit:contain;max-width:36px;max-height:36px;image-rendering:pixelated}#chest .chest-item .item-text{text-align:center;margin-top:4px}#chest .chest-item .item-name{color:#d4b896;text-overflow:ellipsis;white-space:nowrap;max-width:60px;margin:0;font-size:10px;overflow:hidden}#chest .chest-item .item-quantity{color:#a89880;margin:1px 0 0;font-size:9px}#chest button[data-id=cancel]{margin:8px auto;display:block}#citizen-dialog{color:#e0daca;z-index:100;background:#12100cf0;border:1px solid #d4b8964d;border-radius:8px;width:340px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0d}#citizen-dialog .citizen-header{letter-spacing:.5px;color:#d4b896;background:linear-gradient(90deg,#d4b89626,#0000);border-bottom:1px solid #d4b89633;padding:8px 12px;font-size:13px;font-weight:700}#citizen-dialog .citizen-body{min-height:60px;padding:12px 16px}#citizen-dialog .citizen-menu{flex-direction:column;gap:6px;display:flex}#citizen-dialog .citizen-menu-btn{color:#d4b896;cursor:pointer;text-align:left;background:#d4b89614;border:1px solid #d4b89640;border-radius:4px;width:100%;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .15s}#citizen-dialog .citizen-menu-btn:hover{background:#d4b8962e}#citizen-dialog .citizen-question{margin-bottom:10px}#citizen-dialog .citizen-question label{color:#a89b8c;margin-bottom:3px;font-size:11px;display:block}#citizen-dialog .citizen-question input{color:#e0daca;box-sizing:border-box;background:#0000004d;border:1px solid #d4b8964d;border-radius:3px;width:100%;padding:4px 8px;font-family:inherit;font-size:12px}#citizen-dialog .citizen-question input:focus{border-color:#d4b89680;outline:none}#citizen-dialog .citizen-message{color:#a89b8c;text-align:center;padding:8px 0;font-size:12px;line-height:1.5}#citizen-dialog .citizen-message .gold{color:#ffd54f;font-weight:700}#citizen-dialog .citizen-footer{background:#00000026;border-top:1px solid #d4b89626;justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}#citizen-dialog .citizen-btn{color:#d4b896;cursor:pointer;background:#d4b8961a;border:1px solid #d4b8964d;border-radius:4px;padding:4px 16px;font-family:inherit;font-size:11px;transition:background .15s,border-color .15s}#citizen-dialog .citizen-btn:hover{background:#d4b89633;border-color:#d4b89680}#citizen-dialog .citizen-btn.primary{color:#a5d6a7;background:#2e7d324d;border-color:#4caf5066}#citizen-dialog .citizen-btn.primary:hover{background:#2e7d3273;border-color:#4caf5099}#citizen-dialog .citizen-result{text-align:center;padding:8px 0;font-size:12px}#citizen-dialog .citizen-result.success{color:#a5d6a7}#citizen-dialog .citizen-result.error{color:#ef9a9a}#create-account-form{flex-flow:column;align-self:center;margin:auto;display:flex}#create-account-form form{flex-flow:column;align-items:center;gap:10px;display:flex}#create-account-form form>div{flex-flow:column;gap:5px;display:flex}#create-account-form .buttons{flex-flow:row;gap:2px;display:flex}#create-character-form{box-sizing:border-box;z-index:1050;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:380px;padding:16px 20px;font-family:inherit;position:absolute;box-shadow:0 4px 24px #0009}#create-character-preview{position:absolute;top:60px;right:30px}#create-character-name{color:#e0daca;box-sizing:border-box;background:#1e1912b3;border:1px solid #d4b89633;border-radius:4px;outline:none;width:calc(100% - 120px);margin-bottom:12px;padding:6px 10px;font-family:inherit;font-size:12px;display:block}#create-character-name:focus{border-color:#d4b89666}#create-character-form .buttons{justify-content:flex-end;gap:6px;margin-top:12px;display:flex}#create-character-toggles{flex-flow:column;gap:8px;margin-top:8px;display:flex}#create-character-toggles>div{align-items:center;gap:8px;display:flex}#exit-game{z-index:1060;position:absolute;top:8px;right:8px}#exit-game button{color:#a89880;cursor:pointer;background:#12100cd9;border:1px solid #d4b89633;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:16px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex}#exit-game button:hover{color:#ef9a9a;background:#1e100ceb;border-color:#ef9a9a4d}#guild-dialog{color:#e0daca;background:linear-gradient(#1e1a14f7,#16130ffa);border:1px solid #d4b89633;border-radius:6px;width:340px;font-size:11px;position:relative;overflow:hidden}.guild-header{color:#d4b896;background:linear-gradient(90deg,#d4b8961f,#d4b8960a);border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:12px;font-weight:700}.guild-body{max-height:350px;padding:8px;overflow-y:auto}.guild-footer{border-top:1px solid #d4b8961a;justify-content:flex-end;gap:6px;padding:8px;display:flex}.guild-menu-btn{color:#e0daca;cursor:pointer;text-align:left;background:#d4b8960f;border:1px solid #d4b8961f;border-radius:4px;width:100%;margin-bottom:4px;padding:8px 12px;font-family:inherit;font-size:11px;transition:background .15s;display:block}.guild-menu-btn:hover{background:#d4b89626}.guild-menu-btn:last-child{margin-bottom:0}.guild-btn{color:#e0daca;cursor:pointer;background:#d4b89614;border:1px solid #d4b89633;border-radius:3px;padding:5px 12px;font-family:inherit;font-size:11px;transition:background .15s}.guild-btn:hover{background:#d4b8962e}.guild-btn.primary{color:#d4b896;background:#d4b89626;border-color:#d4b89659}.guild-btn.primary:hover{background:#d4b89647}.guild-btn.danger{color:#ef9a9a;border-color:#f443364d}.guild-btn.danger:hover{background:#f4433626}.guild-info-section{margin-bottom:8px}.guild-info-label{color:#a89b8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px}.guild-info-value{color:#e0daca;padding:2px 0}.guild-info-value.highlight{color:#d4b896;font-weight:700}.guild-member-row{border-radius:3px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.guild-member-row:nth-child(2n){background:#d4b8960a}.guild-member-name{color:#e0daca}.guild-member-rank{color:#a89b8c;font-size:10px}.guild-staff-row{border-radius:3px;justify-content:space-between;padding:3px 6px;display:flex}.guild-staff-row:nth-child(2n){background:#d4b8960a}.guild-staff-name{color:#d4b896}.guild-staff-type{color:#a89b8c;font-size:10px}.guild-input{color:#e0daca;box-sizing:border-box;background:#0000004d;border:1px solid #d4b89633;border-radius:3px;width:100%;padding:5px 8px;font-family:inherit;font-size:11px}.guild-input:focus{border-color:#d4b89666;outline:none}textarea.guild-input{resize:vertical}.guild-input-group{margin-bottom:8px}.guild-input-group label{color:#a89b8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;display:block}.guild-message{text-align:center;border-radius:3px;margin:4px 0;padding:6px 8px;font-size:11px}.guild-message.success{color:#a5d6a7;background:#4caf5026;border:1px solid #4caf504d}.guild-message.error{color:#ef9a9a;background:#b71c1c26;border:1px solid #f443364d}.guild-message.info{color:#90caf9;background:#2196f326;border:1px solid #2196f34d}.guild-waiting{text-align:center;color:#a89b8c;padding:16px}.guild-create-list{padding:8px 0}.guild-waiting-dot{animation:1.4s infinite both guildPulse;display:inline-block}.guild-waiting-dot:nth-child(2){animation-delay:.2s}.guild-waiting-dot:nth-child(3){animation-delay:.4s}@keyframes guildPulse{0%,80%,to{opacity:.3}40%{opacity:1}}#guild-create-invite{color:#e0daca;z-index:200;text-align:center;background:linear-gradient(#1e1a14f7,#16130ffa);border:1px solid #d4b89640;border-radius:6px;min-width:220px;padding:10px 16px;font-size:11px;position:fixed;top:80px;left:50%;transform:translate(-50%)}#guild-create-invite .guild-invite-text{margin-bottom:8px}#guild-create-invite .guild-invite-name{color:#d4b896;font-weight:700}#guild-create-invite .guild-invite-buttons{justify-content:center;gap:8px;display:flex}#guild-panel{z-index:1060;color:#e0daca;-webkit-user-select:none;user-select:none;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;flex-direction:column;width:300px;max-height:420px;font-family:sans-serif;display:flex;position:fixed;top:50%;right:60px;overflow:hidden;transform:translateY(-50%);box-shadow:0 4px 24px #0009}#guild-panel .gp-header{cursor:move;background:#2d261ce6;border-bottom:1px solid #d4b89626;justify-content:space-between;align-items:center;min-height:36px;padding:8px 12px;display:flex}#guild-panel .gp-header-title{color:#d4b896;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}#guild-panel .gp-close-btn{color:#a89880;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .15s}#guild-panel .gp-close-btn:hover{color:#e0daca}#guild-panel .gp-tabs{background:#1e1912d9;border-bottom:1px solid #d4b8961f;display:flex}#guild-panel .gp-tab{text-align:center;color:#a89880;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:6px 0;font-size:11px;transition:all .15s}#guild-panel .gp-tab:hover{color:#d4b896;background:#d4b8960f}#guild-panel .gp-tab.active{color:#d4b896;background:#d4b89614;border-bottom-color:#d4b896}#guild-panel .gp-content{flex:1;min-height:200px;max-height:320px;padding:10px 12px;overflow-y:auto}#guild-panel .gp-content::-webkit-scrollbar{width:4px}#guild-panel .gp-content::-webkit-scrollbar-track{background:0 0}#guild-panel .gp-content::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#guild-panel .gp-section{margin-bottom:10px}#guild-panel .gp-section-title{text-transform:uppercase;letter-spacing:.8px;color:#8a7e6e;margin-bottom:6px;font-size:10px}#guild-panel .gp-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;display:flex}#guild-panel .gp-label{color:#a89880}#guild-panel .gp-value{color:#e0daca;font-weight:500}#guild-panel .gp-value.gold{color:#d4a843}#guild-panel .gp-value.highlight{color:#a5d6a7}#guild-panel .gp-exp-bar{background:#3c3226b3;border-radius:6px;width:100%;height:12px;margin:4px 0;overflow:hidden}#guild-panel .gp-exp-fill{background:linear-gradient(90deg,#6a8a4a,#a5d6a7);border-radius:6px;min-width:0;height:100%;transition:width .4s}#guild-panel .gp-exp-text{color:#a89880;text-align:center;margin-top:2px;font-size:10px}#guild-panel .gp-divider{background:#d4b8961f;height:1px;margin:8px 0}#guild-panel .gp-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}#guild-panel .gp-action-btn{color:#e0daca;cursor:pointer;text-align:center;background:#3c3226b3;border:1px solid #d4b89633;border-radius:4px;flex:1;min-width:70px;padding:6px 8px;font-size:11px;transition:all .15s}#guild-panel .gp-action-btn:hover{background:#504432cc;border-color:#d4b89659}#guild-panel .gp-action-btn.primary{background:#6a8a4a80;border-color:#a5d6a74d}#guild-panel .gp-action-btn.primary:hover{background:#6a8a4ab3}#guild-panel .gp-scroll-msg{font-size:12px;line-height:1.5}#guild-panel .gp-scroll-line{color:#d4c4a8;word-wrap:break-word;padding:2px 0}#guild-panel .gp-scroll-line.active{color:#a5d6a7}#guild-panel .gp-scroll-line.locked{color:#8a7e6e}#guild-panel .gp-scroll-line.ready{color:#d4a843}#guild-panel .gp-scroll-line.accept{color:#81d4fa}#guild-panel .gp-scroll-line.heading{color:#d4b896;padding:4px 0 2px;font-weight:600}#guild-panel .gp-scroll-title{color:#d4b896;border-bottom:1px solid #d4b89626;margin-bottom:8px;padding-bottom:6px;font-size:13px;font-weight:600}#guild-panel .gp-donate-view{flex-direction:column;gap:6px;display:flex}#guild-panel .gp-donate-title{color:#d4b896;text-align:center;margin-bottom:4px;font-size:14px;font-weight:600}#guild-panel .gp-donate-balance{background:#2d261c99;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:12px;display:flex}#guild-panel .gp-donate-input-group{flex-direction:column;gap:6px;display:flex}#guild-panel .gp-donate-label{color:#a89880;font-size:11px}#guild-panel .gp-donate-input{color:#e0daca;text-align:center;box-sizing:border-box;-moz-appearance:textfield;background:#1e1912e6;border:1px solid #d4b89640;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}#guild-panel .gp-donate-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#guild-panel .gp-donate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#guild-panel .gp-donate-input:focus{border-color:#d4a84380;box-shadow:0 0 0 2px #d4a84326}#guild-panel .gp-donate-slider{appearance:none;cursor:pointer;background:#3c3226b3;border-radius:3px;outline:none;width:100%;height:6px}#guild-panel .gp-donate-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#d4a843;border:2px solid #12100ccc;border-radius:50%;width:16px;height:16px;transition:transform .1s}#guild-panel .gp-donate-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}#guild-panel .gp-donate-slider::-moz-range-thumb{cursor:pointer;background:#d4a843;border:2px solid #12100ccc;border-radius:50%;width:16px;height:16px}#guild-panel .gp-donate-presets{gap:4px;display:flex}#guild-panel .gp-preset-btn{color:#a89880;cursor:pointer;text-align:center;background:#2d261c80;border:1px solid #d4b89626;border-radius:3px;flex:1;padding:4px;font-size:10px;transition:all .15s}#guild-panel .gp-preset-btn:hover{color:#d4a843;background:#3c3226b3;border-color:#d4a8434d}#guild-panel .gp-no-guild{text-align:center;color:#8a7e6e;padding:20px 0;font-size:13px}#guild-panel .gp-member-row{border-bottom:1px solid #d4b8960f;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}#guild-panel .gp-member-name{color:#e0daca;flex:1}#guild-panel .gp-member-stat{color:#a89880;margin-left:8px;font-size:11px}#guild-panel .gp-bounty-row{border-bottom:1px solid #d4b8960f;padding:6px 0}#guild-panel .gp-bounty-name{color:#e0daca;margin-bottom:3px;font-size:12px}#guild-panel .gp-bounty-bar{background:#3c3226b3;border-radius:4px;width:100%;height:8px;overflow:hidden}#guild-panel .gp-bounty-fill{background:linear-gradient(90deg,#6a8a4a,#a5d6a7);border-radius:4px;height:100%;transition:width .3s}#guild-panel .gp-bounty-fill.complete{background:linear-gradient(90deg,#a5d6a7,#81c784)}#guild-panel .gp-bounty-status{color:#a89880;margin-top:2px;font-size:10px}#guild-panel-toggle svg{fill:currentColor;flex-shrink:0;width:14px;height:14px}@media (width<=768px){#guild-panel{border-radius:10px;width:calc(100% - 16px);max-height:55vh;inset:auto 8px 60px;transform:none}#guild-panel .gp-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}#guild-panel .gp-tab{min-width:56px;padding:8px 4px;font-size:10px}#guild-panel .gp-action-btn{padding:8px 10px;font-size:12px}#guild-panel-toggle{display:none}}#hotbar{z-index:1020;counter-reset:slot-counter;gap:4px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#hotbar .slot{counter-increment:slot-counter;background:#12100cd9;border:1px solid #d4b89633;border-radius:6px;justify-content:center;align-items:center;width:4em;height:4em;padding:3px;transition:border-color .15s;display:flex;position:relative}#hotbar .slot:hover{border-color:#d4b89666}#hotbar .slot:before{content:"";z-index:1021;box-sizing:border-box;background:#ffffff08;border-radius:4px;width:100%;height:100%}#hotbar .slot:after{content:counter(slot-counter);color:#a89880;z-index:1022;background:#12100ccc;border-bottom:1px solid #d4b89626;border-right:1px solid #d4b89626;border-radius:0 0 6px;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;line-height:normal;display:flex;position:absolute;top:3px;left:3px}#hotbar .slot .item,#hotbar .slot .skill{z-index:1023;position:absolute}#hotbar .slot .skill{width:34px;height:32px;scale:1.3}#hotbar .slot .item{justify-content:center;align-items:center;width:64px;height:32px;display:flex;scale:1.3}#hud{z-index:1020;color:#e0daca;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#12100ce0;border:1px solid #d4b8962e;border-radius:8px;min-width:260px;padding:12px 18px 14px;position:fixed;top:8px;left:8px}#hud .hud-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}#hud .hud-name{color:#d4b896;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:18px;font-weight:600;overflow:hidden}#hud .hud-level{color:#a89880;white-space:nowrap;font-size:14px}#hud .hud-bar-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}#hud .hud-bar-label{color:#a89880;flex-shrink:0;width:34px;font-size:13px}#hud .hud-bar-track{background:#ffffff0f;border-radius:6px;flex:1;height:16px;position:relative;overflow:hidden}#hud .hud-bar-fill{border-radius:6px;height:100%;transition:width .3s}#hud .hud-bar-fill.hp{background:linear-gradient(90deg,#c03030,#e05050)}#hud .hud-bar-fill.tp{background:linear-gradient(90deg,#2090a0,#40c0d0)}#hud .hud-bar-fill.exp{background:linear-gradient(90deg,#b0982c,#d8c040)}#hud .hud-bar-text{color:#ffffffb3;text-shadow:0 1px 2px #0009;pointer-events:none;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}#in-game-menu{z-index:1050;flex-flow:column;justify-content:center;gap:3px;height:100%;padding:0 6px;display:flex;position:absolute;right:0}.menu-btn{color:#d4b896;letter-spacing:.3px;cursor:pointer;background:linear-gradient(#1e1a14d9,#16130feb);border:1px solid #d4b8962e;border-radius:4px;justify-content:flex-start;align-items:center;gap:6px;width:108px;padding:7px 10px;font-family:inherit;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:flex}.menu-btn:hover{color:#e8d4b2;background:linear-gradient(#2a241ceb,#1e1a14f5);border-color:#d4b89659}.menu-btn:active{background:#d4b8961f}.menu-btn svg{fill:currentColor;flex-shrink:0;width:14px;height:14px}#info-dialog{-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;overflow:hidden;box-shadow:0 4px 24px #0009;font-family:w95fa,Segoe UI,Tahoma,Arial!important}#info-dialog .info-name{color:#d4b896;white-space:nowrap;text-overflow:ellipsis;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600;overflow:hidden}#info-dialog .item-list{flex-direction:column;gap:2px;max-height:220px;padding:10px 12px;display:flex;overflow:hidden auto}#info-dialog .item-list::-webkit-scrollbar{width:4px}#info-dialog .item-list::-webkit-scrollbar-track{background:0 0}#info-dialog .item-list::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#info-dialog .buttons{background:#00000026;border-top:1px solid #d4b89626;justify-content:center;gap:6px;padding:8px 12px;display:flex}#info-dialog .section-header{color:#d4b896;border-bottom:1px solid #d4b89626;margin-top:6px;padding:4px 0 2px;font-size:11px;font-weight:600}#info-dialog .info-row{color:#d4c4a8;white-space:normal;word-break:break-word;border-radius:3px;padding:2px 4px;font-size:12px}#info-dialog .info-row.clickable{cursor:pointer;transition:background .15s,color .15s}#info-dialog .info-row.clickable:hover{color:#e8d4b2;background:#d4b8961a}body.is-mobile #info-dialog:not(.hidden){animation:.2s ease-out info-slide-in;z-index:1060!important;border-radius:0!important;flex-direction:column!important;width:75%!important;max-width:280px!important;height:100%!important;display:flex!important;position:fixed!important;inset:0 0 0 auto!important}body.is-mobile #info-dialog .item-list{-webkit-overflow-scrolling:touch;flex:1;max-height:none;overflow-y:auto}body.is-mobile #info-dialog .buttons{flex-shrink:0}@keyframes info-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}#inventory{-webkit-user-select:none;user-select:none;z-index:1050;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:210px;padding:0;font-family:inherit;position:absolute;right:120px;overflow:hidden;box-shadow:0 4px 24px #0009}#inventory .top{background:#2d261ce6;border-bottom:1px solid #d4b89626;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}#inventory .top>div{-webkit-user-select:none;user-select:none}#inventory .weight{color:#a89880;font-size:11px}#inventory .tabs{background:#1e1912d9;border-bottom:1px solid #d4b8961f;gap:0;display:flex}#inventory .tabs button{color:#a89880;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:5px 4px;font-family:inherit;font-size:10px;transition:all .15s}#inventory .tabs button:hover{color:#d4b896;background:#d4b8960f}#inventory .tabs button.active{color:#d4b896;background:#d4b89614;border-bottom-color:#d4b896}#inventory .grid{cursor:default;box-sizing:border-box;background:#d4b89626;grid-template-columns:repeat(8,1fr);grid-auto-rows:23px;gap:1px;width:100%;height:230px;padding:4px;display:grid}#inventory .cell{background:#0a0907a6}#inventory .item{background:#0a0907a6;justify-content:center;align-items:center;transition:background .1s;display:flex;position:relative}#inventory .item .tooltip{color:#e0daca;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#12100cf2;border:1px solid #d4b8964d;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}#inventory .item:hover .tooltip{opacity:1}#inventory .item:hover{background:#d4b89614}#inventory .item img{z-index:1;object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;position:relative}#inventory .item[data-size=Size1x1]{grid-area:span 1/span 1}#inventory .item[data-size=Size1x2]{grid-area:span 2/span 1}#inventory .item[data-size=Size1x3]{grid-area:span 3/span 1}#inventory .item[data-size=Size1x4]{grid-area:span 4/span 1}#inventory .item[data-size=Size2x1]{grid-area:span 1/span 2}#inventory .item[data-size=Size2x2]{grid-area:span 2/span 2}#inventory .item[data-size=Size2x3]{grid-area:span 3/span 2}#inventory .item[data-size=Size2x4]{grid-area:span 4/span 2}#inventory .buttons{border-top:1px solid #d4b8961f;justify-content:flex-end;gap:4px;padding:4px 8px;display:flex}#inventory .buttons button{color:#a89880;cursor:pointer;background:0 0;border:none;padding:2px 8px;font-family:inherit;font-size:10px;transition:color .15s}#inventory .buttons button:hover{color:#d4b896}#item-amount-dialog{-webkit-user-select:none;user-select:none;z-index:1100;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:300px;font-family:inherit;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}#item-amount-dialog .header{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600}#item-amount-dialog .header[data-id=drop]{display:none}#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 .label{color:#d4c4a8;padding:10px 14px;font-size:12px;line-height:1.5}#item-amount-dialog input[type=number]{color:#e0daca;box-sizing:border-box;background:#1e1912b3;border:1px solid #d4b89633;border-radius:4px;outline:none;width:calc(100% - 28px);margin:0 14px 10px;padding:6px 10px;font-family:inherit;font-size:12px;display:block}#item-amount-dialog input[type=number]:focus{border-color:#d4b89666}#item-amount-dialog .amount-buttons{border-top:1px solid #d4b89626;justify-content:center;gap:6px;padding:8px 12px;display:flex}#large-alert-small-header{-webkit-user-select:none;user-select:none;z-index:1100;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}#large-alert-small-header .title{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600}#large-alert-small-header .message{color:#d4c4a8;min-height:60px;padding:12px 14px;font-size:12px;line-height:1.5}#large-alert-small-header button{margin:0 12px 10px auto;display:block}#large-confirm-small-header{-webkit-user-select:none;user-select:none;z-index:1100;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}#large-confirm-small-header .title{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600}#large-confirm-small-header .message{color:#d4c4a8;min-height:60px;padding:12px 14px;font-size:12px;line-height:1.5}#large-confirm-small-header .buttons{border-top:1px solid #d4b89626;justify-content:flex-end;gap:6px;padding:8px 12px;display:flex}#locker{width:420px;min-height:320px}.locker-filters{gap:3px;margin-bottom:8px;padding:0 12px;display:flex}.locker-filters .themed-btn{opacity:.6;flex:1}.locker-filters .themed-btn.active{opacity:1;border-color:#d4b89666}.locker-grid{grid-template-columns:repeat(4,1fr);align-content:start;gap:4px;min-height:120px;max-height:240px;padding:4px 12px;display:grid;overflow-y:auto}.locker-grid-empty{text-align:center;color:#6b5f52;grid-column:1/-1;padding:24px 0;font-size:11px;font-style:italic}#login-form{box-sizing:border-box;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:340px;margin:auto;padding:16px 20px;font-family:inherit;box-shadow:0 4px 24px #0009}#login-form .login-field{margin-bottom:10px}#login-form .login-field label{color:#a89880;margin-bottom:3px;font-size:11px;display:block}input[type=text],input[type=password]{color:#e0daca;box-sizing:border-box;background:#1e1912b3;border:1px solid #d4b89633;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:12px}input[type=text]:focus,input[type=password]:focus{border-color:#d4b89666}label[for=login-remember]{color:#a89880;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;display:flex}#login-form .buttons{justify-content:center;gap:6px;display:flex}#main-menu{flex-flow:column;align-self:center;align-items:center;gap:2px;width:100%;display:flex}#main-menu-logo{margin-bottom:10px;position:relative}#main-menu-logo:after{content:attr(data-slogan);color:#f9f92c;font-family:monospace;font-style:italic;animation:2s infinite pulse;display:inline-block;position:absolute;bottom:15px;right:0}#mobile-controls{opacity:.9;z-index:1020}#joystick-container{touch-action:none;width:130px;height:130px;position:fixed;bottom:12%;left:3%}#joystick-base{background:#00000080;border:2px solid #ffffff1a;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:inset 0 0 20px #0006}#joystick-base:before{content:"";background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(180,170,140,0.3)'%3E%3Cpath d='M12 4l-6 6h12z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(180,170,140,0.3)'%3E%3Cpath d='M12 20l6-6H6z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(180,170,140,0.3)'%3E%3Cpath d='M4 12l6 6V6z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(180,170,140,0.3)'%3E%3Cpath d='M20 12l-6-6v12z'/%3E%3C/svg%3E");background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-top:none;position:absolute;inset:18px}#joystick-thumb{background:radial-gradient(circle at 40% 38%,#645a46b3 0%,#282319cc 100%);border:2px solid #c8b48240;border-radius:50%;width:54px;height:54px;transition:transform 50ms ease-out;position:absolute;top:38px;left:38px;transform:translate(0);box-shadow:0 2px 8px #00000080,inset 0 1px 2px #ffffff1a}#mobile-actions-container{touch-action:none;flex-direction:column;align-items:center;gap:10px;width:auto;height:auto;display:flex;position:fixed;bottom:12%;right:3%}#btn-attack{-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;position:relative;box-shadow:inset 0 0 15px #0000004d;background-color:#0000008c!important;background-image:none!important;border:2px solid #c8b47859!important;border-radius:50%!important;width:90px!important;height:90px!important;display:flex!important}#btn-attack:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c8b478'%3E%3Cpath d='M14.12 2.06L9.57 6.6l1.41 1.42L6.34 12.66l-2.83-1.42-1.41 1.42 5.66 5.65 1.41-1.41-1.41-2.83 4.63-4.64 1.42 1.42 4.54-4.55-3.53-4.23zM3.42 20.58l2.12-2.12-2.12-2.12-2.12 2.12 2.12 2.12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:40px;height:40px;display:block}#btn-attack:active{transform:scale(.93);background-color:#c8b47840!important}#btn-toggle-sit{-webkit-tap-highlight-color:transparent;color:#a09070;letter-spacing:.5px;justify-content:center;align-items:center;font-size:10px;position:relative;box-shadow:inset 0 0 10px #0000004d;background-color:#0000008c!important;background-image:none!important;border:2px solid #c8b47840!important;border-radius:50%!important;width:52px!important;height:52px!important;display:flex!important}#btn-toggle-sit:after{content:"SIT"}#btn-toggle-sit:active{transform:scale(.93);background-color:#c8b47840!important}#mobile-toolbar{z-index:1030;-webkit-tap-highlight-color:transparent;gap:6px;padding:8px;display:flex;position:fixed;top:0;right:0}#mobile-toolbar .corner-btn{color:#d0c8b0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#000000a6;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:background .15s;display:flex}#mobile-toolbar .corner-btn:active{background:#ffffff26}#mobile-toolbar .corner-btn svg{fill:currentColor;width:24px;height:24px}#mobile-menu-overlay{z-index:1039;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;position:fixed;inset:0}#mobile-menu-overlay.open{opacity:1;pointer-events:auto}#mobile-menu-panel{-webkit-backdrop-filter:blur(12px);z-index:1040;-webkit-overflow-scrolling:touch;background:#14100af2;border-left:1px solid #ffffff1a;flex-direction:column;width:220px;padding:60px 0 12px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}#mobile-menu-panel.open{transform:translate(0)}#mobile-menu-panel .menu-item-btn{color:#c4b48e;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;background:0 0;border:none;outline:none;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:10px 20px;font-size:14px;transition:background .12s;display:flex}#mobile-menu-panel .menu-item-btn:active{background:#ffffff14}#mobile-menu-panel .menu-item-btn svg{fill:currentColor;flex-shrink:0;width:22px;height:22px}#mobile-menu-panel .menu-divider{background:#ffffff14;height:1px;margin:8px 24px}#online-list.dialog-md .dialog-contents{flex-direction:row;justify-content:flex-start;display:flex}#paperdoll{z-index:1050;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:420px;min-height:300px;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0009}#paperdoll .equipment-grid{flex-shrink:0;width:210px;min-height:270px;position:relative}#paperdoll .item{border:1px solid #d4b8961a;border-radius:4px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute}#paperdoll .item:hover{background:#d4b8961a;border-color:#d4b89640}#paperdoll img{image-rendering:pixelated;align-self:center}#paperdoll .item[data-id=hat]{width:54px;height:52px;top:14px;left:82px}#paperdoll .item[data-id=armor]{width:54px;height:90px;top:74px;left:82px}#paperdoll .item[data-id=weapon]{width:54px;height:90px;top:74px;left:18px}#paperdoll .item[data-id=shield]{width:54px;height:90px;top:74px;left:146px}#paperdoll .item[data-id=gloves]{width:54px;height:52px;top:44px;left:18px}#paperdoll .item[data-id=boots]{width:54px;height:52px;top:200px;left:82px}#paperdoll .item[data-id=belt]{width:54px;height:22px;top:170px;left:82px}#paperdoll .item[data-id=necklace]{width:54px;height:22px;top:44px;left:146px}#paperdoll .item[data-id=accessory]{width:24px;height:24px;top:210px;left:50px}#paperdoll .item[data-id=ring-1]{width:24px;height:24px;top:172px;left:146px}#paperdoll .item[data-id=ring-2]{width:24px;height:24px;top:172px;left:176px}#paperdoll .item[data-id=armlet-1]{width:24px;height:24px;top:202px;left:146px}#paperdoll .item[data-id=armlet-2]{width:24px;height:24px;top:202px;left:176px}#paperdoll .item[data-id=bracer-1]{width:24px;height:24px;top:232px;left:146px}#paperdoll .item[data-id=bracer-2]{width:24px;height:24px;top:232px;left:176px}#paperdoll .item .tooltip{color:#e0daca;white-space:pre-wrap;opacity:0;pointer-events:none;z-index:10;background:#12100cf2;border:1px solid #d4b8964d;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}#paperdoll .item:hover .tooltip{opacity:1}#paperdoll .info-panel{flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;inset:12px 12px 50px 215px}#paperdoll .info-panel .icon{margin-bottom:4px}#paperdoll .info-row{gap:6px;padding:2px 0;font-size:11px;display:flex}#paperdoll .info-label{color:#a89880;min-width:50px;font-weight:600}#paperdoll .info-row span:last-child{color:#d4c4a8}#paperdoll button[data-id=ok]{position:absolute;bottom:8px;right:30px}#party{-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;min-height:200px;font-family:inherit;overflow:hidden;box-shadow:0 4px 24px #0009}#party .label{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600;display:block}#party .member-list{-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-y;flex-wrap:wrap;justify-content:space-evenly;gap:8px;max-height:220px;padding:10px 12px;display:flex;overflow-y:auto}#party .member-list::-webkit-scrollbar{display:none}#party .member-list>div{flex-direction:column;align-items:center;display:flex}#party .name-container{flex-direction:row;align-items:center;gap:4px;min-height:14px;display:flex}#party .member-name{color:#d4b896;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:40px;font-size:10px;overflow:hidden}#party .remove-icon{cursor:pointer;color:#a89880;width:12px;height:12px;font-size:12px;line-height:1;transition:color .15s}#party .remove-icon:hover{color:#ef9a9a}#party .member-level{color:#8a7e6e;font-size:9px}#party .hp-bar-container{background:#ffffff14;border-radius:3px;width:50px;height:6px;margin:4px 0;overflow:hidden}#party .hp-bar{border-radius:3px;height:100%;transition:width .3s}#party .party-buttons{border-top:1px solid #d4b89626;justify-content:center;gap:6px;padding:8px 12px;display:flex}#player-context-menu{z-index:2000;background:#12100cf5;border:1px solid #d4b8964d;border-radius:6px;min-width:140px;padding:4px 0;font-family:inherit;position:fixed;overflow:hidden;box-shadow:0 6px 24px #000000b3}#player-context-menu button{color:#d4b896;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 14px;font-family:inherit;font-size:12px;transition:background .12s;display:flex}#player-context-menu button:hover{color:#e8d4b2;background:#d4b8961f}#player-context-menu button:active{background:#d4b89633}#pm-bubbles{z-index:1060;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:60px;left:8px}.pm-bubble{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;color:#d4b896;background:#12100ceb;border:1px solid #d4b89640;border-radius:20px;align-items:center;gap:6px;width:140px;padding:4px 10px;font-family:inherit;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 12px #00000080}.pm-bubble:hover{border-color:#d4b89680;box-shadow:0 2px 16px #0009}.pm-bubble .pm-name{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.pm-bubble .pm-unread{background:#e8a54b;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite pm-pulse;display:none}.pm-bubble .pm-unread.active{display:block}.pm-bubble .pm-close-btn{color:#d4b89666;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;line-height:1;transition:color .15s,background .15s;display:flex}.pm-bubble .pm-close-btn:hover{color:#e0daca;background:#d4b8961f}@keyframes pm-pulse{0%,to{opacity:1}50%{opacity:.3}}.pm-bubble.expanded{cursor:default;border-radius:8px;flex-direction:column;align-items:stretch;width:260px;padding:0}.pm-bubble.expanded .pm-header{cursor:move;border-bottom:1px solid #d4b8961a;align-items:center;gap:6px;padding:6px 10px;display:flex}.pm-bubble.expanded>.pm-name,.pm-bubble.expanded>.pm-unread,.pm-bubble.expanded>.pm-close-btn{display:none!important}.pm-bubble .pm-header,.pm-bubble .pm-messages,.pm-bubble .pm-input-row{display:none}.pm-bubble.expanded .pm-header{display:flex}.pm-bubble.expanded .pm-messages{flex-direction:column;gap:3px;min-height:60px;max-height:200px;padding:6px 8px;font-size:11px;line-height:1.35;display:flex;overflow-y:auto}.pm-bubble.expanded .pm-input-row{border-top:1px solid #d4b8961a;display:flex}.pm-bubble .pm-input{color:#e0daca;background:#12100ccc;border:none;border-radius:0 0 0 8px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:11px}.pm-bubble .pm-input::placeholder{color:#d4b8964d}.pm-bubble .pm-send-btn{color:#d4b896;cursor:pointer;background:#d4b8961a;border:none;border-radius:0 0 8px;padding:6px 10px;font-family:inherit;font-size:11px;transition:background .15s}.pm-bubble .pm-send-btn:hover{background:#d4b89633}.pm-msg{word-wrap:break-word;border-radius:4px;max-width:90%;padding:3px 6px}.pm-msg.sent{color:#d4b896;background:#d4b8961a;align-self:flex-end}.pm-msg.received{color:#e0daca;background:#ffffff0f;align-self:flex-start}.pm-msg .pm-msg-author{opacity:.5;margin-bottom:1px;font-size:9px}body.is-mobile .pm-bubble{width:70px}body.is-mobile .pm-bubble.expanded{width:200px}body.is-mobile .pm-bubble .pm-name{font-size:9px}body.is-mobile .pm-bubble.expanded .pm-messages{min-height:40px;max-height:120px;font-size:9px}body.is-mobile .pm-bubble .pm-input,body.is-mobile .pm-bubble .pm-send-btn{padding:4px 6px;font-size:9px}#quest-dialog{-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#e0daca;z-index:1050;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;flex-direction:column;width:320px;min-height:180px;font-family:inherit;display:flex;overflow:hidden;box-shadow:0 4px 24px #0009}#quest-dialog .title{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:flex}#quest-dialog .entries{color:#d4c4a8;flex:1;margin:0;padding:10px 12px;font-size:12px;list-style:none;overflow-y:auto}#quest-dialog li{border-radius:4px;padding:4px 8px;transition:background .15s;position:relative}#quest-dialog li.link{cursor:pointer;color:#d4b896;text-decoration:underline}#quest-dialog li:hover{background:#d4b89614}#quest-dialog .quest-buttons{border-top:1px solid #d4b89626;flex-shrink:0;justify-content:flex-end;gap:6px;padding:8px 12px;display:flex}#settings-dialog{-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1050;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;overflow:hidden;box-shadow:0 4px 24px #0009}#settings-dialog .settings-header{background:#2d261ce6;border-bottom:1px solid #d4b89626;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}#settings-dialog .settings-title{color:#d4b896;font-size:13px;font-weight:600}#settings-dialog .settings-close{color:#a89880;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .15s}#settings-dialog .settings-close:hover{color:#e0daca}#settings-dialog .settings-columns{gap:6px;padding:10px 12px;display:flex}#settings-dialog .settings-column{flex-direction:column;flex:1;gap:4px;display:flex}#settings-dialog .setting-row{background:#1e1a14b3;border:1px solid #d4b8961a;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;transition:background .15s,border-color .15s;display:flex}#settings-dialog .setting-row:hover{background:#2a241cd9;border-color:#d4b89633}#settings-dialog .setting-label{color:#d4b896;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}#settings-dialog .setting-value{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}#settings-dialog .setting-value select{appearance:none;color:#e0daca;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:0 14px 0 2px;font-family:inherit;font-size:10px}#settings-dialog .setting-value select option{color:#d4c4a8;background:#1a1206}#settings-dialog .setting-value:after{content:"▼";color:#a89880;pointer-events:none;font-size:7px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}body.is-mobile #settings-dialog:not(.hidden){z-index:1050!important;border-radius:0!important;flex-direction:column!important;width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}body.is-mobile #settings-dialog .settings-columns{flex-direction:column;gap:4px;padding:12px 16px}body.is-mobile #settings-dialog .setting-row{padding:10px 12px}body.is-mobile #settings-dialog .setting-label{font-size:13px}body.is-mobile #settings-dialog .setting-value select{padding:2px 18px 2px 4px;font-size:13px}body.is-mobile #settings-dialog .setting-value:after{font-size:9px;right:4px}#shop{width:420px;min-height:380px}.shop-tabs{gap:2px;margin-bottom:8px;padding:0 12px;display:flex}.shop-tabs .themed-btn{opacity:.6;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;flex:1;min-width:0;padding:5px 8px;font-size:11px}.shop-tabs .themed-btn.active{opacity:1;border-bottom-color:#d4b896}.shop-grid{grid-template-columns:repeat(4,1fr);align-content:start;gap:4px;min-height:180px;max-height:280px;padding:4px 12px;display:grid;overflow-y:auto}.grid-card{cursor:pointer;background:#12100cb3;border:1px solid #d4b8961a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-height:86px;max-height:108px;padding:6px 4px 4px;transition:background .12s,border-color .12s;display:flex;position:relative}.grid-card:hover{background:#2a241ce6;border-color:#d4b89659}.grid-card .card-img-wrap{flex-shrink:0;justify-content:center;align-items:center;height:40px;display:flex}.grid-card img{object-fit:contain;max-width:56px;max-height:40px;image-rendering:pixelated}.grid-card .card-name{color:#a89880;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1.2;overflow:hidden}.grid-card .card-badge{color:#d4b896;white-space:nowrap;background:#d4b8961f;border:1px solid #d4b89626;border-radius:3px;margin-top:3px;padding:1px 5px;font-size:9px}.grid-card .tooltip{color:#d4b896;white-space:pre-line;z-index:2000;pointer-events:none;background:#12100cf5;border:1px solid #d4b8964d;border-radius:4px;min-width:120px;max-width:200px;padding:6px 10px;font-size:10px;display:none;position:fixed}.grid-card:hover .tooltip{display:block}.shop-grid-empty{text-align:center;color:#6b5f52;grid-column:1/-1;padding:24px 0;font-size:11px;font-style:italic}#skill-master{-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;overflow:hidden;box-shadow:0 4px 24px #0009}#skill-master .name{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600}#skill-master .scroll-handle{display:none}#skill-master .item-list{flex-direction:column;gap:2px;max-height:220px;padding:8px 12px;display:flex;overflow-y:auto}#skill-master .item-list::-webkit-scrollbar{width:4px}#skill-master .item-list::-webkit-scrollbar-thumb{background:#d4b8964d;border-radius:2px}#skill-master .buttons{border-top:1px solid #d4b89626;justify-content:center;gap:6px;padding:8px 12px;display:flex}#small-alert{-webkit-user-select:none;user-select:none;z-index:1100;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}#small-alert .title{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600}#small-alert .message{color:#d4c4a8;padding:12px 14px;font-size:12px;line-height:1.5}#small-alert button{margin:0 12px 10px auto;display:block}#small-alert-small-header{-webkit-user-select:none;user-select:none;z-index:1100;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}#small-alert-small-header .title{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600}#small-alert-small-header .message{color:#d4c4a8;padding:12px 14px;font-size:12px;line-height:1.5}#small-alert-small-header button{margin:0 12px 10px auto;display:block}#small-confirm{-webkit-user-select:none;user-select:none;z-index:10050;color:#e0daca;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}#small-confirm .title{color:#d4b896;background:#2d261ce6;border-bottom:1px solid #d4b89626;padding:8px 12px;font-size:13px;font-weight:600}#small-confirm .message{color:#d4c4a8;padding:12px 14px;font-size:12px;line-height:1.5}#small-confirm .buttons{border-top:1px solid #d4b89626;justify-content:flex-end;gap:6px;padding:8px 12px;display:flex}#spell-book.dialog-md{background-color:#12100cf0;background-image:none;border:1px solid #d4b89640;border-radius:8px;box-shadow:0 4px 24px #0009}#spell-book .spell-grid>div{grid-template-rows:32px 28px auto auto;justify-items:center;display:grid}#spell-book .spell-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;height:28px;line-height:1.2;display:-webkit-box;overflow:hidden}.spell-levelup-btn{letter-spacing:.4px;color:#c4956a;cursor:pointer;background:#d4965014;border:1px solid #d4965033;border-radius:4px;width:100%;margin-top:3px;padding:2px 0;font-size:10px;font-weight:600;transition:all .15s;display:block}.spell-levelup-btn:hover{color:#d4b896;background:#d4965033;border-color:#d4965066}.spell-training-panel{z-index:10;background:#0c0a08f7;border-top:1px solid #d4b8964d;border-radius:0 0 8px 8px;padding:12px 16px;animation:.2s ease-out trainingSlideUp;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}@keyframes trainingSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.training-header{border-bottom:1px solid #d4b8961f;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.training-spell-name{color:#d4b896;font-size:13px;font-weight:600}.training-level{color:#d4b89699;font-size:11px}.training-selector{justify-content:center;align-items:center;gap:6px;margin-bottom:10px;display:flex}.training-btn{color:#d4b896;cursor:pointer;background:#2d261cb3;border:1px solid #d4b89640;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.training-btn:hover:not(:disabled){background:#d4b89626;border-color:#d4b89673}.training-btn:active:not(:disabled){transform:scale(.92)}.training-btn:disabled{opacity:.3;cursor:default}.training-max{letter-spacing:.5px;width:auto;padding:0 10px;font-size:11px}.training-amount{color:#e8c478;text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:18px;font-weight:700}.training-info{justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.training-cost{color:#c4956a}.training-result{color:#d4b896b3}.training-actions{gap:8px;display:flex}.training-confirm{color:#a4d48a;cursor:pointer;background:#508c3c40;border:1px solid #78b45a66;border-radius:6px;flex:1;padding:7px 0;font-size:12px;font-weight:600;transition:all .15s}.training-confirm:hover{background:#508c3c66;border-color:#78b45a99}.training-cancel{color:#d4b89699;cursor:pointer;background:#2d261c80;border:1px solid #d4b89633;border-radius:6px;flex:1;padding:7px 0;font-size:12px;transition:all .15s}.training-cancel:hover{background:#2d261ccc;border-color:#d4b89659}.training-footer{text-align:center;color:#d4b89666;margin-top:8px;font-size:10px}#stats{color:#e0daca;z-index:9999;-webkit-user-select:none;user-select:none;background:#12100cf0;border:1px solid #d4b89640;border-radius:8px;width:320px;font-family:inherit;font-size:12px;overflow:hidden;box-shadow:0 4px 24px #0009}#stats>div:first-child{border-bottom:1px solid #d4b89626;grid-template-columns:1fr 1fr;gap:2px 12px;padding:8px 12px;display:grid}#stats>div:nth-child(2){grid-template-columns:1fr 1fr;gap:2px 12px;padding:8px 12px;display:grid}#stats .stat{color:#d4c4a8;border-radius:3px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;display:flex}#stats .stat:hover{background:#d4b8960f}#stats .stat-label{color:#a89880;text-transform:uppercase;letter-spacing:.5px;min-width:46px;font-size:10px;font-weight:600}#stats .upgrade{color:#d4b896;cursor:pointer;background:0 0;border:1px solid #d4b89633;border-radius:3px;margin-left:auto;padding:1px 6px;font-size:10px;transition:background .15s,border-color .15s}#stats .upgrade:hover{background:#d4b8961f;border-color:#d4b89659}#stats button[data-id=cancel]{margin:6px auto 10px;display:block}.trade-btn{color:#d4b896;cursor:pointer;background:#d4b8961a;border:1px solid #d4b8964d;border-radius:4px;padding:4px 16px;font-family:inherit;font-size:11px;transition:background .15s,border-color .15s}.trade-btn:hover{background:#d4b89633;border-color:#d4b89680}.trade-btn.primary{color:#a5d6a7;background:#2e7d324d;border-color:#4caf5066}.trade-btn.primary:hover{background:#2e7d3273;border-color:#4caf5099}.trade-btn.primary.active{background:#2e7d3280;border-color:#4caf50b3;box-shadow:0 0 6px #4caf504d}#trade-dialog{color:#e0daca;z-index:100;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid #d4b8964d;border-radius:8px;width:440px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0d}#trade-dialog .trade-header{letter-spacing:.5px;color:#d4b896;background:linear-gradient(90deg,#d4b89626,#0000);border-bottom:1px solid #d4b89633;padding:8px 12px;font-size:13px;font-weight:700}#trade-dialog .trade-columns{background:#d4b8961a;gap:1px;min-height:180px;display:flex}#trade-dialog .trade-column{background:linear-gradient(#0000001a,#0003);flex-direction:column;flex:1;padding:6px 8px;display:flex}#trade-dialog .trade-col-header{border-bottom:1px solid #d4b8961f;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:4px;display:flex}#trade-dialog .trade-col-name{color:#d4b896;font-size:11px;font-weight:700}#trade-dialog .trade-agree-badge{border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700}#trade-dialog .trade-agree-badge.agreed{color:#a5d6a7;background:#4caf504d;border:1px solid #4caf5066}#trade-dialog .trade-agree-badge.waiting{color:#ffe082;background:#ffc10726;border:1px solid #ffc10740}#trade-dialog .trade-item-list{flex:1;min-height:120px;max-height:160px;overflow-y:auto}#trade-dialog .trade-item-row{border-radius:3px;justify-content:space-between;align-items:center;padding:3px 4px;font-size:11px;display:flex}#trade-dialog .trade-item-row:nth-child(odd){background:#ffffff08}#trade-dialog .trade-item-row.removable{cursor:pointer}#trade-dialog .trade-item-row.removable:hover{background:#d4b8961a}#trade-dialog .trade-item-row .item-name{color:#e0daca}#trade-dialog .trade-item-row .item-amount{color:#a89b8c;font-size:10px}#trade-dialog .trade-empty{color:#6b6055;text-align:center;padding:16px 0;font-size:11px;font-style:italic}#trade-dialog .trade-footer{background:#00000026;border-top:1px solid #d4b89626;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}#trade-dialog .trade-footer-left{gap:6px;display:flex}#trade-dialog .trade-overlay{z-index:5;background:#000c;flex-direction:column;padding:8px;display:flex;position:absolute;inset:0;overflow-y:auto}#trade-dialog .trade-overlay-title{color:#d4b896;text-align:center;padding:4px 0 8px;font-weight:700}#trade-dialog .trade-overlay-row{cursor:pointer;color:#e0daca;border-radius:3px;justify-content:space-between;padding:4px 8px;font-size:11px;display:flex}#trade-dialog .trade-overlay-row:hover{background:#d4b89626}#trade-dialog .trade-overlay-row .item-amount{color:#a89b8c}#trade-dialog .trade-overlay-back{align-self:center;margin-top:8px}#trade-dialog .trade-prompt{z-index:5;background:#000c;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}#trade-dialog .trade-prompt-label{color:#d4b896;margin-bottom:12px}#trade-dialog .trade-prompt-input{color:#e0daca;text-align:center;background:#0000004d;border:1px solid #d4b8964d;border-radius:3px;width:100px;padding:4px 8px;font-family:inherit;font-size:12px}#trade-dialog .trade-prompt-buttons{gap:8px;margin-top:12px;display:flex}#trade-dialog .trade-message{text-align:center;color:#ef9a9a;background:#b71c1c4d;border-top:1px solid #f443364d;padding:4px 8px;font-size:11px;position:absolute;bottom:44px;left:0;right:0}#trade-request-notification{color:#e0daca;z-index:120;text-align:center;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #d4b8964d;border-radius:8px;min-width:200px;padding:12px 20px;font-family:MS Sans Serif,Tahoma,sans-serif;font-size:12px;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0009}#trade-request-notification .trade-req-text{color:#a89b8c;margin-bottom:10px}#trade-request-notification .trade-req-name{color:#d4b896;font-weight:700}#trade-request-notification .trade-req-buttons{justify-content:center;gap:10px;display:flex}