#game{display:flex;box-sizing:border-box;width:100vw;height:70vh;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border:5px double #000}.hexmap-container{margin:auto;width:fit-content;height:fit-content;display:flex;flex-wrap:wrap;transition:transform .1s;transform-origin:0 0;transform:scale(1) translate(0, 0)}.hexagon{height:50px;aspect-ratio:.8660254038;clip-path:polygon(-50% 50%, 50% 100%, 150% 50%, 50% 0);display:flex;margin-right:2px;cursor:pointer}.hexagon:hover{opacity:.7}.hex-row{display:flex}.hex-row.offset{margin-left:22px;margin-top:-10px;margin-bottom:-10px}.hex-content{text-align:center;margin:auto}.hexagon.plains{background-color:#66977b}.hexagon.forest{background-color:#294434}.hexagon.mountains{background-color:#5a533d}.hexagon.water{background-color:#558eb4}.hexagon.deep-water{background-color:#223f6b}.hexagon.city{background-color:#ccc}.hexagon.desert{background-color:#ddd99d}.hexagon.dirt{background-color:#585151}.hexagon.metal{background-color:#a7a7a7}#upperbar{width:100%;height:15vh;background-color:red}#bottombar{width:100%;height:15vh;background-color:gold}#currentTurn{padding:1em 2em;background-color:#000;color:#fff;font-weight:700;border-radius:12.5%;width:fit-content;margin-right:0;cursor:default}#header{width:100px}#header a{width:100%}#header img{width:100%}.circular-menu{position:fixed;bottom:1em;right:1em}.circular-menu .floating-btn{display:block;width:3.5em;height:3.5em;border-radius:50%;background-color:var(--bg-menu-right);box-shadow:0 2px 5px 0 rgba(0,0,0,.26);color:#fff;text-align:center;line-height:3.9;cursor:pointer;outline:0}.circular-menu.active .floating-btn{box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.circular-menu .floating-btn:active{box-shadow:0 4px 8px 0 rgba(0,0,0,.4)}.circular-menu .floating-btn i{font-size:1.3em;transition:transform .2s}.circular-menu.active .floating-btn i{transform:rotate(-45deg)}.circular-menu:after{display:block;content:" ";width:3.5em;height:3.5em;border-radius:50%;position:absolute;top:0;right:0;z-index:-2;background-color:var(--bg-menu-right);transition:all .3s ease}.circular-menu.active:after{transform:scale3d(5.5, 5.5, 1);transition-timing-function:cubic-bezier(0.68, 1.55, 0.265, 1)}.circular-menu .items-wrapper{padding:0;margin:0}.circular-menu .menu-item{position:absolute;top:.2em;right:.2em;z-index:-1;display:block;text-decoration:none;color:#fff;font-size:1em;width:3em;height:3em;border-radius:50%;text-align:center;line-height:3;background-color:rgba(0,0,0,.1);transition:transform .3s ease,background .2s ease}.circular-menu .menu-item:hover{background-color:rgba(0,0,0,.3)}.circular-menu.active .menu-item{transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}.circular-menu.active .menu-item:nth-child(1){transform:translate3d(1em, -7em, 0)}.circular-menu.active .menu-item:nth-child(2){transform:translate3d(-3.5em, -6.3em, 0)}.circular-menu.active .menu-item:nth-child(3){transform:translate3d(-6.5em, -3.2em, 0)}.circular-menu.active .menu-item:nth-child(4){transform:translate3d(-7em, 1em, 0)}.circular-menu.circular-menu-left{right:auto;left:1em}.circular-menu.circular-menu-left .floating-btn{background-color:var(--bg-menu-left)}.circular-menu.circular-menu-left:after{background-color:var(--bg-menu-left)}.circular-menu.circular-menu-left.active .floating-btn i{transform:rotate(90deg)}.circular-menu.circular-menu-left.active .menu-item:nth-child(1){transform:translate3d(-1em, -7em, 0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(2){transform:translate3d(3.5em, -6.3em, 0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(3){transform:translate3d(6.5em, -3.2em, 0)}.circular-menu.circular-menu-left.active .menu-item:nth-child(4){transform:translate3d(7em, 1em, 0)}body{--bg-menu-left: hsl(100, 21%, 21%);--bg-menu-right: hsl(217, 89%, 61%);margin:0;overflow:hidden;user-select:none}.montserrat-subrayada-regular{font-family:"Montserrat Subrayada",sans-serif;font-weight:400;font-style:normal}.montserrat-subrayada-bold{font-family:"Montserrat Subrayada",sans-serif;font-weight:700;font-style:normal}.oxanium{font-family:"Oxanium",sans-serif;font-optical-sizing:auto;font-style:normal}body,#topMenu{background-image:url("https://background-tiles.com/overview/black/textures/large/5027.png");font-size:16px}.bg-repeat-edit{background-color:orange;background-image:repeating-linear-gradient(135deg, transparent, transparent 25px, rgb(0, 0, 0) 25px, rgb(0, 0, 0) 50px);color:#fff;font-weight:bold;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.bg-repeat-create{background-color:green;background-image:repeating-linear-gradient(135deg, transparent, transparent 25px, rgb(0, 0, 0) 25px, rgb(0, 0, 0) 50px);color:#fff;font-weight:bold;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}#content{display:flex;flex-wrap:wrap;width:100%}@media only screen and (orientation: portrait){body{display:none}.rotate-message{display:block;text-align:center;font-size:2rem;color:#fff;background-color:#000;height:100vh;display:flex;align-items:center;justify-content:center}}@media only screen and (orientation: landscape){body{display:block}.rotate-message{display:none}}