*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{background-color:#0000;font-family:Play,sans-serif}body.game-engine-started{-webkit-user-select:none;user-select:none}body .wrapper{z-index:10000;background-color:#37517e;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;min-height:100%;display:flex;overflow:auto}body .wrapper .header,body .wrapper .footer,body .wrapper .content{width:100%}body .wrapper .header,body .wrapper .footer{color:#fff}body .wrapper .header{box-sizing:border-box;background:linear-gradient(#0000 0%,#000000b3 50% 50%,#0000 100%);flex-flow:column wrap;flex-grow:1;justify-content:center;align-items:center;height:fit-content;display:flex}body .wrapper .header .header-content{vertical-align:middle;flex-flow:wrap;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:430px;display:flex}body .wrapper .content{flex-grow:1;height:80%}body .wrapper .footer{background-color:#0000;flex-grow:0;height:6%;padding:min(10px,1%) 0;display:flex}body input:focus,body input:active,body select:focus,body select:active{outline:none}.text-black{color:#000}.hidden{display:none}.hidden-forced{display:none!important}.game-container{height:100%}body.game-engine-started{overflow:hidden}body.game-engine-started .wrapper{justify-content:start;height:100%}body.game-engine-started .wrapper .content{height:94%}body.game-engine-started .wrapper .content .game-container{display:flex}body.game-engine-started .wrapper .footer,body.game-engine-started.full-screen-on .wrapper .header{display:none}body.game-engine-started.full-screen-on .wrapper .content{height:100%}.header #your-logo{margin:1rem 0}.header h1{box-sizing:border-box;margin:0 0 0 2%;padding:0;font-size:1.5em;display:block;position:relative}.header h1 strong{color:#2f7dde;font-weight:700}@media (height<=390px){.header h1{padding-top:.2em;font-size:1em}}.footer{background:linear-gradient(90deg,#0000 0%,#000000b3 20% 80%,#0000 100%)}.footer .copyright{text-align:center;width:100%;margin:0;padding:0;display:block;position:relative}.footer .copyright a,.footer .copyright a:hover,.footer .copyright a:visited{color:#fff;padding:0;text-decoration:none;display:block}.content{min-height:300px}.content .forms-container{flex-direction:row;gap:1rem;width:100%;max-width:1200px;height:100%;margin:0 auto;display:flex}button,input[type=button],input[type=submit]{cursor:pointer}.game-container{background-color:#37517e}.game-container .open-ui-button{box-sizing:content-box;cursor:pointer;background-color:#000000b3;border:2px solid #fff;border-radius:50%;max-width:40px;padding:6px;position:relative}.game-container .open-ui-button img{max-width:40px}.game-container .open-ui-button:hover{background-color:#193c5c80;border:4px solid #2f7dde;padding:4px}.game-container .ui-box-controls .arrows-container{vertical-align:middle;justify-content:center;align-items:center;display:flex}.game-container .ui-box-controls .arrows-container img,.game-container .ui-box-controls .skill-icon-container img{box-sizing:content-box;cursor:pointer;background-color:#000000b3;border:2px solid #fff;border-radius:50%;max-width:40px;padding:6px}.game-container .ui-box-controls .arrows-container img:hover,.game-container .ui-box-controls .skill-icon-container img:hover{background-color:#193c5c80}.row{background-color:#fff9;border:1px solid #ccc;width:100%;max-width:500px;margin:0 auto 10px;padding:0;display:flex;position:relative;box-shadow:10px 10px 14px 2px #0009}.row.row-disclaimer{max-width:98%}.row.hidden,.row.row-0:has(.guest-form.hidden){display:none}.disclaimer{text-align:center;background-color:#0000;max-width:80%;margin:0 auto;padding:10px 2%}.col-2{flex-flow:column wrap;align-items:center;width:100%;display:flex;position:relative}@media (width<=725px){.row{max-width:none}.col-2{width:90%;margin:0 auto;padding:0}.footer{display:none}.content{height:92%}.content .forms-container{flex-direction:column}}@media (width>=725px) and (width<=751px){form .input-box.reg-re-password label{margin-top:1px}}#login-form,#guest-form,#register-form,#forgot-form{width:100%;margin:0 0 10px;padding:0;display:block}#login-form.hidden,#guest-form.hidden,#register-form.hidden,#forgot-form.hidden{display:none}#guest-form .loading-container{width:100%}.forgot-password-content{flex-direction:column}.forgot-password-content .input-box{text-align:center;padding:1rem 2rem 2rem}.response-error{color:red;background:#fffc;margin-bottom:0;padding:1rem;font-weight:600}.response-error:empty{padding:0}h3.form-title{text-align:center;background:#f2f2f2;border-bottom:1px solid #666;width:100%;margin-top:0;padding:10px 0}#reldens div:first-child{z-index:200}form.hidden{display:none}form .input-box{flex-direction:row;justify-content:center;width:100%;margin-bottom:10px;display:flex;position:relative}form .input-box.hidden{display:none}form .input-box.submit-container,form .input-box.terms-and-conditions-link-container{flex-flow:column wrap;justify-content:center;align-items:center;margin-bottom:0;display:flex}form .input-box.submit-container.guest-submit,form .input-box.terms-and-conditions-link-container.guest-submit{justify-content:center}form .input-box.submit-container .loading-container,form .input-box.terms-and-conditions-link-container .loading-container{width:auto;margin-top:1rem}form .input-box label{text-align:right;width:40%;margin-top:10px;font-size:12px;display:block;position:relative}form .input-box input{border:1px solid #ccc;padding:8px;display:block;position:relative;box-shadow:4px 4px 8px #0009}form .input-box input[type=text],form .input-box input[type=email],form .input-box input[type=password]{width:50%;max-width:268px}.player{box-sizing:border-box;width:100px;height:100px;padding-top:24px;position:absolute;top:0;left:0}.ui-box{z-index:1001;margin:0;padding:0;display:block;position:relative}.ui-box button{border:1px solid #ccc;margin:0;padding:4px 10px;display:block;position:relative;box-shadow:4px 4px 8px #000000e6}.box-title{font-size:1rem}.box-target{background-color:#00000080;border:2px solid #fff;border-radius:10px;padding:10px;display:none;position:relative;top:276px;left:10px}.box-target #target-container{width:100%}.scene-label,.box-target{color:#fff}.ui-box-scene-data{padding:15px;top:30px}.box-player-stats{top:20px;left:-60px}.ui-box.ui-box-controls{position:relative;bottom:66px;left:66px}.ui-box.ui-box-controls img:active{opacity:1}.ui-box-controls .action-buttons,.ui-box-controls .vertical-buttons{flex-direction:column;gap:10px;display:flex}.ui-box-controls .action-buttons{width:auto}.ui-box-controls .action-buttons .skill-icon-container{position:relative}.ui-box-controls .action-buttons .skill-icon-container.cooldown:after{content:"";background:conic-gradient(#000000b3 var(--angle), #0000001a var(--angle));border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.button-opacity-off{opacity:1!important}.ui-box-player{text-align:left;word-break:break-all;background-color:#00000080;width:100%;max-width:240px;padding:14px;top:66px;left:66px}@media (width<=600px){.ui-box-player{max-width:170px}}.ui-dialog-box{float:left;color:#fff;word-wrap:break-word;background:#000;width:280px;min-height:200px;padding:15px;font-size:12px;display:none}.box-close,.close-target{cursor:pointer;width:24px;position:absolute;top:-12px;right:-12px}.box-open{cursor:pointer}.box-content{min-height:40px;max-height:120px;margin:10px 0;overflow:auto}.box-options-container{flex-wrap:wrap;gap:10px;margin-top:1rem;display:flex}.player-name{text-align:center;color:#fff;padding:0 0 10px}.stat-container{justify-content:space-between;display:flex}span.stat-label{color:#0ff}.loading-container{float:left;text-align:center}.loading-container img{max-width:40px}.loading-container .hidden{display:none}#player-stats-open{top:20px;right:60px}#full-screen-btn{top:20px;right:134px}.player-stats-ui{float:left;color:#fff;background:#000;min-width:100px;min-height:100px;padding:20px;font-size:14px;display:none;position:relative;top:64px;right:calc(100% + 72px)}#player-stats-container{word-wrap:break-word;min-width:150px;max-width:260px;font-size:12px;position:relative;overflow:auto}#forgot_reset{max-width:720px;margin:0 auto}#ui-player-extras{color:#fff;flex-direction:column;margin:10px 0;padding:10px 0 0;display:flex}.notification-balloon{box-sizing:content-box;color:#fff;text-align:center;background-color:red;border-radius:50%;width:15px;height:15px;padding:5px;font-size:14px;line-height:15px;position:absolute;top:-10px;left:-10px}.game-started.game-engine-started #player-selection{display:none}.game-started #player-selection{display:flex}.game-started #player-selection.hidden{display:none}#player-selection{max-width:1200px;margin:0 auto;padding:0;display:none}#player-selection .selection-forms-container{flex-flow:wrap;justify-content:space-evenly;gap:2rem;width:100%;margin:0 auto;padding:0;display:flex}#player-selection .selection-forms-container form{flex-wrap:wrap;align-items:flex-start;width:100%;max-width:500px;margin:0;display:flex}#player-selection .selection-forms-container form.hidden{display:none}#player-selection .selection-forms-container form .select-element{text-align:center;border:1px solid #ccc;min-width:250px;max-width:fit-content;margin:0 auto;padding:8px;position:relative}#player-selection .selection-forms-container form .player-creation-additional-info{width:100%}#player-selection .selection-forms-container form .class-path-select-avatar{background-position:0 0;margin:10px auto;display:block}#player-selection .selection-forms-container form .input-box{flex-flow:column wrap;justify-content:center;align-items:center}#player-selection .selection-forms-container form .input-box label{text-align:center;width:100%}#game-over{z-index:2000;color:#fff;cursor:default;background-color:#000000b3;width:92%;height:90%;margin:0;padding:10% 4% 0;position:absolute;left:0;overflow:visible}#game-over .game-over-content{float:left;width:100%;height:280px;display:block;overflow:hidden auto}#game-over .game-over-content h3{text-align:center}#instructions-open{position:absolute;top:-132px;left:-66px}#instructions{z-index:2000;color:#fff;cursor:default;width:100%;max-width:min(90vw,500px);height:100%;max-height:min(80vh,500px);margin:0;padding:0;position:fixed;top:50%;left:50%;right:auto;overflow:visible;transform:translate(-50%,-50%)}#instructions .instructions-content{float:left;box-sizing:border-box;width:100%;height:280px;padding:1rem;display:block;overflow:hidden auto}#instructions .instructions-content h3{text-align:center}#instructions .instructions-content ul{padding:0 0 0 6%}#settings-open{position:absolute;top:-198px;left:-66px}#settings-ui{z-index:2000;color:#fff;cursor:default;width:100%;max-width:min(90vw,500px);height:100%;max-height:min(80vh,500px);margin:0;padding:0;position:fixed;top:50%;left:50%;right:auto;overflow:visible;transform:translate(-50%,-50%)}#settings-ui .settings-content{float:left;box-sizing:border-box;width:100%;height:280px;padding:1rem;display:block;overflow:hidden auto}#settings-ui .settings-content .settings-container{float:left;width:100%;margin-top:20px;display:block}#settings-ui .settings-content .settings-container:first-child{margin-top:0}#settings-ui .settings-content .settings-row{width:100%;margin:0;padding:0;display:block}#settings-ui .settings-content .settings-row .col-1{text-align:right}#settings-ui .settings-content .settings-row .col-1,#settings-ui .settings-content .settings-row .col-2{float:left;width:48%;margin:0 2% 0 0;padding:0;display:block;position:relative}#settings-ui .settings-content .settings-row h3{text-align:center}#settings-ui #settings-dynamic .settings-row:first-child h3:first-child{margin-top:0}#minimap-open{top:0;left:0}.minimap-ui{float:left;background:0 0;display:block;position:relative;top:26px;left:26px}.minimap-ui.hidden{display:none}#class-path-select{float:right;border:1px solid #ccc;width:54%;max-width:268px;margin:0;padding:8px 1%;display:block;position:relative}.player-selection-additional-info,.avatar-container{float:left;width:100%;display:block}.class-path-container,.level-container,.experience-container{width:100%;margin:6px auto 0;display:block}.level-container,.experience-container{font-size:11px}.experience-container div{float:left;margin:0 8px 0 0}.experience-container .current-experience:after{content:"/";margin:0 4px}.ui-skills-controls.ui-box-controls{bottom:66px;left:202px}.skills-container.action-buttons{flex-direction:row}.firebase-row-container{flex-direction:column}#firebaseui-auth-container{max-width:400px;margin:10px auto;padding:6px 0;display:block}.firebase-container{float:left;width:100%;margin:0 0 2%;padding:0;display:block}.firebase-container.hidden{display:none}#firebase-login{width:100%;margin:0;padding:0;display:block}.firebase-auth-container{text-align:center;flex-direction:column;gap:10px;width:fit-content;margin:0 auto 10px;display:flex}.firebase-auth-btn{color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;padding:10px 16px;font-family:Open Sans,sans-serif;font-weight:500;transition:background-color .3s;display:flex;position:relative;box-shadow:6px 4px 10px 2px #0009}.firebase-google-btn{background-color:#4285f4}.firebase-google-btn:hover{background-color:#3367d6}.firebase-facebook-btn{background-color:#3b5998}.firebase-facebook-btn:hover{background-color:#2d4373}.firebase-github-btn{background-color:#333}.firebase-github-btn:hover{background-color:#222}.chat-ui{float:left;color:#fff;background:#000;min-width:300px;max-width:300px;min-height:200px;padding:20px;position:relative;top:-270px;left:-426px}#chat-contents{width:100%;height:100%;font-size:12px;display:block}#chat-contents .tabs-container{height:100%;display:block;position:relative}#chat-contents .tabs-headers{width:100%;height:20%;min-height:26px;display:block;position:relative}#chat-contents .tabs-headers .tab-label{cursor:pointer;border-right:1px solid #fff;padding-right:6px;display:inline-block}#chat-contents .tabs-headers .tab-label.active{font-weight:700}#chat-contents .tabs-headers .tab-label:last-child{border-right:none}#chat-contents .tabs-contents{height:60%;max-height:150px;display:block;overflow-y:auto}#chat-contents .tabs-contents .tab-content{display:none;overflow-y:auto}#chat-contents .tabs-contents .tab-content.active{display:block}#chat-messages{word-wrap:break-word;-webkit-user-select:auto;user-select:auto;width:92%;height:72%;padding:2%;font-family:Verdana,Geneva,sans-serif;font-size:12px;position:absolute;top:0;left:0;overflow:auto}#chat-input{-webkit-user-select:auto;user-select:auto;outline:none;width:70%;font-family:Verdana,Geneva,sans-serif;position:absolute;bottom:15px}#chat-send{width:16%;position:absolute;bottom:15px;right:15px}#chat-open{position:absolute;top:-66px;left:-66px}#inventory-open{top:90px;right:60px}#equipment-open{top:160px;right:60px}#inventory-items,#equipment-items{word-wrap:break-word;font-size:12px;position:relative;overflow:auto}#inventory-items{width:268px;height:200px}#equipment-items{width:268px;height:225px}.inventory-ui,.equipment-ui{float:left;color:#fff;background:#000;min-height:100px;padding:20px;display:none;position:relative}.inventory-ui{min-width:160px;top:80px;right:360px}.equipment-ui{min-width:160px;top:100px;right:360px}@media (height<=400px){.equipment-ui{top:80px}}.item-box,.group-item-block{float:left;width:50px;height:50px;margin-bottom:6px;display:block}.item-box .item-data-container{z-index:2;text-align:center;color:#fff;background:#0009;border:1px solid #fff;border-radius:10px;width:64%;padding:4px;font-style:italic;display:none;position:absolute;top:54px;left:16%}.item-box .item-qty,.item-box .image-container{float:left;text-align:center;cursor:pointer;width:100%;display:block}.item-box .item-qty img,.item-box .image-container img{border-radius:6px}.item-box .actions-container{width:100%;display:block;position:relative}.item-box .actions-container .item-action-block{float:left;max-width:32px;margin:5px 5px 0;position:relative}.item-box .actions-container .item-action-block img{cursor:pointer;max-width:32px}.item-box .trash-confirm{min-width:96px;display:none}.item-box .trash-confirm span{cursor:pointer;border:1px solid;margin:5px;padding:5px;display:inline-block}.item-box:nth-child(4n) .item-data-container,.item-box:nth-child(5n) .item-data-container{left:auto;right:50px}.item-label,.item-description{display:block}.group-item-block{position:relative}.group-item-block .equip-group-icon{z-index:1;opacity:.2;border:1px solid #fff;width:100%;height:100%;position:absolute;top:0;left:0}.group-item-block .equipped-item{z-index:2;position:relative;top:0;left:0}.group-item-block .image-container img{min-width:50px}.group-item-block .item-qty,.group-item-block .item-data-container .item-description,.group-item-block .item-data-container .item-trash{display:none}.group-item-block .item-data-container{min-width:50px}.group-item-block .item-data-container .actions-container .item-action-block{float:none;margin:5px auto}#group-item-weapon,#group-item-shield,#group-item-armor,#group-item-gauntlets{width:50%;display:block}#group-item-helmet,#group-item-boots{width:100%;display:block}#group-item-helmet .equip-group-icon,#group-item-boots .equip-group-icon{max-width:50px;left:40%}#group-item-helmet .equipped-item,#group-item-boots .equipped-item{max-width:50px;min-height:50px;margin:0 auto;display:block}#group-item-weapon .equip-group-icon,#group-item-armor .equip-group-icon{max-width:50px;left:auto;right:20px}#group-item-weapon .equipped-item,#group-item-armor .equipped-item{position:absolute;left:auto;right:20px}#group-item-shield .equip-group-icon,#group-item-gauntlets .equip-group-icon{max-width:50px;left:20px;right:auto}#group-item-shield .equipped-item,#group-item-gauntlets .equipped-item{position:absolute;left:20px;right:auto}.start-trade{margin-bottom:10px}.trade-container{flex-direction:column;width:100%;height:100%;display:flex}.trade-container .player-confirmed{color:#fff;text-align:center;background:#0006;border:1px solid #2f7dde;border-radius:6px;width:100%;margin-top:10px;padding:4px;font-weight:700;display:block}.trade-container .player-confirmed:empty{background:0 0;border:none}.trade-container .trade-row{float:left;min-width:300px;display:block;position:relative}.trade-container .trade-row.trade-items-boxes,.trade-container .trade-row.trade-items-boxes .trade-col,.trade-container .trade-row.trade-items-boxes .trade-player-col{min-height:280px}.trade-container .trade-confirm-actions{flex-flow:wrap;flex-grow:0;justify-content:center;padding-top:10px;display:flex}.trade-container .confirm-action,.trade-container .disconfirm-action,.trade-container .cancel-action{min-height:25px;margin-left:15px}.trade-container .trade-col{float:left;width:46%;min-width:100px;min-height:25px;margin:0;padding:0 1%;display:block;position:relative}.ui-dialog-box.type-trade.trade-in-progress{min-width:380px;max-width:450px}.ui-dialog-box.type-trade.trade-in-progress .box-content{width:342px;height:400px;max-height:100%}.ui-dialog-box.type-trade.trade-in-progress .trade-player-col{float:left;width:32%;display:block;position:relative}.trade-item{height:auto;display:block;position:relative}.trade-item.hidden{display:none}.trade-item .trade-action-remove{position:absolute;right:-10px}.trade-item .trade-action-remove img{cursor:pointer;max-width:20px}.trade-item .image-container{cursor:pointer}.my-items .trade-item .actions-container.trade-actions{display:none}.my-items .trade-item .actions-container.trade-actions.trade-actions-expanded{z-index:3;background:#000;border:1px solid #fff;border-radius:6px;padding:4px;display:block;position:absolute;top:54px;left:0}.my-items .trade-item .actions-container.trade-actions.trade-actions-expanded input,.my-items .trade-item .actions-container.trade-actions.trade-actions-expanded button{float:none;text-align:center;border:0;width:100%;max-width:100%;margin:6px auto 2px;padding:4px 0;display:block;position:relative}.my-items .trade-item .actions-container.trade-actions.trade-actions-expanded .requirement-key img,.my-items .trade-item .actions-container.trade-actions.trade-actions-expanded .reward-key img{max-width:16px}.pushed-to-trade .trade-item .actions-container.trade-actions,.got-from-trade .trade-item .actions-container.trade-actions{display:block}.teams-dialog-box{min-width:160px;top:200px;right:360px}.clan-dialog-box{float:left;min-width:160px;min-height:100px;position:relative;top:250px;right:360px}.clan-dialog-box .box-title{font-size:1rem}.clan-dialog-box .clan-row{float:left;width:100%;margin-top:10px;display:block}.clan-dialog-box .clan-name-input{border:1px solid #ccc;outline:none;margin-bottom:1rem;padding:8px;display:block;position:relative;box-shadow:4px 4px 8px #0009}.clan-dialog-box .default-loading-container img{max-width:48px}@media (height<=400px){.teams-dialog-box{top:50px}.clan-dialog-box{top:80px}}.clan-open{top:230px;right:60px}.teams-open{top:300px;right:60px}.team-player,.property-box,.properties-list-container{float:left;width:100%;margin:0 0 5px;padding:0;display:block;position:relative}.player-name{float:left;text-align:left;cursor:pointer;width:90%;display:block}.properties-list-container{cursor:pointer}.team-remove-container{float:left;width:10%;display:block}.team-remove-container .team-remove-button{cursor:pointer;max-width:24px;position:absolute;top:0;right:0}.property-box{float:left;margin:0;padding:0}.property-box div{float:left}.property-box .label{margin-right:10px}.property-box .value{margin-right:6px}.team-leave-action{float:right}.clan-member{vertical-align:middle;min-height:24px;line-height:24px}.clan-member .member-name{float:left}.clan-member .clan-remove-container{float:right;cursor:pointer}.clan-member .clan-remove-container img{max-width:24px;position:relative;top:0}.modal-overlay{z-index:1999;background-color:#00000080;display:none;position:fixed;inset:0}.modal-overlay.active{display:block}#terms-and-conditions{z-index:2000;color:#fff;cursor:default;background-color:#37517e;width:100%;max-width:min(90vw,800px);height:100%;max-height:min(80vh,500px);margin:0;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}#terms-and-conditions.wooden-box{background:linear-gradient(#37517e,#37517e) 50% padding-box padding-box,url(wood-left-right.608057d5.png) 0 repeat-y border-box,url(wood-left-right.608057d5.png) 100% repeat-y border-box,url(wood-top-bottom.f1b8a15e.png) top repeat-x border-box,url(wood-top-bottom.f1b8a15e.png) bottom repeat-x border-box}#terms-and-conditions .scrollable{max-height:280px;padding:2% 4%}#terms-and-conditions .terms-and-conditions-text{float:left;width:100%;max-height:60vh;margin-bottom:15px;display:block;overflow:hidden auto}#terms-and-conditions .terms-and-conditions-text h3{text-align:center}#terms-and-conditions .terms-and-conditions-text .terms-body{width:92%;padding:2% 4%;overflow-y:auto}#terms-and-conditions .input-box button{border:1px solid #ccc;margin-top:1rem;padding:8px;display:block;position:relative;box-shadow:4px 4px 8px #0009}#terms-and-conditions .box-close{width:30px;box-shadow:-2px 2px 4px #000}#terms-and-conditions .box-close:hover{box-shadow:-2px 2px 4px #fff}.terms-and-conditions-link-container.hidden{display:none}.terms-and-conditions-link{text-align:right;cursor:pointer;font-size:12px;text-decoration:underline}.terms-box{margin:2%;padding:2%;display:block}.ads-banner-container{display:block}.ads-banner-container.hidden{display:none}#sdk__advertisement{z-index:10001!important}.scores-dialog-box{min-width:160px;top:260px;right:360px}.scores-dialog-box .box-content{min-height:160px}@media (height<=400px){.scores-dialog-box{top:50px}}.scores-open{top:370px;right:60px}.scores-content{flex-direction:column}.scores-content h3{text-align:center}.scores-content .scores-table{padding:1rem 2rem 2rem}.scores-content .score-container{justify-content:space-between;margin-bottom:.5rem;display:flex}#joystick{opacity:.8;background-color:#333;border-radius:50%;width:100px;height:100px;margin:0;position:relative}@media (width<=725px){.ui-box.ui-box-controls.ui-box-joystick{bottom:38px;left:130px}}.game-container .joystick-small-resolutions-only #joystick{display:none}@media (width<=725px){.game-container .joystick-small-resolutions-only #joystick{display:block}.game-container .joystick-small-resolutions-only .arrows-container{display:none}}#joystick-thumb{cursor:pointer;background-color:#fff;border-radius:50%;width:50px;height:50px;transition:background-color .2s;position:absolute;top:25px;left:25px}.rewards-dialog-box{min-width:160px;top:260px;right:360px}@media (height<=400px){.rewards-dialog-box{top:50px}}.rewards-open{top:450px;right:60px}#box-rewards{width:260px}#box-rewards .box-content{min-height:200px}.rewards-table{word-wrap:break-word;width:100%;min-height:120px;font-size:10px;position:relative;overflow:auto}.rewards-table .reward-container{float:left;width:50px;height:50px;margin-bottom:6px;display:block}.rewards-table .reward-container.reward-active{cursor:pointer}.rewards-table .reward-container .reward-image-container,.rewards-table .reward-container .reward-name{float:left;text-align:center;width:100%;font-size:10px;display:block}.rewards-table .reward-container.reward-inactive .reward-image-container,.rewards-table .reward-container.reward-inactive .reward-name{opacity:.4}.rewards-table .reward-container .reward-description{z-index:200;color:#fff;background:#000;border:1px solid #fff;max-width:120px;padding:4px;font-size:10px;font-style:italic;display:none;position:absolute;top:54px;left:16%}.rewards-table .reward-container:hover .reward-description{display:block}.reward-container:nth-child(4n) .reward-description,.reward-container:nth-child(5n) .reward-description{left:auto;right:50px}.stat-bar-container{margin:5px 0}.stat-bar-wrapper{border:1px solid #ffffff4d;width:100%;height:20px;position:relative;overflow:hidden}.stat-bar-fill{height:100%;transition:width .3s;position:absolute;top:0;left:0}.stat-bar-label,.stat-bar-text{color:#fff;text-shadow:1px 1px 2px #000c;pointer-events:none;z-index:200;align-items:center;height:100%;font-size:11px;display:flex;position:absolute;top:0}.stat-bar-label{left:5px}.stat-bar-text{right:5px}.wooden-box{background:url(background-pattern.286aa961.png) 50% padding-box padding-box,url(wood-left-right.608057d5.png) 0 repeat-y border-box,url(wood-left-right.608057d5.png) 100% repeat-y border-box,url(wood-top-bottom.f1b8a15e.png) top repeat-x border-box,url(wood-top-bottom.f1b8a15e.png) bottom repeat-x border-box;border:10px solid #0000;margin:1rem 0;padding:0;position:relative;box-shadow:6px 4px 10px 2px #0009}.wooden-box:before{content:"";z-index:10;pointer-events:none;background-image:url(corner.55c79c21.png),url(corner.55c79c21.png),url(corner.55c79c21.png),url(corner.55c79c21.png);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:24px;margin:-10px;position:absolute;inset:0}.wooden-box .box-close{z-index:20}.wooden-box input::placeholder,.wooden-box textarea::placeholder{color:#555;opacity:1}.ui-box-player,.ui-box-scene-data,.ui-dialog-box,.inventory-ui,.equipment-ui,.chat-ui,.player-stats-ui,.settings-ui,#instructions,#game-over{background:url(wood-left-right.608057d5.png) 0 repeat-y border-box,url(wood-left-right.608057d5.png) 100% repeat-y border-box,url(wood-top-bottom.f1b8a15e.png) top repeat-x border-box,url(wood-top-bottom.f1b8a15e.png) bottom repeat-x border-box,#06192ccc border-box padding-box;border:10px solid #0000;box-shadow:6px 4px 10px 2px #0009}.ui-box-player:before,.ui-box-scene-data:before,.ui-dialog-box:before,.inventory-ui:before,.equipment-ui:before,.chat-ui:before,.player-stats-ui:before,.settings-ui:before,#instructions:before,#game-over:before{content:"";pointer-events:none;z-index:10;background-color:#0000;background-image:url(corner.55c79c21.png),url(corner.55c79c21.png),url(corner.55c79c21.png),url(corner.55c79c21.png);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute;inset:-11px}.ui-box-player .box-close,.ui-box-scene-data .box-close,.ui-dialog-box .box-close,.inventory-ui .box-close,.equipment-ui .box-close,.chat-ui .box-close,.player-stats-ui .box-close,.settings-ui .box-close,#instructions .box-close,#game-over .box-close{z-index:20}.inventory-ui,.equipment-ui,.chat-ui,.player-stats-ui,.ui-box-player,.ui-box-scene-data{border-width:8px;box-shadow:5px 3px 8px 2px #0009}.inventory-ui:before,.equipment-ui:before,.chat-ui:before,.player-stats-ui:before,.ui-box-player:before,.ui-box-scene-data:before{background-size:20px;inset:-9px}