html{background:url(/back.jpg)}@font-face{font-family:w95fa;src:url(/w95fa.woff2);font-weight:400;font-style:normal}body{padding:0;margin:0;height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}*{font-family:w95fa!important;user-select:none}::selection{background:#e4cdbc;color:#000}@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}}canvas{position:absolute;top:0;display:block;image-rendering:pixelated}#game{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}#main-menu{display:flex;flex-flow:column;width:100%;align-self:center;align-items:center;gap:2px}#main-menu-logo{margin-bottom:10px;position:relative}#main-menu-logo:after{content:"Web Edition!";position:absolute;display:inline-block;font-style:italic;font-family:monospace;color:#f9f92c;bottom:15px;right:0;animation:pulse 2s infinite}@keyframes pulse{0%{font-size:1em;rotate:-1deg}50%{font-size:1.1em;rotate:2deg}to{font-size:1em;rotate:-1deg}}#login-form{background:url(/gfx/gfx001/102.png);background-color:#000;width:320px;height:159px;margin:auto;position:relative}label[for=login-remember]{position:absolute;top:91px;left:126px;font-size:11px;color:#fff}input[type=text],input[type=password]{background:#a38269;color:#000;border:1px solid #000;outline:none}#login-username{position:absolute;top:35px;left:130px;width:138px;height:17px}#login-password{position:absolute;top:72px;left:130px;width:138px;height:17px}#login-form .buttons{position:absolute;bottom:20px;display:flex;gap:2px;width:100%;justify-content:center}#create-account-form{display:flex;flex-flow:column;align-self:center;margin:auto}#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}#create-account-form .buttons{display:flex;flex-flow:row;gap:2px}#character-select{display:flex;flex-flow:column;align-self:center;margin:auto;gap:20px}#character-select .characters{display:flex;flex-flow:column;align-items:center;gap:2px}@media screen and (min-width: 840px){#character-select .characters{flex-flow:row}}#character-select .character{background:url(/gfx/gfx001/111.png);background-color:#000;width:276px;height:123px;position:relative;user-select:none}#character-select .character>.buttons{position:absolute;bottom:8px;left:160px;display:flex;gap:2px;flex-flow:column}#character-select .character .name{position:absolute;top:30px;left:160px;width:90px;text-align:center;color:#b4a08c;font-size:12px}#character-select .character .level{position:absolute;top:98px;left:30px;color:#b4a08c;font-size:12px}#character-select .character .preview{position:absolute;top:15px;left:50px}#character-select .character .admin-level{position:absolute;top:100px;left:110px;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{align-self:center}#create-character-form{position:absolute;width:360px;height:240px;background-color:#000;background-image:url(/gfx/gfx001/120.png);z-index:1020}#create-character-preview{position:absolute;top:75px;right:47px}#create-character-name{background:transparent;border:none;position:absolute;color:#b4a08c;top:58px;left:82px;width:130px}#create-character-form .buttons{position:absolute;display:flex;gap:2px;bottom:16px;right:19px}#create-character-toggles{position:absolute;display:flex;flex-flow:column;top:84px;left:170px;gap:9px}#create-character-toggles>div{display:flex}#change-password-form{position:absolute;width:360px;height:240px;background-color:#000;background-image:url(/gfx/gfx001/121.png);z-index:1020}#change-password-form input[name=username]{background:transparent;border:none;position:absolute;color:#b4a08c;top:62px;left:200px;width:130px}#change-password-form input[name=old-password]{background:transparent;border:none;position:absolute;color:#b4a08c;top:92px;left:200px;width:130px}#change-password-form input[name=new-password]{background:transparent;border:none;position:absolute;color:#b4a08c;top:122px;left:200px;width:130px}#change-password-form input[name=confirm-new-password]{background:transparent;border:none;position:absolute;color:#b4a08c;top:152px;left:200px;width:130px}#change-password-form .buttons{position:absolute;display:flex;gap:2px;bottom:16px;right:19px}#cover{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000001a;z-index:1000}.title{font-size:13px;color:#f0f0c8}.message{font-size:12px;color:#fff}#small-alert{position:absolute;background:url(/gfx/gfx001/118.png);background-color:#000;width:290px;height:157px;user-select:none;z-index:1020}#small-alert .title{position:absolute;left:58px;top:22px;width:210px}#small-alert .message{position:absolute;left:20px;top:56px;width:252px;height:55px}#small-alert button{position:absolute;top:113px;right:18px}#small-alert-small-header{position:absolute;background:url(/gfx/gfx001/123.png);background-color:#000;width:290px;height:125px;user-select:none;z-index:1020}#small-alert-small-header .title{position:absolute;left:18px;top:15px;width:258px}#small-alert-small-header .message{position:absolute;left:18px;top:40px;width:255px;height:40px}#small-alert-small-header button{position:absolute;top:80px;right:18px}#large-alert-small-header{position:absolute;background:url(/gfx/gfx001/125.png);background-color:#000;width:290px;height:189px;user-select:none;z-index:1020}#large-alert-small-header .title{position:absolute;left:18px;top:15px;width:258px}#large-alert-small-header .message{position:absolute;left:18px;top:40px;width:255px;height:40px}#large-alert-small-header button{position:absolute;top:145px;right:18px}#large-confirm-small-header{position:absolute;background:url(/gfx/gfx001/125.png);background-color:#000;width:290px;height:189px;user-select:none;z-index:1020}#large-confirm-small-header .title{position:absolute;left:18px;top:15px;width:258px}#large-confirm-small-header .message{position:absolute;left:18px;top:40px;width:255px;height:40px}#large-confirm-small-header .buttons{position:absolute;top:145px;right:18px;display:flex;gap:2px}#small-confirm{position:absolute;background:url(/gfx/gfx001/123.png);background-color:#000;width:290px;height:125px;user-select:none;z-index:1020}#small-confirm .title{position:absolute;left:18px;top:15px;width:258px}#small-confirm .message{position:absolute;left:18px;top:40px;width:255px;height:40px}#small-confirm .buttons{position:absolute;bottom:14px;right:17px;display:flex;gap:2px}#exit-game{position:absolute;top:0;right:0}@media screen and (min-width: 470px){#chat{width:370px!important}}@media screen and (min-width: 940px){#chat{top:unset!important;bottom:0}}#chat{position:absolute;top:0;background:#111;width:200px;color:#fff;opacity:.8;padding:5px 10px}#chat-message{background:#000;color:#fff;width:100%;margin-bottom:5px}#btn-toggle-chat{background:none;color:#fff;float:right}#chat-tab-bar button{background:none;color:#adadad}#chat-tab-bar button.active{color:#fff}#chat ul{list-style:none;padding:0 5px;height:130px;overflow-y:scroll}#chat li{padding:3px 0;word-break:break-all;display:flex;gap:1px}#chat li span{max-width:96%}#mobile-controls{opacity:.8}#mobile-controls,#mobile-controls *{user-select:none;-webkit-user-select:none}#joystick-container{position:absolute;bottom:5%;left:5%;width:120px;height:120px;touch-action:none}#joystick-base{width:100%;height:100%;border-radius:50%;background-color:transparent;background-image:url(/move.png);background-size:cover;position:absolute}#joystick-thumb{width:80px;height:80px;border-radius:50%;position:absolute;background-color:transparent;background-image:url(/move-circle.png);background-size:cover;left:20px;top:20px;transform:translate(0)}#mobile-actions-container{position:absolute;bottom:1%;right:10%;width:170px;height:120px;touch-action:none;display:flex}#mobile-actions-container button{border:none;outline:none;height:84px;width:84px;background-color:transparent;background-size:cover;background-repeat:no-repeat}#btn-attack{background-image:url(/attack.png)}#btn-toggle-sit{background-image:url(/sit.png)}#in-game-menu{position:absolute;right:0;display:flex;flex-flow:column;height:100%;justify-content:center}#inventory{position:absolute;bottom:30px;height:130px;width:380px;padding:3px 0;border-radius:5px;border:1px solid #000;left:calc(50vw - 190px);background:#7b5a29;cursor:move;user-select:none;z-index:1020}#inventory .grid{width:365px;height:109px;margin:3px auto;background:url(/gfx/gfx002/144.png) -9px -6px #000;cursor:default;display:grid;grid-template-columns:repeat(14,23px);grid-template-rows:repeat(4,23px);gap:3px;padding-left:4px;padding-top:3px}#inventory .item{position:relative;display:flex;justify-content:center;align-items:center}#inventory .item .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;z-index:10}#inventory .item:hover .tooltip{opacity:.8}#inventory .item:before{content:"";position:absolute;inset:0;background-color:#f8f8be4d;opacity:0;pointer-events:none;z-index:0;box-sizing:border-box}#inventory .item:hover:before{opacity:.3!important}#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 .tabs{display:flex;margin-left:5px;gap:1px}#inventory .tabs button,#inventory .buttons button{background:transparent;border:1px solid #000;border-bottom:none;color:#8a8a8a;padding:2px 10px;cursor:pointer}#inventory .tabs button.active{color:#ccc}#inventory .weight{position:absolute;bottom:2px;left:98px;color:#ccc;font-size:12px}#inventory .buttons{display:flex;gap:1px;position:absolute;right:5px;bottom:1px}#inventory .buttons button{color:#ccc}#paperdoll{position:absolute;background:url(/gfx/gfx002/149.png) #000;height:290px;width:380px;z-index:1020}#paperdoll[data-gender="1"]{background-position-y:-290px}#paperdoll button[data-id=ok]{position:absolute;bottom:8px;right:13px}#paperdoll .item,#paperdoll span{position:absolute}#paperdoll .item{display:flex;justify-content:center}#paperdoll img{align-self:center}#paperdoll .item[data-id=boots]{left:85px;bottom:17px;width:57px;height:55px}#paperdoll .item[data-id=accessory]{left:52px;bottom:16px;width:26px;height:26px}#paperdoll .item[data-id=gloves]{left:20px;bottom:48px;width:57px;height:55px}#paperdoll .item[data-id=belt]{left:86px;bottom:79px;width:56px;height:25px}#paperdoll .item[data-id=armor]{left:85px;top:81px;height:99px;width:57px}#paperdoll .item[data-id=necklace]{left:151px;top:50px;width:56px;height:25px}#paperdoll .item[data-id=hat]{left:85px;top:19px;width:57px;height:55px}#paperdoll .item[data-id=shield]{left:150px;top:80px;height:99px;width:57px}#paperdoll .item[data-id=weapon]{left:20px;top:81px;height:99px;width:57px}#paperdoll .item[data-id=ring-1]{left:150px;top:186px;width:26px;height:26px}#paperdoll .item[data-id=ring-2]{left:183px;top:186px;width:26px;height:26px}#paperdoll .item[data-id=armlet-1]{left:150px;top:217px;width:26px;height:26px}#paperdoll .item[data-id=armlet-2]{left:183px;top:217px;width:26px;height:26px}#paperdoll .item[data-id=bracer-1]{left:150px;top:248px;width:26px;height:26px}#paperdoll .item[data-id=bracer-2]{left:183px;top:248px;width:26px;height:26px}#paperdoll .item .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;z-index:10}#paperdoll .item:hover .tooltip{opacity:.8}#paperdoll div.icon{position:absolute;left:240px;top:262px}#paperdoll span{color:#f0f0c8;font-size:12px}#paperdoll span[data-id=name]{left:230px;top:24px}#paperdoll span[data-id=home]{left:230px;top:54px}#paperdoll span[data-id=class]{left:230px;top:84px}#paperdoll span[data-id=partner]{left:230px;top:114px}#paperdoll span[data-id=title]{left:230px;top:144px}#paperdoll span[data-id=job]{left:230px;top:174px}#paperdoll span[data-id=guild]{left:230px;top:204px}#paperdoll span[data-id=rank]{left:230px;top:234px}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}#quest-dialog{position:absolute;background-color:#000;background-image:url(/gfx/gfx002/167.png);width:284px;height:190px;user-select:none;z-index:1020}#quest-dialog .title{position:absolute;top:18px;left:18px;color:#fff}#quest-dialog .entries{list-style:none;margin:0;padding:0;position:absolute;top:48px;left:20px;color:#fff;font-size:12px;width:224px}#quest-dialog li{position:relative}#quest-dialog li.link{text-decoration:underline}#quest-dialog li:before{content:"";position:absolute;inset:0;background-color:#f8f8be4d;opacity:0;pointer-events:none;z-index:0;box-sizing:border-box}#quest-dialog li:hover:before{opacity:.3!important}#quest-dialog button[data-id=quest-select]{position:absolute;right:17px;top:16px}#quest-dialog button[data-id=cancel],#quest-dialog button[data-id=back]{position:absolute;right:104px;bottom:10px}#quest-dialog button[data-id=next],#quest-dialog button[data-id=ok]{position:absolute;right:10px;bottom:10px}.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}.img-btn{--bg-url: "";--bg-x: 0;--bg-y: 0;--hover-x: 0;--hover-y: 0;--width: 0;--height: 0;background-color:transparent;border:none;outline:none;background:var(--bg-url) var(--bg-x) var(--bg-y);width:var(--width);height:var(--height);cursor:pointer}.img-btn:hover{background-position:var(--hover-x) var(--hover-y)}.img-btn[data-id=create-account]{--bg-url: url(/gfx/gfx001/113.png);--bg-x: 0;--bg-y: 0;--hover-x: -180px;--hover-y: 0;--width: 180px;--height: 40px}.img-btn[data-id=play-game]{--bg-url: url(/gfx/gfx001/113.png);--bg-x: 0;--bg-y: -40px;--hover-x: -180px;--hover-y: -40px;--width: 180px;--height: 40px}.img-btn[data-id=view-credits]{--bg-url: url(/gfx/gfx001/113.png);--bg-x: 0;--bg-y: -80px;--hover-x: -180px;--hover-y: -80px;--width: 180px;--height: 40px}.img-btn[data-id=create]{--bg-url: url(/gfx/gfx001/114.png);--bg-x: 0;--bg-y: 0;--hover-x: -120px;--hover-y: 0;--width: 120px;--height: 40px}.img-btn[data-id=cancel-big]{--bg-url: url(/gfx/gfx001/114.png);--bg-x: 0;--bg-y: -40px;--hover-x: -120px;--hover-y: -40px;--width: 120px;--height: 40px}.img-btn[data-id=connect-big]{--bg-url: url(/gfx/gfx001/114.png);--bg-x: 0;--bg-y: -80px;--hover-x: -120px;--hover-y: -80px;--width: 120px;--height: 40px}.img-btn[data-id=password]{--bg-url: url(/gfx/gfx001/114.png);--bg-x: 0;--bg-y: -120px;--hover-x: -120px;--hover-y: -120px;--width: 120px;--height: 40px}.img-btn[data-id=play-game]{--bg-url: url(/gfx/gfx001/113.png);--bg-x: 0;--bg-y: -40px;--hover-x: -180px;--hover-y: -40px;--width: 180px;--height: 40px}.img-btn[data-id=connect]{--bg-url: url(/gfx/gfx001/115.png);--bg-x: 0;--bg-y: 0;--hover-x: -91px;--hover-y: -0;--width: 91px;--height: 29px}.img-btn[data-id=cancel]{--bg-url: url(/gfx/gfx001/115.png);--bg-x: 0;--bg-y: -29px;--hover-x: -91px;--hover-y: -29px;--width: 91px;--height: 29px}.img-btn[data-id=login]{--bg-url: url(/gfx/gfx001/115.png);--bg-x: 0;--bg-y: -58px;--hover-x: -91px;--hover-y: -58px;--width: 91px;--height: 29px}.img-btn[data-id=delete]{--bg-url: url(/gfx/gfx001/115.png);--bg-x: 0;--bg-y: -87px;--hover-x: -91px;--hover-y: -87px;--width: 91px;--height: 29px}.img-btn[data-id=ok]{--bg-url: url(/gfx/gfx001/115.png);--bg-x: 0;--bg-y: -116px;--hover-x: -91px;--hover-y: -116px;--width: 91px;--height: 29px}.img-btn[data-id=back]{--bg-url: url(/gfx/gfx001/115.png);--bg-x: 0;--bg-y: -145px;--hover-x: -91px;--hover-y: -145px;--width: 91px;--height: 29px}.img-btn[data-id=next]{--bg-url: url(/gfx/gfx001/115.png);--bg-x: 0;--bg-y: -203px;--hover-x: -91px;--hover-y: -203px;--width: 91px;--height: 29px}.img-btn[data-id=exit-game]{--bg-url: url(/gfx/gfx001/124.png);--bg-x: 0;--bg-y: 0;--hover-x: 0;--hover-y: -53px;--width: 51px;--height: 53px}.img-btn[data-id=toggle-arrow]{background-color:#000;--bg-url: url(/gfx/gfx001/122.png);--bg-x: -184px;--bg-y: -39px;--hover-x: -205px;--hover-y: -39px;--width: 21px;--height: 18px}.img-btn[data-id=inventory]{background-color:#000;--bg-url: url(/gfx/gfx002/125.png);--bg-x: 0;--bg-y: 0;--hover-x: -36px;--hover-y: 0;--width: 36px;--height: 19px}.img-btn[data-id=map]{background-color:#000;--bg-url: url(/gfx/gfx002/125.png);--bg-x: 0;--bg-y: -19px;--hover-x: -36px;--hover-y: -19px;--width: 36px;--height: 19px}.img-btn[data-id=spells]{background-color:#000;--bg-url: url(/gfx/gfx002/125.png);--bg-x: 0;--bg-y: -38px;--hover-x: -36px;--hover-y: -38px;--width: 36px;--height: 19px}.img-btn[data-id=stats]{background-color:#000;--bg-url: url(/gfx/gfx002/125.png);--bg-x: 0;--bg-y: -95px;--hover-x: -36px;--hover-y: -95px;--width: 36px;--height: 19px}.img-btn[data-id=online]{background-color:#000;--bg-url: url(/gfx/gfx002/125.png);--bg-x: 0;--bg-y: -114px;--hover-x: -36px;--hover-y: -114px;--width: 36px;--height: 19px}.img-btn[data-id=party]{background-color:#000;--bg-url: url(/gfx/gfx002/125.png);--bg-x: 0;--bg-y: -133px;--hover-x: -36px;--hover-y: -133px;--width: 36px;--height: 19px}.img-btn[data-id=quest-select]{background-color:#000;--bg-url: url(/gfx/gfx002/127.png);--bg-x: -303px;--bg-y: -242px;--hover-x: -303px;--hover-y: -242px;--width: 16px;--height: 15px}#offset-tweaker{color:#fff;position:absolute;top:20px;right:100px}#offset-tweaker input{width:40px}#hud{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:10;user-select:none;pointer-events:none;display:flex;gap:8px}#hud .stat-container{position:relative}#hud .bar{width:109px;height:13px;background:none;border-radius:10px;overflow:hidden;transform:scale(var(--ui-scale, 1));transform-origin:left center;pointer-events:auto;cursor:pointer;z-index:20}#hud .dropdown{width:111px;height:19px;background-image:url(/gfx/gfx002/158.png);background-position:-222px -30px;background-repeat:no-repeat;background-size:440px 64px;pointer-events:auto;z-index:10;white-space:nowrap;color:#d4c4a8;font-size:12px;line-height:21px;position:absolute;bottom:calc(-16px * var(--ui-scale));transform:scale(var(--ui-scale));transform-origin:left center}#hud .dropdown span{padding:2px 6px;line-height:18px}#hud .stat-empty{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/gfx/gfx002/158.png);background-repeat:no-repeat;background-size:439px 63px}#hud .stat-fill{position:absolute;top:0;left:0;width:0;height:100%;background-image:url(/gfx/gfx002/158.png);background-repeat:no-repeat;background-size:439px 63px;background-position-y:-14px}#hud .stat-container[data-id=tp] .stat-empty,#hud .stat-container[data-id=tp] .stat-fill{background-position-x:-110px}#hud .stat-container[data-id=exp] .stat-empty,#hud .stat-container[data-id=exp] .stat-fill{background-position-x:-329px}.slider-container{position:absolute;width:123px;height:16px;background:transparent;left:24px;top:96px}.slider-thumb{position:absolute;top:0;width:16px;height:15px;background:url(/gfx/gfx002/129.png) 0 -75px;touch-action:none;user-select:none}.slider-thumb:hover{background-position:0 -90px}#item-amount-dialog{position:absolute;background:url(/gfx/gfx002/127.png) -38px 0;background-color:#000;width:265px;height:170px;user-select:none;z-index:1020}#item-amount-dialog .label{position:absolute;top:40px;color:#e2e0c8;width:232px;left:16px;margin:0;height:48px}#item-amount-dialog .header{background-color:#000;width:243px;height:22px;position:absolute;top:10px;left:11px}#item-amount-dialog input[type=number]{background:transparent;border:none;outline:none;position:absolute;right:20px;bottom:58px;width:83px;color:#b4a08c}#item-amount-dialog button[data-id=ok]{position:absolute;left:60px;bottom:16px}#item-amount-dialog button[data-id=cancel]{position:absolute;left:153px;bottom:16px}#item-amount-dialog .header[data-id=drop]{display:none}#item-amount-dialog .header[data-id=junk]{background:url(/gfx/gfx002/127.png) -39px -172px}#item-amount-dialog .header[data-id=give]{background:url(/gfx/gfx002/127.png) -39px -196px}#item-amount-dialog .header[data-id=trade]{background:url(/gfx/gfx002/127.png) -39px -220px}#item-amount-dialog .header[data-id=shop]{background:url(/gfx/gfx002/127.png) -39px -244px}#item-amount-dialog .header[data-id=bank]{background:url(/gfx/gfx002/127.png) -39px -268px}.hidden{display:none!important}:root{--ui-scale: 1}@media (max-width: 768px){:root{--ui-scale: .8}.stat-label{font-size:10px}}@media (max-width: 480px){:root{--ui-scale: .6}.stat-label{font-size:9px}#hud{top:20px}}.heart-sprite.low-health{animation:pulse-sprite 1s ease-in-out infinite}@keyframes pulse-sprite{0%,to{opacity:1}50%{opacity:.7}}#chest{position:absolute;z-index:1010;user-select:none;box-sizing:border-box;width:272px;height:270px;background-color:#000;background-image:url(/gfx/gfx002/151.png)}#chest .title{position:absolute;top:18px;left:18px;color:#fff;font-size:13px}#chest .chest-items{position:absolute;top:25px;left:20px;color:#fff;font-size:12px;width:230px;height:192px}#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}#chest .chest-item:before{content:"";position:absolute;inset:0;background-color:#ffffff0d;opacity:0;pointer-events:none;z-index:0;box-sizing:border-box}#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:#fff;font-size:12px;margin:0}#chest .chest-item .item-quantity{color:#b4a08c;font-size:11px;margin:2px 0 0}#chest button[data-id=cancel]{position:absolute;top:227px;left:92px}#shop{position:absolute;z-index:1010;user-select:none;box-sizing:border-box;width:284px;height:290px;background-color:#000;background-image:url(/gfx/gfx002/152.png)}#shop .shop-name{position:absolute;color:#fff;font-size:12px;left:24px;top:18px}#shop .buttons{position:absolute;bottom:10px;left:10px;width:260px;display:flex;gap:3px;justify-content:center}#shop .scroll-handle{position:absolute;right:16px;width:16px;height:15px;background:url(/gfx/gfx002/129.png) 0 -75px;touch-action:none;user-select:none}#shop .item-list{position:absolute;top:50px;left:22px;width:232px;height:193px;display:flex;flex-direction:column;gap:2px;overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}#shop .item-list::-webkit-scrollbar{display:none}.menu-item{color:#fff;font-size:12px;position:relative;width:224px}.menu-item:before{content:"";position:absolute;background-color:#ffffff0d;opacity:0;pointer-events:none;z-index:0;box-sizing:border-box;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}.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:210px}.menu-item.item .tooltip{position:absolute;top:0;left:25%;background-color:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;z-index:10}.menu-item.item img:hover~.tooltip{opacity:.9}.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-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-y:-291px;background-position-x:-31px}.menu-item-icon[data-id="4"]{background-position-y:-291px;background-position-x:-124px}.notyf__wrapper{background:#000;opacity:.6;padding:17px 15px}@-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}}