.board-editor .spare .no-square div{position:relative;display:block;height:0;padding-bottom:100%;width:100%}.board-editor__tools .metadata .enpassant,.board-editor__tools .metadata .castling div{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.board-editor__tools .actions,.board-editor__tools,.continue-with{display:flex;flex-flow:column}.board-editor .spare,.board-editor__tools .metadata{border-radius:4px}.board-editor .spare .no-square.pointer{border-radius:4px 0 0 4px}.board-editor .spare .no-square.trash{border-radius:0 4px 4px 0}.board-editor__tools .metadata{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}coords{position:absolute;display:flex;pointer-events:none;user-select:none;color:#fff;text-shadow:0 1px 2px #000;font-weight:bold}.coords-no coords{display:none}coords{font-size:8px}@media(min-width: 320px){coords{font-size:calc(
          8px + 4 *
            ((100vw - 320px) / 880)
        )}}@media(min-width: 1200px){coords{font-size:12px}}coords.ranks{flex-flow:column-reverse;top:1px;right:0;height:100%;width:.8em}coords.ranks.black{flex-flow:column}coords.files{bottom:0px;left:0;text-align:left;flex-flow:row;width:100%;height:1.4em}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}coords{text-shadow:var(--cg-cs, 0 1px 2px #000)}.orientation-white .files coord:nth-child(2n+1),.orientation-white .ranks coord:nth-child(2n),.orientation-black .files coord:nth-child(2n),.orientation-black .ranks coord:nth-child(2n+1){color:var(--cg-ccw, #fff)}.orientation-white .files coord:nth-child(2n),.orientation-white .ranks coord:nth-child(2n+1),.orientation-black .files coord:nth-child(2n+1),.orientation-black .ranks coord:nth-child(2n){color:var(--cg-ccb, #fff)}@media(min-width: 799.3px),(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}.coords-out coords.ranks coord,.coords-out .is2d coords.files coord{color:#999 !important}}body{--board-scale: 1;--col2-uniboard-width: minmax(calc(70vmin * var(--board-scale)), calc( 100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem ));--col3-uniboard-width: minmax(calc(70vmin * var(--board-scale)), calc( 100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem ))}@media(min-width: 799.3px)and (min-height: 500px){body{--board-scale: calc((var(--zoom) / 100) * 0.75 + 0.25)}}@supports(width: min(1px, 2px)){body{--col2-uniboard-width: calc(min(calc( 100vw - 1vmin - 240px - 2 * var(--main-margin, 0px) - 20px ), calc(100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 1rem)) * var(--board-scale));--col3-uniboard-width: calc(min(calc( 100vw - 250px - 1.5vmin - 240px - 2 * var( --main-margin, 0px ) - 20px ), calc(100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 1rem)) * var(--board-scale))}}@media(max-width: 799.29px)and (orientation: portrait){body{--col1: 1}.main-board cg-board{border-radius:0}}body.resizing{user-select:none}cg-resize{display:none}@media(min-width: 799.3px){cg-resize{display:block;position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;cursor:nwse-resize;z-index:10}cg-resize::before,cg-resize::after{background:#000;content:"";position:absolute;width:12px;height:1px;left:0}cg-resize::before{width:5px;transform:translate(7px, 8px) rotate(-45deg)}cg-resize::after{transform:translate(1px, 6px) rotate(-45deg)}cg-resize:hover{border-radius:50%;background:rgba(214,79,0,.5)}.resizing cg-resize{border-radius:50%;background:rgba(98,153,36,.5)}}@media(hover: none){.continue-with{padding:2em}}.continue-with>*:not(:first-child){margin-top:1em}#main-wrap{--main-max-width: auto}.board-editor{display:grid;grid-template-columns:minmax(0, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin))));grid-template-areas:"spare-top" "board" "spare-bottom" "tools" "copyables"}@media(min-width: 649.3px){.board-editor{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 2vmin minmax(200px, 300px);grid-template-rows:min-content auto min-content;grid-template-areas:".            . tools" "spare-top    . tools" "board        . tools" "spare-bottom . tools" ".            . tools" "copyables    . .    "}}.board-editor .spare{display:flex;background:#6b6b6b;box-shadow:0 3px 5px rgba(0,0,0,.3) inset}.board-editor .spare-top{grid-area:spare-top;margin-bottom:2vh}.board-editor .spare-bottom{grid-area:spare-bottom;margin-top:2vh}.board-editor .spare .no-square{flex:0 0 12.5%;transition:all 150ms}.board-editor .spare .no-square:hover{background:rgba(54,146,231,.2)}.board-editor .spare .no-square.selected-square{background:rgba(54,146,231,.5)}.board-editor .spare .no-square.pointer:hover{background:rgba(98,153,36,.2)}.board-editor .spare .no-square.pointer.selected-square{background:rgba(98,153,36,.6)}.board-editor .spare .no-square.pointer piece{background-image:url("../images/icons/pointer.svg")}.board-editor .spare .no-square.trash:hover{background:rgba(204,51,51,.2)}.board-editor .spare .no-square.trash.selected-square{background:rgba(204,51,51,.6)}.board-editor .spare .no-square.trash piece{background-image:url("../images/icons/trash.svg")}.is3d .board-editor .spare .no-square div{padding-bottom:90.72%}.board-editor .spare piece{display:block;cursor:pointer;width:100%;height:100%}.is3d .board-editor .spare piece{width:100%;height:140.7465%;left:0;top:-34%}.board-editor .spare piece.pointer,.board-editor .spare piece.trash{margin:14%;width:72%;height:72%}.is3d .board-editor .spare piece.pointer,.is3d .board-editor .spare piece.trash{width:62%;top:0}.board-editor__tools{grid-area:tools;align-self:center}.board-editor__tools>*{margin:.5rem 0}.board-editor__tools select{width:100%}.board-editor__tools select.positions option:checked{font-style:italic}.board-editor__tools .metadata{background:#262421;padding:1rem;white-space:nowrap}.board-editor__tools .metadata .color{margin-bottom:1em}.board-editor__tools .metadata .castling label,.board-editor__tools .metadata .castling input{display:inline-block;margin:3px;vertical-align:middle}.board-editor__tools .metadata .enpassant{margin-top:1em}.board-editor__tools .metadata .enpassant label{font-weight:bold}.board-editor__tools .metadata .enpassant select{width:9ch}.board-editor__tools .actions{justify-content:stretch}.board-editor__tools .actions .button{width:100%;text-align:left}body{overflow-y:scroll}.board-editor{user-select:none}.board-editor .main-board{grid-area:board}.board-editor cg-board{cursor:inherit}.board-editor .copyables{grid-area:copyables;margin:2rem 0 0 1rem}.board-editor .copyables p{display:flex;align-items:center}.board-editor .copyables p input{margin-left:1rem;flex:1 1 100%}