@import "../../../css/csslayer.css";@import "../../../css/csslayer.css";@keyframes "spin"{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}#board{position:relative;left:-18px;margin:auto;height:460px;width:400px;margin-top:40px}.hex{height:52px;width:30px;background-color:#E5D39E;margin-left:15px;position:absolute;text-align:center}.hex span{opacity:0.2;line-height:52px;width:30px}.hex:before{content:" ";border-right:15px solid #E5D39E;border-top:26px solid transparent;border-bottom:26px solid transparent;position:absolute;left:-15px}.hex:after{content:" ";border-left:15px solid #E5D39E;border-top:26px solid transparent;border-bottom:26px solid transparent;right:-15px;position:absolute}.hex.possible-move{background-color:#84b02e;z-index:1000;opacity:0.7;cursor:pointer}.hex.possible-move:before{border-right:15px solid #84b02e}.hex.possible-move:after{border-left:15px solid #84b02e}.token{border-radius:100%;width:45px;height:45px;position:absolute;z-index:100}.token-blue{background:radial-gradient(circle at 10px 10px, #5cabff, #13365E)}.token-red{background:radial-gradient(circle at 10px 10px, #ff1a00, #6B1006)}.token.active{-moz-transform:translate(-4px, -4px);-webkit-transform:translate(-4px, -4px);-o-transform:translate(-4px, -4px);transform:translate(-4px, -4px);box-shadow:3px 5px 2px rgba(0,0,0,0.6);-moz-box-shadow:3px 5px 2px rgba(0,0,0,0.6);-webkit-box-shadow:3px 5px 2px rgba(0,0,0,0.6);-o-box-shadow:3px 5px 2px rgba(0,0,0,0.6);z-index:1100}.token.moving{animation-name:spin;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear}.hex.last-move{background-color:#5a2eb0;opacity:0.5}.hex.last-move:before{border-right:15px solid #5a2eb0}.hex.last-move:after{border-left:15px solid #5a2eb0}#toolbar{margin-top:50px;text-align:center}.hidden{display:none !important}