#landing,#root,body,html{background-repeat:repeat;font-family:heiroflightotfbold;height:100%;margin:0;overflow:hidden}@font-face{font-family:heiroflightotfbold;font-style:normal;src:url(../../public/fonts/heiroflightotfbold.otf)}button{background-color:transparent;border:none;outline:none}button,input,textarea{font-family:heiroflightotfbold}.hidden{display:none!important}.show{display:block!important}.not-visible{opacity:0}.splash-screen{animation:fade-out 1s ease-out forwards}input{border:none;font-size:14px;height:40px;outline:none;padding:4px 12px}#auth{width:100%}#signin-container{display:flex;flex-direction:column;row-gap:8px;width:100%}#signin-button,#signup-button{background-color:#fff;background-image:none;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;font-family:Google Sans,arial,sans-serif;font-size:14px;height:40px;outline:none;overflow:hidden;padding:4px 12px;text-align:center;width:100%}#signin-button,#signup-button,.landing{align-items:center;display:flex;justify-content:center}.landing{background:#effaff;background:radial-gradient(circle,#effaff 6%,#002aff 42%)}#ladning-screen{align-items:center;display:flex;flex-direction:column;height:40%;justify-content:center;width:40%}.player{background-image:url(../../public/images/player/pause.png);background-position:50%;background-size:cover;border-radius:50%;height:80px;position:absolute;transition:transform .3s linear;width:80px;z-index:999}.player.move{animation:playerMove .8s infinite;background-image:url(../../public/images/player/run1.png)}@keyframes playerMove{0%{background-image:url(../../public/images/player/run1.png)}50%{background-image:url(../../public/images/player/run2.png)}to{background-image:url(../../public/images/player/run3.png)}}.player.attack{animation:playerAttack .5s}@keyframes playerAttack{0%{background-image:url(../../public/images/player/attack1.png)}50%{background-image:url(../../public/images/player/attack2.png)}to{background-image:url(../../public/images/player/attack3.png)}}.reverse-direction{transform:scaleX(-1)}.original-direction{transform:scaleX(1)}.map-container{height:auto;min-width:100%;width:auto}.map{background-image:url(../../public/images/diablo%20tile.png);height:100vh;width:100%}.enemy{background-position:50%;background-size:cover;position:absolute;z-index:1}.slime{background-image:url(../../public/images/monster/slime.png)}.goblin,.slime{height:50px;transition:all 1s linear;width:50px}.goblin{background-image:url(../../public/images/monster/goblin.png)}.player-hit-damage{animation:goToUpsideWithFadeOut .6s forwards;color:red;font-size:40px;opacity:1;position:absolute}@keyframes goToUpsideWithFadeOut{0%{opacity:0}99%{opacity:1;transform:translateY(-50px)}to{display:none;transform:translateY(-50px)}}.bullet{background-image:url(../../public/images/bullet/default.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;height:50px;position:absolute;width:50px;z-index:0}.hit{opacity:50%;transition:all .5s}.enemy-destroyed{animation:fade-out 1s}.player-status-bar-container{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:40px;height:180px;left:130px;position:absolute;width:180px;z-index:999}.player-status-bar-arti{display:flex;justify-content:space-between}.left,.player-status-bar-arti,.right{height:100%;position:relative;width:100%}.player-status-bar-arti-left,.player-status-bar-arti-right{background-position:bottom;background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;width:300px;z-index:1002}.player-status-bar-arti-left{background-image:url(../../public/images/gameUi/bar-left.png);left:-20px}.player-status-bar-arti-right{background-image:url(../../public/images/gameUi/bar-right.png)}.player-hp-container,.player-mp-container{background-image:url(../../public/images/gameUi/empty-portion.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:180px;opacity:.6;overflow:hidden;position:absolute;width:180px;z-index:1001}.player-hp-real-container{border-radius:50%;height:180px;overflow:hidden;position:absolute;width:180px}.player-mp-container{right:130px}.player-hp{background-color:red;bottom:0;height:180px;position:absolute;width:180px;z-index:1000}.portal{background-image:url(../../public/images/portal.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100px;position:absolute;width:100px}.portal.north{right:50%;top:5%}.portal.east{right:5%;top:35%}.portal.south{bottom:5%;right:50%}.portal.west{left:5%;top:35%}#map-id{position:fixed;right:20px;top:20px}.change-map-ui{animation:fade-in-out 1s forwards;background-color:#000;height:100%;left:0;position:fixed;top:0;width:100%}@keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0;visibility:none}}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:none}}#click-target-wrapper{left:0;position:absolute;top:0;z-index:999}.click-target{background-color:transparent;border:4px solid #b8dfff;border-radius:50%;height:50px;width:50px}.clicked{animation:clicked 1s forwards}@keyframes clicked{0%{opacity:1;transform:scale(1)}10%{opacity:1}20%{opacity:0;transform:scale(.8)}30%{opacity:1}40%{opacity:0;transform:scale(.6)}50%{opacity:1}60%{opacity:0;transform:scale(.4)}70%{opacity:1}80%{opacity:0;transform:scale(.2)}90%{opacity:1}to{opacity:0;transform:scale(.1)}}#inventory-toggle-btn,#shop-toggle-btn{background:url(../../public/images/gameUi/common-button.png);background-size:cover;color:#fff;position:fixed;top:40px;width:70px}#inventory-toggle-btn{right:120px}#shop-toggle-btn{right:230px}#shop-item-weapon-list{padding-left:16px}#inventory{background-color:#fff;padding:24px;text-align:right;width:300px}#inventory-container{align-items:space-between;display:flex;flex-direction:column;justify-content:space-between;row-gap:16px}#item-container{text-align:left}#equpment-container{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:400px;width:100%}.equipment{align-items:center;border:1px solid #000;-webkit-box-shadow:0 0 44px 0 rgba(65,89,255,.72);box-shadow:0 0 44px 0 rgba(65,89,255,.72);display:flex;font-weight:900;justify-content:center;padding:8px;position:relative}.equipment-label{font-weight:400;left:0;opacity:0;position:absolute;text-align:center;top:0;width:100%}.fade-in-ascending{animation:fade-in-ascending .2s forwards}.fade-out-descending{animation:fade-out-descending 1s forwards}@keyframes fade-in-ascending{0%{opacity:0}65%{opacity:0}to{opacity:1;translate:0 -25px}}@keyframes fade-out-descending{0%{opacity:1;translate:0 -25px}15%{opacity:0}to{opacity:0;translate:0 10px}}.not-updated{border-color:rgba(0,0,0,.2)}#weapon{position:relative}#gold-container{display:flex}#gold{margin-left:16px}.bullet-hit{animation:fade-in-out 1s forwards;background-image:url(../../public/images/bullet/hit.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;bottom:0;height:70px;left:0;position:absolute;width:70px}.add-gold{color:#ff0;position:absolute}.overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.common-btn{align-items:center;border:none;border-radius:2px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0 8px;width:fit-content}.modal{position:relative}.modal .modal-close-btn{position:absolute;right:8px;top:8px}