@import url("https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Lavishly+Yours&family=Permanent+Marker&display=swap");html{overflow:hidden;margin:0;padding:0;position:fixed}body{font-family:'Permanent Marker',cursive;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:visible!important;width:100vw;height:100vh;margin:0;padding:0}#characters .character{width:128px;height:128px;position:absolute;top:50px;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}#characters .statistics{color:#fff;background-color:rgba(0,0,0,0.2);padding:9px;width:52px;position:absolute;left:90%;top:-15%}#plants .tree{width:128px;height:256px;position:absolute;top:200px;background-size:contain;background-repeat:no-repeat;background-position:50% 50%}#players{position:absolute;bottom:10px;right:10px}audio{display:none}.player{position:absolute;bottom:0;right:10px}#battleMapContainer{-webkit-perspective:2500px;perspective:2500px;-webkit-filter:drop-shadow(40px 240px 240px #000);filter:drop-shadow(40px 240px 240px #000);position:relative}#battleMapContainer #map{border:1px solid rgba(0,0,0,0.5);border-collapse:collapse;-webkit-transform:rotate3d(1,0,0,45deg);transform:rotate3d(1,0,0,45deg);margin:0 auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:3192px;height:3432px}.cell{width:128px;height:133px;border:5px solid rgba(0,0,0,0.5);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-image:url("/rpg/assets/art/plants/grass/grass-128x128-1.png");background-size:512px;margin:0 auto}.cell.over{background-color:#146414;border:5px solid #000}.cell .figure{background-size:contain;background-repeat:no-repeat;background-position:50% 50%;margin:0 auto;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-filter:drop-shadow(5px -2px 4px #000);filter:drop-shadow(5px -2px 4px #000)}.cell .figure.character{-webkit-transform:rotate3d(1,0,0,-45deg) translate3d(0px,-5px,0px);transform:rotate3d(1,0,0,-45deg) translate3d(0px,-5px,0px);width:128px;height:128px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.cell .figure.character .statistics{display:none}.cell .figure.tree{-webkit-transform:rotate3d(1,0,0,-45deg) translate3d(0px,-128px,0px);transform:rotate3d(1,0,0,-45deg) translate3d(0px,-128px,0px);width:128px;height:256px}#mapTools{z-index:100;position:absolute;left:50%;top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.str:before{content:"STR:"}.con:before{content:"CON:"}.dex:before{content:"DEX:"}.int:before{content:"INT:"}.wis:before{content:"WIS:"}.chr:before{content:"CHR:"}.ac:before{content:"ARM:"}.hp:before{content:"HP:"}#cloud1{background-image:url("/rpg/assets/art/horizons/1/cloud-1.png");background-size:cover;width:100vw;height:100vh;position:absolute;z-index:-4}#cloud2{background-image:url("/rpg/assets/art/horizons/1/cloud-2.png");background-size:cover;width:100vw;height:100vh;position:absolute;z-index:-3}#sky{background-image:url("/rpg/assets/art/horizons/1/sky.png");background-size:cover;width:100vw;height:100vh;position:absolute;z-index:-5}#ground{background-image:url("/rpg/assets/art/horizons/1/ground.png");background-size:cover;width:100vw;height:100vh;position:absolute;z-index:-1}