.map-grid-wrapper{display:flex;justify-content:center;align-items:center;gap:20px}.map-grid-wrapper .desc{display:flex;flex-direction:column;gap:10px;font-size:20px;font-weight:700}.map-grid-wrapper .desc span{padding:5px 15px;border:1px solid black;border-radius:24px;cursor:pointer}.map-grid-wrapper .desc span.selected{border:3px solid black}.map-grid-wrapper .desc span:nth-child(2){color:#fff;background-color:#00f}.map-grid-wrapper .desc span:nth-child(3){color:#fff;background-color:gray}.map-grid-wrapper .desc span:nth-child(4){color:#fff;background-color:red}.map-grid{display:flex;flex-direction:column;height:100%;margin:20px 0}.map-grid .buttons{display:flex;gap:40px;justify-content:center}.map-grid button{width:auto;align-self:center;border-radius:24px;padding:0 20px;height:50px;font-size:20px;font-weight:700;background-color:#fff;border:1px solid black;cursor:pointer;margin-top:20px;transition:.4s all}.map-grid button:hover{background:#000;color:#fff}.map-grid-row{display:flex;flex-direction:row;justify-content:center;width:100%;height:100%}.map-grid-block{width:25px;height:25px;background:#000;border:1px solid white;cursor:pointer;-webkit-user-select:none;user-select:none}.map-grid-block *{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px}.map-grid-block-block{background-color:#00f}.map-grid-block-wall{background-color:gray}.map-grid-block-power-up{background-color:red}html,body{margin:0;padding:0}.deez{display:flex;flex-direction:column}