@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Reenie+Beanie&family=Yuji+Boku&display=swap";*{padding:0;margin:0}html,body{min-height:100vh}.info-box{position:fixed;top:0;left:0;width:300px;height:150px;border-radius:0 0 10px;background-color:#000000b3}.info-box-title{color:#fff;font-size:1.5em;text-align:center;padding:10px;font-family:Yuji Boku,serif}.info-box-content{display:flex;flex-wrap:wrap}.info-box-resource{margin:5px;padding:5px;border:1px solid #fff;border-radius:9999px;min-width:20px;min-height:20px;background-color:#fff;text-align:center;font-family:sans-serif;font-size:1.2rem;font-weight:700}.selected-box{position:fixed;top:0;right:0;width:300px;border-radius:0 0 0 10px;background-color:#326432b3;z-index:10}.selected-box-image{width:50%;margin:0 auto;text-align:center}.selected-box-title{color:#fff;font-size:1.5em;text-align:center;padding:10px;font-family:Yuji Boku,serif}.selected-box-content{display:flex;flex-wrap:wrap}.selected-box-resource{margin:5px;padding:5px;border:1px solid #fff;border-radius:9999px;min-width:20px;background-color:#fff}.controls{display:flex;justify-content:center;position:fixed;bottom:0;left:0;padding:10px;border-radius:0 10px 0 0;background-color:#326482b3;z-index:10}.btn{display:flex;justify-content:center;padding:0 10px}.btn-img{height:2rem;margin:0 auto}.copy{position:fixed;bottom:0;right:0;font-size:1.2rem;font-family:Reenie Beanie,monospace;padding:10px;background-color:#ffffffb3;border-radius:10px 0 0;z-index:9999}.copy:before{content:"2021 - Estúdio Digital Bocca"}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.fields{background-color:#eee;transform:translate(0) rotateX(60deg) rotateY(0) rotate(45deg)}.row-field{width:100%;display:flex;transform-style:preserve-3d}.col-field{width:76px;height:76px;background-color:#ccc;border:2px solid #999;transform-style:preserve-3d}.field-container{position:relative;width:100%;height:100%;transform-style:preserve-3d}.field-container-selected{background-color:pink}.field-container:hover{background-color:#ddd}.miniaturized-resource{width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;margin-right:5px}