#modal-wrap{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(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,.6);z-index:109}#modal-overlay{display:flex;flex-flow:row wrap;align-items:center}.board-editor__tools .metadata .lastAction,.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,#modal-wrap{display:flex;flex-flow:column}.board-editor .spare,#modal-wrap,.board-editor__tools .metadata{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}#modal-wrap .close:hover,.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)}board-scores{position:absolute;display:flex;pointer-events:none;user-select:none;color:#fff;text-shadow:0 1px 2px #000;font-weight:bold}board-scores{font-size:6px}@media(min-width: 320px){board-scores{font-size:calc(
          6px + 8 *
            ((100vw - 320px) / 880)
        )}}@media(min-width: 1200px){board-scores{font-size:14px}}board-scores.p1,board-scores.p2{bottom:0px;left:0;text-align:center;flex-flow:row;width:100%;height:2em}board-scores score{display:inline-block;height:2em;width:2em;border-radius:50%;background:#000;padding:.3em 0}board-scores score.abundance{color:#ff0}board-scores score.tuzdik{background:#fff}board-scores score.empty{background:unset}board-scores board-score{width:100%;font-size:130%}.backgammon-contemporary board-scores board-score{color:#a9ad7d}.variant-bestemshe board-scores{font-size:130%}.variant-togyzkumalak .orientation-p1 board-scores.p1,.variant-bestemshe .orientation-p1 board-scores.p1{left:0;bottom:42%}.variant-togyzkumalak .orientation-p1 board-scores.p2,.variant-bestemshe .orientation-p1 board-scores.p2{left:0;top:42%}.variant-togyzkumalak .orientation-p2 board-scores.p1,.variant-bestemshe .orientation-p2 board-scores.p1{left:0;top:42%}.variant-togyzkumalak .orientation-p2 board-scores.p2,.variant-bestemshe .orientation-p2 board-scores.p2{left:0;bottom:42%}.variant-togyzkumalak board-scores position-score,.variant-bestemshe board-scores position-score{flex:1 1 11.1111111111%}board-scores position-score{flex:1 1 auto}.variant-nackgammon .orientation-p1 board-scores.p1,.variant-hyper .orientation-p1 board-scores.p1,.variant-backgammon .orientation-p1 board-scores.p1{bottom:6%}.variant-nackgammon .orientation-p1 board-scores.p2,.variant-hyper .orientation-p1 board-scores.p2,.variant-backgammon .orientation-p1 board-scores.p2{top:6%}.variant-nackgammon .orientation-p1vflip board-scores.p1,.variant-hyper .orientation-p1vflip board-scores.p1,.variant-backgammon .orientation-p1vflip board-scores.p1{top:6%}.variant-nackgammon .orientation-p1vflip board-scores.p2,.variant-hyper .orientation-p1vflip board-scores.p2,.variant-backgammon .orientation-p1vflip board-scores.p2{bottom:6%}@media(max-width: 799px)and (orientation: portrait){board-scores.p1,board-scores.p2{height:1.6em}board-scores score{height:1.6em;width:1.6em;padding:0}board-scores{font-size:10px}}@media(max-width: 799px)and (orientation: portrait)and (min-width: 320px){board-scores{font-size:calc(
          10px + 8 *
            ((100vw - 320px) / 880)
        )}}@media(max-width: 799px)and (orientation: portrait)and (min-width: 1200px){board-scores{font-size:18px}}@media(max-width: 499px)and (orientation: portrait){board-scores{font-size:9px}}@media(max-width: 499px)and (orientation: portrait)and (min-width: 320px){board-scores{font-size:calc(
          9px + 2 *
            ((100vw - 320px) / 880)
        )}}@media(max-width: 499px)and (orientation: portrait)and (min-width: 1200px){board-scores{font-size:11px}}@media(orientation: landscape)and (max-height: 499px){.variant-togyzkumalak board-scores,.variant-bestemshe board-scores{font-size:60%}.variant-togyzkumalak .orientation-p1 board-scores.p1,.variant-bestemshe .orientation-p1 board-scores.p1{left:0;bottom:41%}.variant-togyzkumalak .orientation-p1 board-scores.p2,.variant-bestemshe .orientation-p1 board-scores.p2{left:0;top:41%}.variant-togyzkumalak .orientation-p2 board-scores.p1,.variant-bestemshe .orientation-p2 board-scores.p1{left:0;top:41%}.variant-togyzkumalak .orientation-p2 board-scores.p2,.variant-bestemshe .orientation-p2 board-scores.p2{left:0;bottom:41%}}body{--board-scale: 1}@media(min-width: 800px)and (min-height: 500px){body{--board-scale: calc((var(--zoom) / 100) * 0.7 + 0.3)}}@media(min-width: 1260px){body{--col3: 1}}@media(max-width: 799px)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: 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,.5)}.resizing cg-resize{border-radius:50%;background:rgba(98,153,36,.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}@media(orientation: landscape)and (max-height: 499px){html{font-size:8px}}.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" "about"}@media(orientation: landscape)and (max-height: 499px){.board-editor.variant-shogi{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-shogi .spare-bottom{margin-top:4vmin}.board-editor.variant-minishogi{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-minishogi .spare-bottom{margin-top:4vmin}.board-editor.variant-xiangqi{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-xiangqi .spare-bottom{margin-top:4vmin}.board-editor.variant-minixiangqi{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-minixiangqi .spare-bottom{margin-top:4vmin}.board-editor.variant-octagonflipello{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-octagonflipello .spare-bottom{margin-top:4vmin}.board-editor.variant-oware{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-oware .spare-bottom{margin-top:4vmin}.board-editor.variant-go9x9{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-go9x9 .spare-bottom{margin-top:4vmin}.board-editor.variant-go13x13{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-go13x13 .spare-bottom{margin-top:4vmin}.board-editor.variant-go19x19{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}.board-editor.variant-go19x19 .spare-bottom{margin-top:4vmin}.coords-out .board-editor{grid-template-columns:minmax(30vmin, calc((100vh - 4vmin) * var(--board-scale) * 0.8 - calc(var(--site-header-height) + var(--site-header-margin)))) 4vmin minmax(200px, 300px) !important}}@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:min-content auto min-content;grid-template-areas:".            . tools" "spare-top    . tools" "board        . tools" "spare-bottom . tools" ".            . tools" "copyables    . about"}}.board-editor.variant-xiangqi .spare .no-square{flex:0 0 11.12%}.board-editor.variant-xiangqi .spare-top{margin-bottom:5%}.board-editor.variant-xiangqi .spare-bottom{margin-top:16%}.board-editor .spare{display:flex;background:#b3b3b3;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}@media(orientation: landscape)and (max-height: 499px){.coords-out .board-editor .spare-bottom{margin-top:4vh}}.board-editor .spare .no-square{flex:0 0 12.5%;transition:all 150ms}.board-editor .spare .no-square:hover{background:rgba(27,120,208,.2)}.board-editor .spare .no-square.selected-square{background:rgba(27,120,208,.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:#fff;padding:1rem;white-space:nowrap}.board-editor__tools .metadata .color,.board-editor__tools .metadata .playerIndex{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 .metadata .lastAction{margin-top:1em}.board-editor__tools .metadata .lastAction label{font-weight:bold}.board-editor__tools .metadata .lastAction select{width:12ch}.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 .editor__about{grid-area:about;margin-top:1.5em;font-size:.85em;color:#787878}.board-editor .editor__about h2{margin-bottom:.3em;font-size:1.15em;font-weight:bold;color:#4d4d4d}.board-editor .editor__about p{margin-bottom:.6em}.board-editor .editor__about__links{display:flex;flex-flow:row wrap;align-items:center;gap:.5em 1em}.board-editor .editor__about__rules{font-weight:bold}.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%}.board-editor .copyables p button.copy{margin-left:.3rem;flex:0 0 auto;padding:0 .5em}
