#modal-wrap{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.board-editor .spare .no-square div{position:relative;display:block;height:0;padding-bottom:100%;width:100%}#modal-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.6);z-index:109}#modal-overlay{display:flex;flex-flow:row wrap;align-items:center}.board-editor__tools .metadata .variant div{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}#modal-wrap,.continue-with,.board-editor__tools,.board-editor__tools .actions{display:flex;flex-flow:column}.board-editor__tools .metadata,#modal-wrap,.board-editor .spare{border-radius:3px}.board-editor .spare .no-square.pointer{border-radius:3px 0 0 3px}.board-editor .spare .no-square.trash{border-radius:0 3px 3px 0}.board-editor__tools .metadata,#modal-wrap .close:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}coords,fieldnumber{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;text-shadow:0 1px 2px #000;font-weight:bold}.coords-no coords,.coords-no fieldnumber{display:none}coords,fieldnumber{font-size:8px}@media (min-width: 320px){coords,fieldnumber{font-size:calc(8px + 4 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){coords,fieldnumber{font-size:12px}}coords{display:flex}coords.ranks{flex-flow:column;top:1px;right:0;height:100%;text-align:right}coords.ranks.black{flex-flow:column-reverse}coords.ranks coord{padding-right:2px}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:2px}coords coord{flex:1 1 auto}fieldnumber{padding-top:0.65em;padding-right:2px;text-align:right}.blue coord,.blue fieldnumber{text-shadow:none;color:#DEE3E6}.brown coord,.brown fieldnumber{text-shadow:none;color:#F0D9B5}.green coord,.green fieldnumber{text-shadow:none;color:#FFFFDD}@media (min-width: 800px), (orientation: landscape){.coords-out coords{text-shadow:none}.coords-out coords.ranks{right:-15px;top:0;width:12px;text-align:left}.coords-out coords.ranks.is100 coord{transform:translateY(18%)}.coords-out coords.ranks.is64 coord{transform:translateY(36%)}.coords-out coords.files{bottom:-15px;left:0;text-align:center}.coords-out coords.files.is100 coord{transform:translateX(-26%)}.coords-out coords.files.is64 coord{transform:translateX(-4%)}.coords-out coords coord{color:#5e5e5e !important}}body{--board-scale: 1}@media (min-width: 800px) and (min-height: 500px){body{--board-scale: calc((var(--zoom) / 100) * 0.7 + 0.3)}}@media (max-width: 799px) and (orientation: portrait){body{--col1: 1}.main-board cg-board{border-radius:0}}body.resizing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}cg-resize{display:none}@media (min-width: 800px){cg-resize{display:block;position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;cursor:nwse-resize}cg-resize::before,cg-resize::after{background:#000;content:'';position:absolute;width:12px;height:1px}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,0.5)}.resizing cg-resize{border-radius:50%;background:rgba(98,153,36,0.5)}}#modal-overlay{justify-content:center}#modal-wrap{background:#fff;position:relative;padding:2rem;text-align:center;max-width:100vw;max-height:96vh}#modal-wrap>div{overflow:hidden;overflow-y:auto}#modal-wrap .close{color:#4d4d4d;position:absolute;font-size:16px;line-height:27px;width:32px;height:32px;cursor:pointer;top:0;right:0;background:none}@media (min-width: 800px){#modal-wrap .close{top:-12px;right:-12px;background:#fff;border-radius:50%}}#modal-wrap .close:hover{background:#c33;color:#fff}.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: 650px){.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:-webkit-min-content auto -webkit-min-content;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:#b3b3b3;box-shadow:0 3px 5px rgba(0,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:not(.empty){background:rgba(27,120,208,0.2)}.board-editor .spare .no-square.selected-square{background:rgba(27,120,208,0.5)}.board-editor .spare .no-square.pointer:hover{background:rgba(98,153,36,0.2)}.board-editor .spare .no-square.pointer.selected-square{background:rgba(98,153,36,0.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,0.2)}.board-editor .spare .no-square.trash.selected-square{background:rgba(204,51,51,0.6)}.board-editor .spare .no-square.trash piece{background-image:url("../images/icons/trash.svg")}.board-editor .spare .no-square.empty{cursor:default}.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:#fff;padding:1rem;white-space:nowrap}.board-editor__tools .metadata .color{margin-bottom:1em}.board-editor__tools .metadata .variant label,.board-editor__tools .metadata .variant input{display:inline-block;margin:3px;vertical-align:middle}.board-editor__tools .actions{justify-content:stretch}.board-editor__tools .actions .button{width:100%;text-align:left}body{overflow-y:scroll}.board-editor{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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%}