.main-board,.mini-board{display:block;height:0;padding-bottom:100%;position:relative;width:100%}cg-board{box-shadow:0 2px 2px 0 #00000024,0 3px 1px -2px #0003,0 1px 5px 0 #0000001f}.main-board .cg-wrap,cg-board{height:100%;position:absolute;width:100%}cg-board{background-size:cover;left:0;line-height:0;top:0;-webkit-user-select:none;user-select:none}.manipulable cg-board{cursor:pointer}[data-kind=square],square{height:12.5%;pointer-events:none;position:absolute;width:12.5%}[data-kind=square].move-dest,square.move-dest{background:radial-gradient(#14551e80 19%,#0000 20%);pointer-events:auto}[data-kind=square].premove-dest,square.premove-dest{background:radial-gradient(#141e5580 19%,#0000 20%);pointer-events:auto}[data-kind=square].oc.move-dest,square.oc.move-dest{background:radial-gradient(#0000 0,#0000 80%,#1455004d 0)}[data-kind=square].oc.premove-dest,square.oc.premove-dest{background:radial-gradient(#0000 0,#0000 80%,#141e5533 0)}[data-kind=square].last-move,square.last-move{background-color:#9bc70069;will-change:transform}[data-kind=square].check,square.check{background:radial-gradient(ellipse at center,red 0,#e70000 25%,#a9000000 89%,#9e000000 100%)}[data-kind=square].selected,square.selected{background-color:#14551e80}[data-kind=square].current-premove,square.current-premove{background-color:#141e5580}[data-kind=square].move-dest:hover,square.move-dest:hover{background:#14551e4d}[data-kind=square].premove-dest:hover,square.premove-dest:hover{background:#141e5533}[data-kind=square].bh1 piece,square.bh1 piece{opacity:.98}[data-kind=piece],piece{background-size:cover;height:12.5%;left:0;pointer-events:none;position:absolute;top:0;width:12.5%;will-change:transform;z-index:2}[data-kind=piece].dragging,piece.dragging{cursor:move;z-index:204}[data-kind=piece].anim,piece.anim{z-index:3}[data-kind=piece].fading,piece.fading{opacity:.5;z-index:1}[data-kind=piece].ghost,piece.ghost{opacity:.3}cg-helper{display:table;padding-bottom:12.5%;width:12.5%}cg-container,cg-helper{bottom:0;position:absolute}cg-container{display:block;height:800%;width:800%}.cg-wrap svg{height:100%;left:0;opacity:.6;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.cg-wrap svg image{opacity:.5}.main-board__preload,coords{position:absolute}coords{color:#fff;display:flex;font-weight:700;pointer-events:none;text-shadow:0 1px 2px #000;-webkit-user-select:none;user-select:none}.coords-no coords{display:none}coords{font-size:8px}@media (min-width:320px){coords{font-size:calc(8px + strip-unit(4px)*(100vw - 320px)/strip-unit(880px))}}@media (min-width:1200px){coords{font-size:12px}}coords.ranks{flex-flow:column-reverse;height:100%;right:0;top:1px;width:.8em}coords.ranks.black{flex-flow:column}coords.files{bottom:0;flex-flow:row;height:1.4em;left:0;text-align:left;width:100%}coords.files.black{flex-flow:row-reverse}coords.files coord{padding-left:4px}coords coord{flex:1 1 auto}coords .is3d .cg-wrap coords coord{color:#fff!important;text-shadow:0 1px 2px #000!important}coords .is3d .cg-wrap coords.files{bottom:calc(1px - 2.5%)}coords .is3d .cg-wrap coords.files coord{padding-left:3px}@media (min-width:800px),(orientation:landscape){.coords-out coords{text-shadow:none}.coords-out coords.ranks{right:-15px;top:0;width:12px}.coords-out coords.ranks coord{transform:translateY(42%)}.coords-out coords.files{bottom:-15px;left:0;text-align:center}}.size1 .board-container{max-width:100%;width:160px}.size1.captures [data-kind=square]{height:20px;width:20px}.size1 .board-height{height:160px}.size1 .board-width{width:160px}.size1 .board-height-max{max-height:160px}.size1 .board-width-max{max-width:160px}.size2 .board-container{max-width:100%;width:240px}.size2.captures [data-kind=square]{height:30px;width:30px}.size2 .board-height{height:240px}.size2 .board-width{width:240px}.size2 .board-height-max{max-height:240px}.size2 .board-width-max{max-width:240px}.size3 .board-container{max-width:100%;width:320px}.size3.captures [data-kind=square]{height:40px;width:40px}.size3 .board-height{height:320px}.size3 .board-width{width:320px}.size3 .board-height-max{max-height:320px}.size3 .board-width-max{max-width:320px}.size4 .board-container{max-width:100%;width:400px}.size4.captures [data-kind=square]{height:50px;width:50px}.size4 .board-height{height:400px}.size4 .board-width{width:400px}.size4 .board-height-max{max-height:400px}.size4 .board-width-max{max-width:400px}.size5 .board-container{max-width:100%;width:480px}.size5.captures [data-kind=square]{height:60px;width:60px}.size5 .board-height{height:480px}.size5 .board-width{width:480px}.size5 .board-height-max{max-height:480px}.size5 .board-width-max{max-width:480px}.size6 .board-container{max-width:100%;width:560px}.size6.captures [data-kind=square]{height:70px;width:70px}.size6 .board-height{height:560px}.size6 .board-width{width:560px}.size6 .board-height-max{max-height:560px}.size6 .board-width-max{max-width:560px}.size7 .board-container{max-width:100%;width:640px}.size7.captures [data-kind=square]{height:80px;width:80px}.size7 .board-height{height:640px}.size7 .board-width{width:640px}.size7 .board-height-max{max-height:640px}.size7 .board-width-max{max-width:640px}.size8 .board-container{max-width:100%;width:720px}.size8.captures [data-kind=square]{height:90px;width:90px}.size8 .board-height{height:720px}.size8 .board-width{width:720px}.size8 .board-height-max{max-height:720px}.size8 .board-width-max{max-width:720px}