#board [id^=layer-],#game-overlay .overlay-panel{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[draggable]{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;-khtml-user-drag:element;-webkit-user-drag:element}#game-board{box-sizing:border-box;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}#game-board *{box-sizing:border-box}.wrapper{max-width:520px;width:100%;margin:0 auto;padding:25px 5px;position:relative;text-align:start}.tray-label{margin:0 0 8px;font-size:.9em}#game-overlay{display:none;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:10;text-align:center}#game-overlay .overlay-panel{display:inline-block;background:#fff;border:1px solid #d0d0e0;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.35);padding:20px 30px;max-width:80%;opacity:78%}#game-overlay .overlay-panel h3{margin:0 0 10px}#game-overlay .overlay-panel h4{margin:0;font-weight:normal}#board{width:100%;background:#fff0c0;padding:0 0 100%;position:relative}#board:before{width:100%;height:2px;position:absolute;background:#000;top:50%;left:0;margin-top:-1px;content:" ";display:block}#board:after{width:2px;height:100%;position:absolute;background:#000;left:50%;top:0;margin-left:-1px;content:" ";display:block}#board #board-grid{width:100%;height:100%}#board [id^=layer-]{border:2px solid #000;height:100%;width:100%;margin:0 auto;position:absolute;left:0;right:0;display:inline-block;z-index:1}#board #layer-2{width:65%;height:65%}#board #layer-3{width:50%;height:50%;background:#fff0c0;z-index:2}#board [id^=position-]{width:14px;height:14px;border-radius:50%;position:absolute;left:-7px;top:-7px;background:#000}#board [id^=position-][draggable=true]{cursor:move;touch-action:none}#board [id^=position-]:after{position:absolute;left:-15px;top:-15px;content:" ";display:block;background:rgba(0,0,0,0);border-radius:50%;width:44px;height:44px}#board .v-center{top:50%;margin-top:-7px}#board .h-center{left:50%;margin-left:-7px}#board .right{right:0;left:auto;margin-right:-7px}#board .top{margin-top:-7px;top:0;bottom:auto}#board .bottom{margin-bottom:-7px;bottom:0;top:auto}#board .player-1{position:absolute}#board .player-1:after{position:absolute;width:32px;height:32px;background:radial-gradient(circle at 35% 30%,#fff,#d8d8d8 55%,#909090);border:1px solid #767676;border-radius:50%;display:block;content:" ";left:-9px;top:-9px}#board .player-2{position:absolute}#board .player-2:after{position:absolute;width:32px;height:32px;background:radial-gradient(circle at 35% 30%,#8a8a8a,#333 55%,#000);border:1px solid #000;border-radius:50%;display:block;content:" ";left:-9px;top:-9px}#board .anim-hide:after{opacity:0}.floating-piece{position:absolute;width:32px;height:32px;margin-left:-16px;margin-top:-16px;z-index:5;-webkit-transition:left .4s ease,top .4s ease;transition:left .4s ease,top .4s ease}.floating-piece.floating-player-1{background:radial-gradient(circle at 35% 30%,#fff,#d8d8d8 55%,#909090);border:1px solid #767676;border-radius:50%}.floating-piece.floating-player-2{background:radial-gradient(circle at 35% 30%,#8a8a8a,#333 55%,#000);border:1px solid #000;border-radius:50%}.floating-piece.floating-capture{-webkit-transition:left .6s ease,top .6s ease;transition:left .6s ease,top .6s ease}.floating-piece.floating-drag{-webkit-transition:none;transition:none;pointer-events:none}#player1-container ul,#player2-container ul{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;min-height:32px}#player1-container ul li,#player2-container ul li{margin-inline-end:6px}#player1-container ul li.captured-gap,#player2-container ul li.captured-gap{margin-inline-start:14px}.captured-piece{width:24px;height:24px;display:block;margin-top:4px;opacity:.65}#player1-container .captured-piece{background:radial-gradient(circle at 35% 30%,#8a8a8a,#333 55%,#000);border:1px solid #000;border-radius:50%}#player2-container .captured-piece{background:radial-gradient(circle at 35% 30%,#fff,#d8d8d8 55%,#909090);border:1px solid #767676;border-radius:50%}#player1-container{margin:0 0 20px}#player2-container{margin:20px 0 0;text-align:end}#player2-container ul{justify-content:flex-end}#player2-container .piece{background:radial-gradient(circle at 35% 30%,#8a8a8a,#333 55%,#000);border:1px solid #000;border-radius:50%}#player1-container .piece{background:radial-gradient(circle at 35% 30%,#fff,#d8d8d8 55%,#909090);border:1px solid #767676;border-radius:50%}.piece{width:32px;height:32px;display:block;cursor:move;touch-action:none;-webkit-transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.piece.dragged{-webkit-transform:scale(0);transform:scale(0)}.piece.not-allowed{cursor:not-allowed}.piece.anim-hide{opacity:0}.button{background:#eaeaff;margin:35px 20px 0;display:inline-block;width:200px;padding:5px;border:1px solid #d0d0e0;text-align:center}.button:hover{background:#f8f8ff}@-webkit-keyframes grow{to{transform:scale(1.2)}}@-moz-keyframes grow{to{transform:scale(1.2)}}@-ms-keyframes grow{to{transform:scale(1.2)}}@-o-keyframes grow{to{transform:scale(1.2)}}@keyframes grow{to{transform:scale(1.2)}}.removable:after{-webkit-animation:grow .5s ease alternate infinite;-moz-animation:grow .5s ease alternate infinite;-ms-animation:grow .5s ease alternate infinite;-o-animation:grow .5s ease alternate infinite;animation:grow .5s ease alternate infinite}