.arrow-container,.arrows-container,.item-container,.letter,.marked-effect-effect,.number{left:0;position:absolute}.board,.piece{background-size:100%}.coordinates{font-weight:600;height:100%;line-height:1;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.coordinates,.letter,.number{pointer-events:none;position:absolute}.letter,.number{font-size:1.5rem;pointer-events:none}.number{height:12.5%;padding-top:6.25%;top:0}.letter{bottom:0;line-height:1;padding:0;text-align:right;width:12.5%}.inside .letter,.inside .number{padding:.9%}.outside .letter,.outside .number{color:#fff!important;opacity:.5!important;text-shadow:1px 1px #312e2b}.outside .letter{text-align:center}.outside .number{line-height:12.5%;text-align:right}.arrow-container{top:0;z-index:100}.marked-effect-effect{border-radius:100%;top:0;transform-origin:center;z-index:10}.item-container{top:0;z-index:0}.piece{z-index:1}.transition-enter-active,.transition-leave-active{transition:opacity .5s,transform .5s}.transition-enter{opacity:0}.transition-enter-to,.transition-leave{opacity:1}.transition-leave-to{opacity:0;transform:scale(3) rotate(90deg)}.flipped .square-0101,.square-0101,.square-0101[piece-style=pseudo3d]{transform:translate(0)}.arrows-container{height:100%;overflow:hidden;top:0;width:100%}.promotion-menu{background-color:#fff;border-radius:4px;bottom:0;box-shadow:3px 3px 10px rgba(0,0,0,.4);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute;top:auto;z-index:1}.promotion-menu.top{bottom:auto;top:0}.piece,.square{bottom:0;left:0}.promotion-menu.top .close-button,.promotion-menu.top .promotion-pieces{border-radius:0 0 4px 4px}.promotion-menu.pseudo3d{z-index:8}.promotion-menu .promotion-pieces{background-color:#fff;border-radius:4px 4px 0 0}.promotion-menu .promotion-piece{background-position-y:bottom;background-repeat:no-repeat;background-size:100%;cursor:pointer}.promotion-menu .close-button{-ms-flex-align:center;align-items:center;background-color:#f1f1f1;border-radius:4px 4px 0 0;color:#8c8a88;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;font-style:normal;-ms-flex-pack:center;justify-content:center;text-align:center}.promotion-menu .arrow-container{left:0;position:absolute;top:0}.board{background-repeat:no-repeat;height:100%;position:relative;width:100%}.board.rounded{border-radius:3px;overflow:initial}.piece{cursor:pointer;cursor:grab;cursor:-webkit-grab;height:12.5%;overflow:hidden;position:absolute;-ms-touch-action:none;touch-action:none;width:12.5%}.piece[piece-style=pseudo3d]{background-position-y:bottom;background-repeat:no-repeat;height:16.4275%}.legal-move-hint,.square{height:12.5%;pointer-events:none;position:absolute;width:12.5%}.piece.dragging{cursor:grabbing;cursor:-webkit-grabbing;z-index:2}.piece.dragging[piece-style=pseudo3d]{z-index:8}.flipped .piece,.flipped .square{bottom:auto;left:auto;right:0;top:0}.square.hover-square{background:0 0;border:3px solid #fff}.disabled .piece{cursor:default}.square-0101[piece-style=pseudo3d]{z-index:7}.flipped .square-0101[piece-style=pseudo3d]{transform:translateY(-23.9080809618%);z-index:1}.square-0201,.square-0201[piece-style=pseudo3d]{transform:translate(100%)}.square-0201[piece-style=pseudo3d]{z-index:7}.flipped .square-0201{transform:translate(-100%)}.flipped .square-0201[piece-style=pseudo3d]{transform:translate(-100%,-23.9080809618%);z-index:1}.square-0301,.square-0301[piece-style=pseudo3d]{transform:translate(200%)}.square-0301[piece-style=pseudo3d]{z-index:7}.flipped .square-0301{transform:translate(-200%)}.flipped .square-0301[piece-style=pseudo3d]{transform:translate(-200%,-23.9080809618%);z-index:1}.square-0401,.square-0401[piece-style=pseudo3d]{transform:translate(300%)}.square-0401[piece-style=pseudo3d]{z-index:7}.flipped .square-0401{transform:translate(-300%)}.flipped .square-0401[piece-style=pseudo3d]{transform:translate(-300%,-23.9080809618%);z-index:1}.square-0501,.square-0501[piece-style=pseudo3d]{transform:translate(400%)}.square-0501[piece-style=pseudo3d]{z-index:7}.flipped .square-0501{transform:translate(-400%)}.flipped .square-0501[piece-style=pseudo3d]{transform:translate(-400%,-23.9080809618%);z-index:1}.square-0601,.square-0601[piece-style=pseudo3d]{transform:translate(500%)}.square-0601[piece-style=pseudo3d]{z-index:7}.flipped .square-0601{transform:translate(-500%)}.flipped .square-0601[piece-style=pseudo3d]{transform:translate(-500%,-23.9080809618%);z-index:1}.square-0701,.square-0701[piece-style=pseudo3d]{transform:translate(600%)}.square-0701[piece-style=pseudo3d]{z-index:7}.flipped .square-0701{transform:translate(-600%)}.flipped .square-0701[piece-style=pseudo3d]{transform:translate(-600%,-23.9080809618%);z-index:1}.square-0801,.square-0801[piece-style=pseudo3d]{transform:translate(700%)}.square-0801[piece-style=pseudo3d]{z-index:7}.flipped .square-0801{transform:translate(-700%)}.flipped .square-0801[piece-style=pseudo3d]{transform:translate(-700%,-23.9080809618%);z-index:1}.square-0102{transform:translateY(-100%)}.square-0102[piece-style=pseudo3d]{transform:translateY(-76.0919190382%);z-index:6}.flipped .square-0102{transform:translateY(100%)}.flipped .square-0102[piece-style=pseudo3d]{transform:translateY(52.1838380764%);z-index:2}.square-0202{transform:translate(100%,-100%)}.square-0202[piece-style=pseudo3d]{transform:translate(100%,-76.0919190382%);z-index:6}.flipped .square-0202{transform:translate(-100%,100%)}.flipped .square-0202[piece-style=pseudo3d]{transform:translate(-100%,52.1838380764%);z-index:2}.square-0302{transform:translate(200%,-100%)}.square-0302[piece-style=pseudo3d]{transform:translate(200%,-76.0919190382%);z-index:6}.flipped .square-0302{transform:translate(-200%,100%)}.flipped .square-0302[piece-style=pseudo3d]{transform:translate(-200%,52.1838380764%);z-index:2}.square-0402{transform:translate(300%,-100%)}.square-0402[piece-style=pseudo3d]{transform:translate(300%,-76.0919190382%);z-index:6}.flipped .square-0402{transform:translate(-300%,100%)}.flipped .square-0402[piece-style=pseudo3d]{transform:translate(-300%,52.1838380764%);z-index:2}.square-0502{transform:translate(400%,-100%)}.square-0502[piece-style=pseudo3d]{transform:translate(400%,-76.0919190382%);z-index:6}.flipped .square-0502{transform:translate(-400%,100%)}.flipped .square-0502[piece-style=pseudo3d]{transform:translate(-400%,52.1838380764%);z-index:2}.square-0602{transform:translate(500%,-100%)}.square-0602[piece-style=pseudo3d]{transform:translate(500%,-76.0919190382%);z-index:6}.flipped .square-0602{transform:translate(-500%,100%)}.flipped .square-0602[piece-style=pseudo3d]{transform:translate(-500%,52.1838380764%);z-index:2}.square-0702{transform:translate(600%,-100%)}.square-0702[piece-style=pseudo3d]{transform:translate(600%,-76.0919190382%);z-index:6}.flipped .square-0702{transform:translate(-600%,100%)}.flipped .square-0702[piece-style=pseudo3d]{transform:translate(-600%,52.1838380764%);z-index:2}.square-0802{transform:translate(700%,-100%)}.square-0802[piece-style=pseudo3d]{transform:translate(700%,-76.0919190382%);z-index:6}.flipped .square-0802{transform:translate(-700%,100%)}.flipped .square-0802[piece-style=pseudo3d]{transform:translate(-700%,52.1838380764%);z-index:2}.square-0103{transform:translateY(-200%)}.square-0103[piece-style=pseudo3d]{transform:translateY(-152.1838380764%);z-index:5}.flipped .square-0103{transform:translateY(200%)}.flipped .square-0103[piece-style=pseudo3d]{transform:translateY(128.2757571146%);z-index:3}.square-0203{transform:translate(100%,-200%)}.square-0203[piece-style=pseudo3d]{transform:translate(100%,-152.1838380764%);z-index:5}.flipped .square-0203{transform:translate(-100%,200%)}.flipped .square-0203[piece-style=pseudo3d]{transform:translate(-100%,128.2757571146%);z-index:3}.square-0303{transform:translate(200%,-200%)}.square-0303[piece-style=pseudo3d]{transform:translate(200%,-152.1838380764%);z-index:5}.flipped .square-0303{transform:translate(-200%,200%)}.flipped .square-0303[piece-style=pseudo3d]{transform:translate(-200%,128.2757571146%);z-index:3}.square-0403{transform:translate(300%,-200%)}.square-0403[piece-style=pseudo3d]{transform:translate(300%,-152.1838380764%);z-index:5}.flipped .square-0403{transform:translate(-300%,200%)}.flipped .square-0403[piece-style=pseudo3d]{transform:translate(-300%,128.2757571146%);z-index:3}.square-0503{transform:translate(400%,-200%)}.square-0503[piece-style=pseudo3d]{transform:translate(400%,-152.1838380764%);z-index:5}.flipped .square-0503{transform:translate(-400%,200%)}.flipped .square-0503[piece-style=pseudo3d]{transform:translate(-400%,128.2757571146%);z-index:3}.square-0603{transform:translate(500%,-200%)}.square-0603[piece-style=pseudo3d]{transform:translate(500%,-152.1838380764%);z-index:5}.flipped .square-0603{transform:translate(-500%,200%)}.flipped .square-0603[piece-style=pseudo3d]{transform:translate(-500%,128.2757571146%);z-index:3}.square-0703{transform:translate(600%,-200%)}.square-0703[piece-style=pseudo3d]{transform:translate(600%,-152.1838380764%);z-index:5}.flipped .square-0703{transform:translate(-600%,200%)}.flipped .square-0703[piece-style=pseudo3d]{transform:translate(-600%,128.2757571146%);z-index:3}.square-0803{transform:translate(700%,-200%)}.square-0803[piece-style=pseudo3d]{transform:translate(700%,-152.1838380764%);z-index:5}.flipped .square-0803{transform:translate(-700%,200%)}.flipped .square-0803[piece-style=pseudo3d]{transform:translate(-700%,128.2757571146%);z-index:3}.square-0104{transform:translateY(-300%)}.square-0104[piece-style=pseudo3d]{transform:translateY(-228.2757571146%);z-index:4}.flipped .square-0104{transform:translateY(300%)}.flipped .square-0104[piece-style=pseudo3d]{transform:translateY(204.3676761528%);z-index:4}.square-0204{transform:translate(100%,-300%)}.square-0204[piece-style=pseudo3d]{transform:translate(100%,-228.2757571146%);z-index:4}.flipped .square-0204{transform:translate(-100%,300%)}.flipped .square-0204[piece-style=pseudo3d]{transform:translate(-100%,204.3676761528%);z-index:4}.square-0304{transform:translate(200%,-300%)}.square-0304[piece-style=pseudo3d]{transform:translate(200%,-228.2757571146%);z-index:4}.flipped .square-0304{transform:translate(-200%,300%)}.flipped .square-0304[piece-style=pseudo3d]{transform:translate(-200%,204.3676761528%);z-index:4}.square-0404{transform:translate(300%,-300%)}.square-0404[piece-style=pseudo3d]{transform:translate(300%,-228.2757571146%);z-index:4}.flipped .square-0404{transform:translate(-300%,300%)}.flipped .square-0404[piece-style=pseudo3d]{transform:translate(-300%,204.3676761528%);z-index:4}.square-0504{transform:translate(400%,-300%)}.square-0504[piece-style=pseudo3d]{transform:translate(400%,-228.2757571146%);z-index:4}.flipped .square-0504{transform:translate(-400%,300%)}.flipped .square-0504[piece-style=pseudo3d]{transform:translate(-400%,204.3676761528%);z-index:4}.square-0604{transform:translate(500%,-300%)}.square-0604[piece-style=pseudo3d]{transform:translate(500%,-228.2757571146%);z-index:4}.flipped .square-0604{transform:translate(-500%,300%)}.flipped .square-0604[piece-style=pseudo3d]{transform:translate(-500%,204.3676761528%);z-index:4}.square-0704{transform:translate(600%,-300%)}.square-0704[piece-style=pseudo3d]{transform:translate(600%,-228.2757571146%);z-index:4}.flipped .square-0704{transform:translate(-600%,300%)}.flipped .square-0704[piece-style=pseudo3d]{transform:translate(-600%,204.3676761528%);z-index:4}.square-0804{transform:translate(700%,-300%)}.square-0804[piece-style=pseudo3d]{transform:translate(700%,-228.2757571146%);z-index:4}.flipped .square-0804{transform:translate(-700%,300%)}.flipped .square-0804[piece-style=pseudo3d]{transform:translate(-700%,204.3676761528%);z-index:4}.square-0105{transform:translateY(-400%)}.square-0105[piece-style=pseudo3d]{transform:translateY(-304.3676761528%);z-index:3}.flipped .square-0105{transform:translateY(400%)}.flipped .square-0105[piece-style=pseudo3d]{transform:translateY(280.459595191%);z-index:5}.square-0205{transform:translate(100%,-400%)}.square-0205[piece-style=pseudo3d]{transform:translate(100%,-304.3676761528%);z-index:3}.flipped .square-0205{transform:translate(-100%,400%)}.flipped .square-0205[piece-style=pseudo3d]{transform:translate(-100%,280.459595191%);z-index:5}.square-0305{transform:translate(200%,-400%)}.square-0305[piece-style=pseudo3d]{transform:translate(200%,-304.3676761528%);z-index:3}.flipped .square-0305{transform:translate(-200%,400%)}.flipped .square-0305[piece-style=pseudo3d]{transform:translate(-200%,280.459595191%);z-index:5}.square-0405{transform:translate(300%,-400%)}.square-0405[piece-style=pseudo3d]{transform:translate(300%,-304.3676761528%);z-index:3}.flipped .square-0405{transform:translate(-300%,400%)}.flipped .square-0405[piece-style=pseudo3d]{transform:translate(-300%,280.459595191%);z-index:5}.square-0505{transform:translate(400%,-400%)}.square-0505[piece-style=pseudo3d]{transform:translate(400%,-304.3676761528%);z-index:3}.flipped .square-0505{transform:translate(-400%,400%)}.flipped .square-0505[piece-style=pseudo3d]{transform:translate(-400%,280.459595191%);z-index:5}.square-0605{transform:translate(500%,-400%)}.square-0605[piece-style=pseudo3d]{transform:translate(500%,-304.3676761528%);z-index:3}.flipped .square-0605{transform:translate(-500%,400%)}.flipped .square-0605[piece-style=pseudo3d]{transform:translate(-500%,280.459595191%);z-index:5}.square-0705{transform:translate(600%,-400%)}.square-0705[piece-style=pseudo3d]{transform:translate(600%,-304.3676761528%);z-index:3}.flipped .square-0705{transform:translate(-600%,400%)}.flipped .square-0705[piece-style=pseudo3d]{transform:translate(-600%,280.459595191%);z-index:5}.square-0805{transform:translate(700%,-400%)}.square-0805[piece-style=pseudo3d]{transform:translate(700%,-304.3676761528%);z-index:3}.flipped .square-0805{transform:translate(-700%,400%)}.flipped .square-0805[piece-style=pseudo3d]{transform:translate(-700%,280.459595191%);z-index:5}.square-0106{transform:translateY(-500%)}.square-0106[piece-style=pseudo3d]{transform:translateY(-380.459595191%);z-index:2}.flipped .square-0106{transform:translateY(500%)}.flipped .square-0106[piece-style=pseudo3d]{transform:translateY(356.5515142292%);z-index:6}.square-0206{transform:translate(100%,-500%)}.square-0206[piece-style=pseudo3d]{transform:translate(100%,-380.459595191%);z-index:2}.flipped .square-0206{transform:translate(-100%,500%)}.flipped .square-0206[piece-style=pseudo3d]{transform:translate(-100%,356.5515142292%);z-index:6}.square-0306{transform:translate(200%,-500%)}.square-0306[piece-style=pseudo3d]{transform:translate(200%,-380.459595191%);z-index:2}.flipped .square-0306{transform:translate(-200%,500%)}.flipped .square-0306[piece-style=pseudo3d]{transform:translate(-200%,356.5515142292%);z-index:6}.square-0406{transform:translate(300%,-500%)}.square-0406[piece-style=pseudo3d]{transform:translate(300%,-380.459595191%);z-index:2}.flipped .square-0406{transform:translate(-300%,500%)}.flipped .square-0406[piece-style=pseudo3d]{transform:translate(-300%,356.5515142292%);z-index:6}.square-0506{transform:translate(400%,-500%)}.square-0506[piece-style=pseudo3d]{transform:translate(400%,-380.459595191%);z-index:2}.flipped .square-0506{transform:translate(-400%,500%)}.flipped .square-0506[piece-style=pseudo3d]{transform:translate(-400%,356.5515142292%);z-index:6}.square-0606{transform:translate(500%,-500%)}.square-0606[piece-style=pseudo3d]{transform:translate(500%,-380.459595191%);z-index:2}.flipped .square-0606{transform:translate(-500%,500%)}.flipped .square-0606[piece-style=pseudo3d]{transform:translate(-500%,356.5515142292%);z-index:6}.square-0706{transform:translate(600%,-500%)}.square-0706[piece-style=pseudo3d]{transform:translate(600%,-380.459595191%);z-index:2}.flipped .square-0706{transform:translate(-600%,500%)}.flipped .square-0706[piece-style=pseudo3d]{transform:translate(-600%,356.5515142292%);z-index:6}.square-0806{transform:translate(700%,-500%)}.square-0806[piece-style=pseudo3d]{transform:translate(700%,-380.459595191%);z-index:2}.flipped .square-0806{transform:translate(-700%,500%)}.flipped .square-0806[piece-style=pseudo3d]{transform:translate(-700%,356.5515142292%);z-index:6}.square-0107{transform:translateY(-600%)}.square-0107[piece-style=pseudo3d]{transform:translateY(-456.5515142292%);z-index:1}.flipped .square-0107{transform:translateY(600%)}.flipped .square-0107[piece-style=pseudo3d]{transform:translateY(432.6434332674%);z-index:7}.square-0207{transform:translate(100%,-600%)}.square-0207[piece-style=pseudo3d]{transform:translate(100%,-456.5515142292%);z-index:1}.flipped .square-0207{transform:translate(-100%,600%)}.flipped .square-0207[piece-style=pseudo3d]{transform:translate(-100%,432.6434332674%);z-index:7}.square-0307{transform:translate(200%,-600%)}.square-0307[piece-style=pseudo3d]{transform:translate(200%,-456.5515142292%);z-index:1}.flipped .square-0307{transform:translate(-200%,600%)}.flipped .square-0307[piece-style=pseudo3d]{transform:translate(-200%,432.6434332674%);z-index:7}.square-0407{transform:translate(300%,-600%)}.square-0407[piece-style=pseudo3d]{transform:translate(300%,-456.5515142292%);z-index:1}.flipped .square-0407{transform:translate(-300%,600%)}.flipped .square-0407[piece-style=pseudo3d]{transform:translate(-300%,432.6434332674%);z-index:7}.square-0507{transform:translate(400%,-600%)}.square-0507[piece-style=pseudo3d]{transform:translate(400%,-456.5515142292%);z-index:1}.flipped .square-0507{transform:translate(-400%,600%)}.flipped .square-0507[piece-style=pseudo3d]{transform:translate(-400%,432.6434332674%);z-index:7}.square-0607{transform:translate(500%,-600%)}.square-0607[piece-style=pseudo3d]{transform:translate(500%,-456.5515142292%);z-index:1}.flipped .square-0607{transform:translate(-500%,600%)}.flipped .square-0607[piece-style=pseudo3d]{transform:translate(-500%,432.6434332674%);z-index:7}.square-0707{transform:translate(600%,-600%)}.square-0707[piece-style=pseudo3d]{transform:translate(600%,-456.5515142292%);z-index:1}.flipped .square-0707{transform:translate(-600%,600%)}.flipped .square-0707[piece-style=pseudo3d]{transform:translate(-600%,432.6434332674%);z-index:7}.square-0807{transform:translate(700%,-600%)}.square-0807[piece-style=pseudo3d]{transform:translate(700%,-456.5515142292%);z-index:1}.flipped .square-0807{transform:translate(-700%,600%)}.flipped .square-0807[piece-style=pseudo3d]{transform:translate(-700%,432.6434332674%);z-index:7}.square-0108{transform:translateY(-700%)}.square-0108[piece-style=pseudo3d]{transform:translateY(-532.6434332674%);z-index:0}.flipped .square-0108{transform:translateY(700%)}.flipped .square-0108[piece-style=pseudo3d]{transform:translateY(508.7353523056%);z-index:8}.square-0208{transform:translate(100%,-700%)}.square-0208[piece-style=pseudo3d]{transform:translate(100%,-532.6434332674%);z-index:0}.flipped .square-0208{transform:translate(-100%,700%)}.flipped .square-0208[piece-style=pseudo3d]{transform:translate(-100%,508.7353523056%);z-index:8}.square-0308{transform:translate(200%,-700%)}.square-0308[piece-style=pseudo3d]{transform:translate(200%,-532.6434332674%);z-index:0}.flipped .square-0308{transform:translate(-200%,700%)}.flipped .square-0308[piece-style=pseudo3d]{transform:translate(-200%,508.7353523056%);z-index:8}.square-0408{transform:translate(300%,-700%)}.square-0408[piece-style=pseudo3d]{transform:translate(300%,-532.6434332674%);z-index:0}.flipped .square-0408{transform:translate(-300%,700%)}.flipped .square-0408[piece-style=pseudo3d]{transform:translate(-300%,508.7353523056%);z-index:8}.square-0508{transform:translate(400%,-700%)}.square-0508[piece-style=pseudo3d]{transform:translate(400%,-532.6434332674%);z-index:0}.flipped .square-0508{transform:translate(-400%,700%)}.flipped .square-0508[piece-style=pseudo3d]{transform:translate(-400%,508.7353523056%);z-index:8}.square-0608{transform:translate(500%,-700%)}.square-0608[piece-style=pseudo3d]{transform:translate(500%,-532.6434332674%);z-index:0}.flipped .square-0608{transform:translate(-500%,700%)}.flipped .square-0608[piece-style=pseudo3d]{transform:translate(-500%,508.7353523056%);z-index:8}.square-0708{transform:translate(600%,-700%)}.square-0708[piece-style=pseudo3d]{transform:translate(600%,-532.6434332674%);z-index:0}.flipped .square-0708{transform:translate(-600%,700%)}.flipped .square-0708[piece-style=pseudo3d]{transform:translate(-600%,508.7353523056%);z-index:8}.square-0808{transform:translate(700%,-700%)}.square-0808[piece-style=pseudo3d]{transform:translate(700%,-532.6434332674%);z-index:0}.flipped .square-0808{transform:translate(-700%,700%)}.flipped .square-0808[piece-style=pseudo3d]{transform:translate(-700%,508.7353523056%);z-index:8}.legal-move-hint{-ms-flex-align:center;align-items:center;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;left:0}.legal-move-hint .legal-move-hint-inner{background-color:#000;border-radius:100%;height:40%;opacity:.2;width:40%}.flipped .legal-move-hint{bottom:auto;left:auto;right:0;top:0}