*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body.game-mode{background:#c4dcff}.board{background-image:url(/images/hex_board_large.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;align-items:center;width:800px;height:800px;display:flex}.row{align-items:flex-end;display:flex}.row.offset{margin-left:0}.hex{background-color:#0000;justify-content:center;align-items:center;width:130px;height:70px;margin:0;display:flex;position:relative}.hex:before,.hex:after{content:"";border-left:65px solid #0000;border-right:65px solid #0000;width:0;position:absolute}.hex:before{border-bottom:37.53px solid #0000;bottom:100%}.hex:after{border-top:37.53px solid #0000;top:100%}.row .hex{margin-right:2px}.board .row+.row{margin-top:39px}.hex img{object-fit:contain;z-index:1;cursor:pointer;max-width:180px;max-height:180px;position:relative}.hex.highlighted{cursor:pointer;background-color:#16a085}.hex img.selected{border:3px solid #e74c3c;border-radius:50%}.hex.attackable{cursor:pointer;background-color:#e74c3c}.hex img.enemy{cursor:default;width:80px;height:80px}.hex img.me{cursor:pointer;width:80px;height:80px}.hex.replay-highlight{box-shadow:0 0 10px #f1c40f;border-color:#f1c40f!important}.hex.replay-highlight-from{box-shadow:0 0 10px #3498db;border-color:#3498db!important}.hex.replay-highlight-to{box-shadow:0 0 10px #e74c3c;border-color:#e74c3c!important}.hex.selected{border-color:#3498db;box-shadow:0 0 10px #3498db}.hex.highlighted{background-color:#d1f2eb}.hex.attackable{background-color:#f9e79f}.hex.last-move-from{box-shadow:0 0 10px #f1c40f;border:3px solid #f1c40f!important}.hex.last-move-to{box-shadow:0 0 10px #f39c12;border:3px solid #f39c12!important}