.movecenter{left:50%;transform:translateX(-50%)}.centerdiv{background-color:transparent;display:block;height:900px;margin:0;padding:0;position:relative;scrollbar-color:#f86f0c #c8c8c8;scrollbar-width:thin;width:900px}#zoomin_left,#zoomout_left{background:url(img/zoom.png);background-color:hsla(0,0%,100%,.5);background-repeat:no-repeat;background-size:200% auto;border-radius:50%;box-shadow:0 0 4px 3px hsla(0,0%,100%,.5);-webkit-box-shadow:0 0 4px 3px hsla(0,0%,100%,.5);-moz-box-shadow:0 0 4px 3px hsla(0,0%,100%,.5);cursor:pointer;height:24px;position:absolute;width:24px;z-index:111}#zoomin_left{background-position:0,100%;left:14px;top:4px}#zoomout_left{background-position:100%,100%;left:14px;top:36px}#rotate_X1,#rotate_X2,#rotate_Y1,#rotate_Y2,#rotate_left,#rotate_right{background:url(img/Arrows.png);background-color:rgba(20,20,255,.5);background-size:1000%;border-radius:50%;box-shadow:0 0 4px 3px rgba(20,20,255,.5);-webkit-box-shadow:0 0 4px 3px rgba(20,20,255,.5);-moz-box-shadow:0 0 4px 3px rgba(20,20,255,.5);cursor:pointer;height:30px;position:absolute;width:24px;z-index:111}#rotate_left{background-position-x:-800%;left:14px;top:70px}#rotate_right{background-position-x:-900%;left:14px;top:108px}#rotate_X1{background-position-x:-300%;left:14px;top:188px}#rotate_X2{background-position-x:-200%;left:14px;top:150px}#swap2D3D{background-color:rgba(20,20,255,.5);box-shadow:0 0 4px 3px rgba(20,20,255,.5);-webkit-box-shadow:0 0 4px 3px rgba(20,20,255,.5);-moz-box-shadow:0 0 4px 3px rgba(20,20,255,.5);color:#ff0;cursor:pointer;left:14px;line-height:30px;position:absolute;text-align:center;top:230px;width:24px;z-index:111}#swap2D3D,.first{border-radius:50%;height:30px}.first{background-color:#dba162;float:left;position:realtive;width:30px}.cent_it{align-items:center;display:flex;justify-content:left}.notfirst{background-color:#6a4412;border-radius:50%;height:30px}.doubleempty,.notfirst{float:left;position:realtive;width:30px}.doubleempty{color:#000;font-size:16px;height:44px;line-height:44px;text-align:center}.uniform{align-items:center;display:flex;height:600px;left:0;overflow:visible;position:absolute;top:0;transform:scale(var(--s,1));transform-origin:center center;transform-style:preserve-3d;transition:transform 1s ease;width:800px}.noborders .object3d{top:80px}.object3d{--path-max-rotate:calc(360deg + var(--z, 0deg));--path-half-rotate:calc(180deg + var(--z, 0deg));--path-90-rotate:calc(90deg + var(--z, 0deg));margin:auto;position:relative;top:0;transform:perspective(var(--p,1000px)) rotateX(var(--x,0deg)) rotateY(var(--y,0deg)) rotate(var(--z,0deg)) translate3d(var(--tx,0),var(--ty,0),var(--tz,-12px));transform-style:preserve-3d;transition:all 1s ease;transition-property:top,transform}.noanimations .coordinates:after,.noanimations .coordinates:before,.noanimations .coordinates_:after,.noanimations .coordinates_:before,.noanimations .main-elements:after,.noanimations .object3d,.noanimations .piece,.noanimations .uniform,.noanimations.scalable .main-stage,.noanimations.scalable .main-stage .side1,.noanimations.scalable .main-stage .side1:before,.noanimations.scalable .main-stage .side2,.noanimations.scalable .main-stage .side2:before,.noanimations.scalable .main-stage:before{transition:none!important}.object3d.rotate{animation:autorotate 20s linear infinite forwards}.object3d.rotate90{transform:perspective(var(--p,1000px)) rotateX(var(--x,0deg)) rotateY(var(--y,0deg)) rotate(var(--path-90-rotate)) translate3d(var(--tx,0),var(--ty,0),var(--tz,-12px))}@keyframes autorotate{to{transform:perspective(var(--p,1000px)) rotateX(var(--x,0deg)) rotateY(var(--y,0deg)) rotate(var(--path-max-rotate)) translate3d(var(--tx,0),var(--ty,0),var(--tz,-12px))}}.reusable-rect{--x:0deg;--y:0deg;--width:300px;--height:50px;--length:600px;--left:0px;--top:0px;--default-color:#fff;--shade-template:linear-gradient(0deg,var(--shade-color),var(--shade-color));--shadow-color:#000;--shadow-intensity:0.14;--shadow-filter:blur(10px);--shadow-size:1.05;--shadow-distance:0px;background:var(--back-color,var(--default-color));display:inline-block;height:var(--length);position:relative;transform-origin:50% 50%;transform-style:preserve-3d;width:var(--width)}.reusable-rect,.reusable-rect div{box-shadow:0 0 0 1px transparent}.reusable-rect .sides{backface-visibility:hidden;display:block;left:0;position:absolute;top:0;transform-style:preserve-3d}.reusable-rect:before{background:var(--front-color,var(--default-color));transform:translateZ(var(--height))}.reusable-rect .side1{background:var(--x-axis-left-color,var(--default-color));height:var(--length);transform:rotateY(-90deg);transform-origin:0 0;width:var(--height)}.reusable-rect .side1:before{background-color:var(--x-axis-right-color,var(--default-color));background-image:var(--shade-template);transform:translateZ(calc(var(--width)*-1))}.reusable-rect .side2{background:var(--y-axis-top-color,var(--default-color));height:var(--height);transform:rotateX(90deg);transform-origin:0 0;width:var(--width)}.reusable-rect .side2:before{background-color:var(--y-axis-bottom-color,var(--default-color));background-image:var(--shade-template);transform:translateZ(calc(var(--length)*-1))}.reusable-rect .side1:before,.reusable-rect .side2:before,.reusable-rect:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.noborders .chess-defaults{--border-size:10px;--outline-offset:8px;--outline-size:6px}.noborders .coordinates:after,.noborders .coordinates:before{color:transparent}.noscroll{overflow:hidden}.scalable .main-stage,.scalable .main-stage .side1,.scalable .main-stage .side1:before,.scalable .main-stage .side2,.scalable .main-stage .side2:before,.scalable .main-stage:before{transition:all .7s ease;transition-property:width,height,transform,background-color}.main-stage{--width:var(--border-template);--height:20px;--length:var(--border-template);--shade-color:transparent;--back-color:#ffdbb7;--front-color:#bac0be;--x-axis-left-color:#bf9d7a;--x-axis-right-color:#bf9d7a;--x-axis-right-color-2:#905438;--y-axis-top-color:#e8c19a;--y-axis-bottom-color:#e8c19a}.main-stage:after{backface-visibility:hidden;background:rgba(0,0,0,.24);border-radius:4%;content:"";filter:blur(10px);height:103%;left:50%;position:absolute;top:51%;transform:translate(-50%,-50%) translateZ(-1px);width:106%}.main-stage .side1{background-color:var(--front-color);background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),linear-gradient(0deg,transparent 50%,var(--front-color) 50%);background-size:1px 1px,200px 200px}.main-elements{--concat-color:#dde0de;background-image:linear-gradient(45deg,var(--concat-color) calc(25% + .3px),transparent 25%,transparent 75%,var(--concat-color) 75%,var(--concat-color) 0),linear-gradient(45deg,var(--concat-color) calc(25% + .3px),transparent 25%,transparent 75%,var(--concat-color) 75%,var(--concat-color) 0);background-position:0 0,var(--block-size) var(--block-size);background-size:var(--block-set-size) var(--block-set-size);height:var(--max-area);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) translateZ(var(--height));transform-style:preserve-3d;width:var(--max-area)}.main-elements:before{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.main-elements:after{border:var(--outline-size) solid #905438;border-radius:5px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;content:"";height:var(--outline-template);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;transition-property:width,height,border;width:var(--outline-template)}.stage-over{position:absolute}.coordinates,.coordinates_{bottom:0;height:var(--border-size-init);position:absolute;width:100%}.coordinates{left:0;transform:translateY(100%)}.coordinates_{right:calc(var(--border-size-init)*-1);transform:translateX(100%) rotate(-90deg);transform-origin:0 100%}.coordinates:after,.coordinates:before,.coordinates_:after,.coordinates_:before{box-sizing:border-box;color:#905438;content:var(--letters);display:block;font-family:Segoe UI,Arial,sans-serif;font-size:30px;height:var(--border-size);left:0;letter-spacing:42px;overflow:hidden;padding-top:20px;position:absolute;text-align:justify;text-indent:30px;transition:all .7s ease;width:100%}.coordinates:after{content:var(--lettersI)}.coordinates_:after,.coordinates_:before{content:var(--numbers);letter-spacing:42px}.coordinates_:after{content:var(--numbersI)}.coordinates:before,.coordinates_:before{top:0}.coordinates:after,.coordinates_:after{bottom:80px;transform:rotate(180deg) translateY(var(--max-area))}.chess-defaults{--squarenum:8;--block-size:60px;--block-set-size:calc(var(--block-size)*2);--block-size-ag:100;--outline-size:6px;--outline-offset:8px;--border-size:80px;--border-size-init:80px;--max-area:calc(var(--block-size)*var(--squarenum));--outline-template:calc(100% + var(--outline-offset)*2);--border-template:calc(var(--max-area) + var(--border-size)*2);--oct-path:polygon(50% 0%,0 100%,100% 100%);--nan-path:polygon(50% 0%,0 96%,86% 100%)}.board{display:block;height:100%;left:0;top:0;transform-style:preserve-3d;width:100%}.board,.sqpiece{position:absolute}.sqpiece{--A-color:#dba162;--B-color:#b38554;bottom:calc(var(--block-size)*min(var(--v), 8));height:var(--block-size);left:calc(var(--block-size)*min(var(--h), 8));transform:rotate(0deg) translateZ(1px);transform-style:preserve-3d;transition:background-color .5s ease;width:var(--block-size)}.sqpieceh{background-color:red;opacity:.4}.piece{--A-color:#dba162;--B-color:#b38554;bottom:calc(var(--block-size)*min(var(--v), 8));height:var(--block-size);left:calc(var(--block-size)*min(var(--h), 8));position:absolute;transform:rotate(0deg);transform-style:preserve-3d;transition:background-color .5s ease;width:var(--block-size)}.highlighted .piece,.highlighted .sqpiece{background-color:rgba(0,100,220,.6)}.piece.highlighted>.reusable-rect{--back-color:#9f2b2b;--front-color:#9f2b2b;--x-axis-left-color:#f55e53;--x-axis-right-color:#d86546;--x-axis-right-color:#9f2b2b;--y-axis-top-color:#f63204;--y-axis-bottom-color:#f63204}.piece>.reusable-rect{--back-color:#dba162;--front-color:#dba162;--x-axis-left-color:#bf9d7a;--x-axis-right-color:#b38554;--x-axis-right-color:#dba162;--y-axis-top-color:#fec485;--y-axis-bottom-color:#fec485;left:50%;position:absolute;top:50%}.piece.BLACK>.reusable-rect{--back-color:#3c3c3c;--front-color:#3c3c3c;--x-axis-left-color:#000;--x-axis-right-color:#191b18;--y-axis-top-color:#191b18;--y-axis-bottom-color:#000}.piece.BLACK{--A-color:#191b18;--B-color:#3c3c3c}.piece-base:after{background:rgba(0,0,0,.6);content:"";filter:blur(10px);height:120%;left:50%;position:absolute;top:50%;width:120%}.piece-base,.piece-base:after{transform:translate(-50%,-50%)}.piece-base{--width:var(--piece-basesize);--length:var(--piece-basesize);--height:10px}.piece-upbase{--width:var(--piece-upsize);--length:var(--piece-upsize);--height:10px;transform:translate(-50%,-50%) translateZ(10px)}.piece-thick{--width:var(--piece-thickness);--length:var(--piece-thickness);--height:var(--piece-height);transform:translate(-50%,-50%) translateZ(20px)}.piece-head{--width:var(--piece-head);--length:var(--piece-head);--height:var(--piece-head);transform:translate(-50%,-50%)}.PAWN{--piece-basesize:40px;--piece-upsize:33px;--piece-thickness:20px;--piece-height:20px;--piece-head:28px}#controls{--controls-active:linear-gradient(0deg,rgba(0,100,200,.4),rgba(0,100,200,.4));--controls-active-warn:linear-gradient(0deg,rgba(217,54,0,.4),rgba(217,54,0,.4));background-color:#000;color:#fff;display:block;left:0;padding:4px 0;position:fixed;top:0;transition-duration:.64s;transition-property:top,transform;transition-timing-function:cubic-bezier(.17,.84,.44,1)}button.board-borders:before{content:"Hide "}.noborders button.board-borders:before{content:"Show "}button.anim-boost:before{content:"Reduce "}.noanimations button.anim-boost:before{content:"Enable "}.highlighted #controls button.piece-highlighter,.noborders #controls button.board-borders{background-image:var(--controls-active)}.noanimations #controls button.anim-boost,.noscroll #controls button.body-scroll{background-image:var(--controls-active-warn)}.rotating #controls button.spin360{background-image:var(--controls-active)}button.body-scroll:before{content:"Disable "}.noscroll button.body-scroll:before{content:"Enable "}#controls .title{display:block;margin:2px 0;padding:6px 8px;position:relative}#controls button{background:hsla(0,0%,100%,.1);border:0;color:#fff;display:inline-block;font-size:10px;margin:2px auto;outline-offset:-4px;padding:6px 14px;position:relative;width:48%}#controls button.ehide:before{content:"Hide "}#controls button:hover{background:hsla(0,0%,100%,.2)}#controls button:active{background:hsla(0,0%,100%,.15)}#controls.hide{display:none;top:34px}#controls.hide button.ehide{background-image:var(--controls-active)}#controls.hide button.ehide:before{content:"Show "}label{display:block;padding:4px 8px}label>span{color:#fff;display:inline-block;height:12px;left:0;line-height:12px;opacity:.7;position:relative;top:-2px;width:20px}label:hover>span{opacity:1}label>span:last-child{text-align:right;width:50px}input[type=range]{-webkit-appearance:none;appearance:none;background:#141414;height:12px;margin:0;overflow:hidden;padding:0;width:200px}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#434343;cursor:ew-resize;height:12px;width:15px}input[type=range]:hover::-webkit-slider-thumb{background:#006ed2}input[type=range]:active::-webkit-slider-thumb{background:#00a0ff}input[type=range]:active,input[type=range]:hover{background:#1e1e1e}}input[type=range]::-moz-range-thumb{appearance:none;background:#0064c8;border:0;border-radius:0;cursor:ew-resize;height:12px;width:15px}input[type=range]:hover::-moz-range-thumb{background:#006ed2}input[type=range]::-moz-range-thumb:active,input[type=range]::-moz-range-thumb:hover{background:#00a0ff}input[type=range]::-moz-range-progress{background:#002850;height:12px}input[type=range]:hover::-moz-range-progress{background:#003264}