coords{color:#fff;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coords-no coords{display:none}coords{display:flex;font-size:7px;pointer-events:none;position:absolute}@media (min-width:320px){coords{font-size:calc(7px + 4 * (100vw - 320px) / 880)}}@media (min-width:1200px){coords{font-size:11px}}.d-12x12 coords.ranks,body[data-notation="2"] coords.ranks{font-size:6px}@media (min-width:320px){.d-12x12 coords.ranks,body[data-notation="2"] coords.ranks{font-size:calc(6px + 4 * (100vw - 320px) / 880)}}@media (min-width:1200px){.d-12x12 coords.ranks,body[data-notation="2"] coords.ranks{font-size:10px}}coords.ranks{flex-flow:column-reverse;height:100%;right:0;top:1px;width:1.1em}coords.ranks.gote{flex-flow:column}coords.ranks{z-index:0}coords.files{flex-flow:row;height:1.4em;left:0;text-align:left;top:0;width:100%}coords.files.gote{flex-flow:row-reverse}coords.files coord{padding-left:4px}coords.files{z-index:0}coords coord{flex:1 1 auto}.kaya1 .files,.kaya1 .ranks,.kaya2 .files,.kaya2 .ranks,.natural .files,.natural .ranks,.oak .files,.oak .ranks,.orange .files,.orange .ranks,.wood .files,.wood .ranks,.wood1 .files,.wood1 .ranks{color:#000}.space .files,.space .ranks{color:#eee}.kinkaku .files,.kinkaku .ranks,.painting1 .files,.painting1 .ranks,.painting2 .files,.painting2 .ranks{color:#000}.dobutsu .files,.dobutsu .ranks{color:#c36e5f}.blue .files,.blue .ranks,.gray .files,.gray .ranks{color:#eee}.custom .files,.custom .ranks{color:var(--custom-grid-color,var(--c-font))}.v-dobutsu .files,.v-dobutsu .ranks{color:#c36e5f}@media (min-width:979.3px),(orientation:landscape){.coords-edge coords,.coords-out coords{text-align:center;text-shadow:none}.coords-edge coords.ranks,.coords-out coords.ranks{top:0}.coords-edge coords.ranks coord,.coords-out coords.ranks coord{transform:translateY(42%)}.coords-out coords.ranks{right:-12px;width:12px}.coords-out coords.files{top:-15px}.coords-out coords coord{color:var(--c-font-page)!important}.coords-edge .main-board sg-board{background-origin:border-box;border:calc(1.7vh * var(--board-scale, 1)) solid transparent}.coords-edge .main-board sg-hand-wrap{height:calc((100% - calc(1.7vh * var(--board-scale, 1))) / 9 * 7)}.coords-edge .main-board sg-hand-wrap sg-hand{padding-left:calc(calc(1.7vh * var(--board-scale, 1)) / 9);padding-right:calc(calc(1.7vh * var(--board-scale, 1)) / 9)}.coords-edge .main-board sg-hand-wrap.hand-bottom sg-hand{padding-bottom:calc(1.7vh * var(--board-scale, 1))}.coords-edge .main-board sg-hand-wrap.hand-top sg-hand{padding-top:calc(1.7vh * var(--board-scale, 1))}.coords-edge .main-board.v-minishogi sg-hand-wrap{height:calc(100% - calc(1.7vh * var(--board-scale, 1)))}.coords-edge .main-board.v-minishogi sg-hand-wrap sg-hand{padding:calc(1.7vh * var(--board-scale, 1)) calc(calc(1.7vh * var(--board-scale, 1)) / 5)}.coords-edge .main-board.v-kyotoshogi sg-hand-wrap{height:calc((100% - calc(1.7vh * var(--board-scale, 1))) / 5 * 4)}.coords-edge .main-board.v-kyotoshogi sg-hand-wrap sg-hand{padding-left:calc(calc(1.7vh * var(--board-scale, 1)) / 5);padding-right:calc(calc(1.7vh * var(--board-scale, 1)) / 5)}.coords-edge .main-board.v-dobutsu sg-hand-wrap{height:calc((100% - calc(1.7vh * var(--board-scale, 1))) / 4 * 3)}.coords-edge .main-board.v-dobutsu sg-hand-wrap sg-hand{padding-left:calc(calc(1.7vh * var(--board-scale, 1)) / 5);padding-right:calc(calc(1.7vh * var(--board-scale, 1)) / 5)}.coords-edge sg-promotion{outline:calc(1.7vh * var(--board-scale, 1)) solid rgba(0,0,0,.247)}.coords-edge coords{font-size:calc(1.7vh * var(--board-scale, 1) - 1px)}.coords-edge coords.ranks{left:100%;width:calc(1.7vh * var(--board-scale, 1))}.coords-edge coords.ranks coord{transform:translateY(42%)}.coords-edge coords.files{bottom:100%;top:unset}.coords-edge coords.files.gote{bottom:unset;top:100%}.coords-edge coords.files{height:calc(1.7vh * var(--board-scale, 1) - 1px);line-height:calc(1.7vh * var(--board-scale, 1) - 1px)}body[data-notation="2"] .coords-edge coords.ranks{font-size:calc(1.4vh * var(--board-scale, 1))}.coords-edge .board-editor .spare{border-bottom:calc(1.7vh * var(--board-scale, 1)) solid transparent;border-top:calc(1.7vh * var(--board-scale, 1)) solid transparent}.coords-edge .board-editor .spare-bottom{border-right:calc(calc(1.7vh * var(--board-scale, 1)) / 9 * 4) solid transparent}.coords-edge .board-editor .spare-top{border-left:calc(calc(1.7vh * var(--board-scale, 1)) / 9 * 4) solid transparent}}.d-12x12 coords coord{align-items:center;display:flex;flex:1 1 8.3333333333%;justify-content:center}.d-12x12 coords.ranks coord{transform:unset}body{--board-scale:1;--col2-uniboard-main-size:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin);--col3-uniboard-main-size:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin);--col2-uniboard-main-size-no-hands:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11);--col3-uniboard-main-size-no-hands:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11)}@media (min-width:979.3px),(orientation:landscape){body{--board-scale:calc((var(--zoom) / 100) * 0.6 + 0.4)}}@supports (width:min(1px,2px)){body{--col2-uniboard-main-size:min(calc(100vw * var(--board-scale) - 4vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin));--col3-uniboard-main-size:min(calc(100vw * var(--board-scale) - 200px - 4vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin));--col2-uniboard-main-size-no-hands:min(calc(100vw * var(--board-scale) - 6vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11));--col3-uniboard-main-size-no-hands:min(calc(100vw * var(--board-scale) - 200px - 6vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11))}}@media (max-width:979.29px) and (orientation:portrait){body{--col1:1}.main-board sg-board{border-radius:0}}body.resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}sg-resize{display:none}@media (min-width:979.3px),(orientation:landscape){sg-resize{bottom:-10px;display:block;position:absolute;right:-10px}.coords-edge sg-resize{bottom:-21px;right:-21px}sg-resize{cursor:nwse-resize;height:22px;width:22px}sg-resize:after,sg-resize:before{background:#000;content:"";height:1px;position:absolute;width:12px}sg-resize:before{transform:translate(7px,8px) rotate(-45deg);width:5px}sg-resize:after{transform:translate(1px,6px) rotate(-45deg)}sg-resize:hover{background:var(--m-accent_alpha_neg50);border-radius:50%;z-index:50}.resizing sg-resize{background:var(--m-secondary_alpha_neg50);border-radius:50%;z-index:50}}#modal-overlay{align-items:center;display:flex;flex-flow:row wrap}#modal-wrap,.continue-with>div{display:flex;flex-flow:column}#modal-wrap,#modal-wrap .close{border-radius:6px}.board-editor .underboard .copyables>div .action{border-radius:0 0 6px 6px}#modal-wrap .close:hover{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)}#modal-wrap{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}#modal-overlay{background:var(--c-page-mask);bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:109}#modal-wrap{background:var(--c-bg-box);border:var(--border);max-height:96vh;max-width:100vw;padding:2rem;position:relative;text-align:center}#modal-wrap>div{overflow:auto}#modal-wrap .close{background:none;color:var(--c-font);cursor:pointer;font-size:16px;height:32px;line-height:28px;position:absolute;right:0;top:0;width:32px;z-index:100}@media (min-width:799.3px){#modal-wrap .close{background:var(--c-font-dimmer);border-radius:50%;color:var(--c-bg-box);right:-12px;top:-12px}}#modal-wrap .close:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#modal-wrap .close:hover{background:var(--c-bad);color:var(--c-bad-over)}.continue-with{min-width:20rem}.continue-with>div{gap:1rem}.continue-with>div .button{width:100%}#main-wrap{--main-max-width:auto}@media (max-width:979.29px) and (orientation:portrait){#main-wrap{justify-items:center;--main-max-width:calc((100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem - 4vmin) / 15 * 9 / 12 * 11)}#main-wrap:has(.main-v-minishogi,.main-v-kyotoshogi){--main-max-width:calc((100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem - 4vmin) / 11 * 5 / 12 * 11)}#main-wrap:has(.main-v-chushogi){--main-max-width:calc((100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 20 * 12 / 12 * 11)}#main-wrap:has(.main-v-dobutsu){--main-max-width:calc((100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem - 4vmin) / 11 * 4 / 12 * 11)}}.board-editor{display:grid;grid-template-areas:"spare-top" "editor" "spare-bottom" "actions" "links" "underboard"}@media (min-width:979.3px),(orientation:landscape){.board-editor{grid-template-areas:"editor    . spare-top spare-bottom ." "actions actions actions actions ." "links   links   links   links ." "underboard underboard underboard underboard .";grid-template-columns:var(--col2-uniboard-main-size) 2vmin minmax(100px,calc((var(--col2-uniboard-main-size) - 4vmin) / 11 * 2 + 1rem)) minmax(100px,calc((var(--col2-uniboard-main-size) - 4vmin) / 11 * 2 + 1rem)) minmax(0,calc(320px - calc((var(--col2-uniboard-main-size) - 4vmin) / 11 * 4 + 2rem)));grid-template-rows:fit-content(0)}.board-editor.main-v-kyotoshogi,.board-editor.main-v-minishogi{grid-template-columns:var(--col2-uniboard-main-size) 2vmin minmax(100px,calc((var(--col2-uniboard-main-size) - 4vmin) / 7 * 2 + 1rem)) minmax(100px,calc((var(--col2-uniboard-main-size) - 4vmin) / 7 * 2 + 1rem)) minmax(0,calc(320px - calc((var(--col2-uniboard-main-size) - 4vmin) / 7 * 4 + 2rem)))}.board-editor.main-v-chushogi{grid-template-columns:var(--col2-uniboard-main-size-no-hands) 3vmin minmax(100px,calc((var(--col2-uniboard-main-size-no-hands)) / 12 * 4 + 1rem)) minmax(100px,calc((var(--col2-uniboard-main-size-no-hands)) / 12 * 4 + 1rem)) minmax(0,calc(320px - calc((var(--col2-uniboard-main-size-no-hands)) / 12 * 8 + 2rem)))}.board-editor.main-v-dobutsu{grid-template-columns:var(--col2-uniboard-main-size) 2vmin minmax(100px,calc((var(--col2-uniboard-main-size) - 4vmin) / 5 * 2 + 1rem)) minmax(100px,calc((var(--col2-uniboard-main-size) - 4vmin) / 5 * 2 + 1rem)) minmax(0,calc(320px - calc((var(--col2-uniboard-main-size) - 4vmin) / 5 * 4 + 2rem)))}}@media (min-width:1259.3px) and (orientation:landscape){.board-editor{grid-template-areas:"spare-top .       editor    .       spare-bottom" "actions   actions actions   actions actions" "links     links   links     links   links" "underboard underboard underboard underboard underboard";grid-template-columns:minmax(0,calc((var(--col3-uniboard-main-size) - 4vmin) / 11 * 2 + 1rem)) 2vmin var(--col3-uniboard-main-size) 2vmin minmax(0,calc((var(--col3-uniboard-main-size) - 4vmin) / 11 * 2 + 1rem));grid-template-rows:fit-content(0)}.board-editor.main-v-kyotoshogi,.board-editor.main-v-minishogi{grid-template-columns:minmax(0,calc((var(--col2-uniboard-main-size) - 4vmin) / 7 * 2 + 1rem)) 2vmin var(--col3-uniboard-main-size) 2vmin minmax(0,calc((var(--col2-uniboard-main-size) - 4vmin) / 7 * 2 + 1rem))}.board-editor.main-v-chushogi{grid-template-columns:minmax(0,calc((var(--col2-uniboard-main-size-no-hands)) / 12 * 4 + 1rem)) 3vmin var(--col3-uniboard-main-size-no-hands) 3vmin minmax(0,calc((var(--col2-uniboard-main-size-no-hands)) / 12 * 4 + 1rem))}.board-editor.main-v-dobutsu{grid-template-columns:minmax(0,calc((var(--col2-uniboard-main-size) - 4vmin) / 5 * 2 + 1rem)) 2vmin var(--col3-uniboard-main-size) 2vmin minmax(0,calc((var(--col2-uniboard-main-size) - 4vmin) / 5 * 2 + 1rem))}}@media (max-width:979.29px) and (orientation:portrait){.board-editor .spare{height:0;padding-bottom:24.2424242424%;position:relative;width:100%}.board-editor .spare .outer{height:50%;position:absolute;width:100%}.board-editor .spare .outer:last-child{top:50%}.board-editor .spare .outer .inner{display:flex;flex-direction:row-reverse;height:100%}.board-editor .spare .outer .inner .selectable-wrap{height:100%;position:relative;width:11.1111111111%}.board-editor .spare-bottom .outer .inner .selectable-wrap:first-child{order:1}.board-editor .spare-top .outer .inner{justify-content:flex-end}}@media (min-width:979.3px),(orientation:landscape){.board-editor .spare{display:flex;flex-wrap:wrap;padding:0 .5rem;position:relative}.board-editor .spare:after{background-color:var(--c-border);content:"";height:100%;left:0;position:absolute;top:0;transition:all .1s;width:2px}.board-editor .spare .outer{height:0;padding-bottom:490.9090909091%;position:relative;width:50%}.board-editor .spare .outer .inner{display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:absolute;width:100%}.board-editor .spare .outer .inner .selectable-wrap{height:11.1111111111%;position:relative}.board-editor .spare .outer .inner .selectable-wrap:has(piece){cursor:pointer}.board-editor .spare-top{flex-direction:row-reverse;grid-area:spare-top}.board-editor .spare-top .outer .inner{flex-direction:column-reverse}.board-editor .spare-top:after{left:unset;right:0}.board-editor .spare-bottom{grid-area:spare-bottom}.board-editor .spare-bottom .outer{align-self:flex-end}}.board-editor .spare .outer .inner .selectable-wrap div{background-position:50%;background-repeat:no-repeat;background-size:90%;cursor:pointer;filter:grayscale(1);height:100%;width:100%}.board-editor .spare .outer .inner .selectable-wrap div.pointer svg{fill:var(--c-good)}.board-editor .spare .outer .inner .selectable-wrap div.trash svg{fill:var(--c-bad)}.board-editor .spare .outer .inner .selectable-wrap.selected-square{background-color:var(--c-accent);border-radius:6px}.board-editor .spare .outer .inner .selectable-wrap.selected-square:has(div){background-color:unset}.board-editor .spare .outer .inner .selectable-wrap.selected-square:has(div) div{filter:grayscale(0)}.board-editor .spare .outer .inner .selectable-wrap piece{cursor:pointer;height:200%;margin:-54.5454545455% -50%;width:200%}.board-editor .actions{display:flex;flex-wrap:wrap;grid-area:actions;justify-content:center;width:100%}.board-editor .actions .action{align-items:center;cursor:pointer;display:flex;height:3rem;justify-content:center;max-width:32rem;padding:0 .75em;text-align:center;transition:all .1s;width:25%}.board-editor .actions .action.disabled{opacity:.5;pointer-events:none}.board-editor .actions .action.active,.board-editor .actions .action:hover{color:var(--c-accent)}@media (max-width:979.29px) and (orientation:portrait){.board-editor .actions .action{font-size:.85rem;width:50%}}.board-editor .links{display:flex;flex-direction:column;gap:2rem;grid-area:links;justify-content:center;margin-top:2rem}.board-editor .links>*{align-items:center;display:flex;height:3rem;justify-content:center;padding:0}.board-editor .links>* button{width:100%}@media (min-width:979.3px),(orientation:landscape){.board-editor .links{flex-direction:row;margin-top:0}.board-editor .links>*{flex:1 1}}.board-editor .underboard{display:flex;flex-direction:column-reverse;grid-area:underboard}.board-editor .underboard .copyables>div{align-items:center;display:flex;margin-bottom:2em;position:relative}.board-editor .underboard .copyables>div strong{width:4rem}.board-editor .underboard .copyables>div input,.board-editor .underboard .copyables>div textarea{flex:1 1 100%;margin-left:1rem}.board-editor .underboard .copyables>div input::-webkit-resizer,.board-editor .underboard .copyables>div textarea::-webkit-resizer{background:var(--c-bg-box)}.board-editor .underboard .copyables>div.sfen input,.board-editor .underboard .copyables>div.url input{height:40px}.board-editor .underboard .copyables>div.csa,.board-editor .underboard .copyables>div.kif{margin-bottom:2em}.board-editor .underboard .copyables>div.csa textarea,.board-editor .underboard .copyables>div.kif textarea{min-height:10em;overflow-x:hidden;white-space:pre-wrap;word-break:break-all}.board-editor .underboard .copyables>div .action{opacity:0;position:absolute;right:0;text-align:right;top:100%;transition:all .1s}.board-editor .underboard .copyables>div textarea:focus~.action{opacity:1}.board-editor .underboard .tools{align-items:center;display:flex;flex-direction:column;margin-top:2em}.board-editor .underboard .tools .piece-counter{display:none}.board-editor .underboard .tools .color-turn,.board-editor .underboard .tools .positions,.board-editor .underboard .tools .variants{height:40px;margin-bottom:2em;width:100%}.board-editor .underboard .tools .color-turn select,.board-editor .underboard .tools .positions select,.board-editor .underboard .tools .variants select{height:40px;width:100%}.board-editor .underboard .tools .color-turn select option:checked,.board-editor .underboard .tools .positions select option:checked,.board-editor .underboard .tools .variants select option:checked{font-style:italic}@media (min-width:979.3px),(orientation:landscape){.board-editor .underboard{flex-direction:row;gap:2rem}.board-editor .underboard .copyables{margin-top:2rem;width:calc(66.6666666667% + 1rem)}.board-editor .underboard .tools{margin-top:2rem;width:33.3333333333%}.board-editor .underboard .tools .color-turn,.board-editor .underboard .tools .positions,.board-editor .underboard .tools .variants{margin-bottom:2em}.board-editor .underboard .tools .piece-counter{display:block;width:100%}.board-editor .underboard .tools .piece-counter>div{display:flex;flex-direction:column;flex-wrap:wrap;height:5rem}}.board-editor.main-v-chushogi .actions .action{width:25%}@media (max-width:979.29px) and (orientation:portrait){.board-editor.main-v-chushogi .spare{padding-bottom:36.3636363636%}.board-editor.main-v-chushogi .spare .outer{height:25%}.board-editor.main-v-chushogi .spare .outer:nth-child(2){top:25%}.board-editor.main-v-chushogi .spare .outer:nth-child(3){top:50%}.board-editor.main-v-chushogi .spare .outer:nth-child(4){top:75%}.board-editor.main-v-chushogi .spare .outer .inner .selectable-wrap{width:8.3333333333%}.board-editor.main-v-chushogi .actions .action{flex:1}.board-editor.main-v-minishogi .spare{padding-bottom:36.3636363636%}.board-editor.main-v-minishogi .spare .outer .inner .selectable-wrap{width:16.6666666667%}.board-editor.main-v-kyotoshogi .spare{padding-bottom:43.6363636364%}.board-editor.main-v-kyotoshogi .spare .outer .inner .selectable-wrap{width:20%}.board-editor.main-v-dobutsu .spare{padding-bottom:54.5454545455%}.board-editor.main-v-dobutsu .spare .outer .inner .selectable-wrap{width:25%}}@media (min-width:979.3px),(orientation:landscape){.board-editor.main-v-minishogi .spare .outer{padding-bottom:272.7272727273%}.board-editor.main-v-minishogi .spare .outer .inner{width:83.3333333333%}.board-editor.main-v-minishogi .spare .outer .inner .selectable-wrap{height:16.6666666667%}.board-editor.main-v-kyotoshogi .spare .outer{padding-bottom:272.7272727273%}.board-editor.main-v-kyotoshogi .spare .outer .inner .selectable-wrap{height:20%}.board-editor.main-v-chushogi .spare .outer{padding-bottom:327.2727272727%;width:25%}.board-editor.main-v-chushogi .spare .outer .inner .selectable-wrap{height:8.3333333333%}.board-editor.main-v-chushogi .underboard .tools .piece-counter>div{height:10rem}.board-editor.main-v-dobutsu .spare .outer{padding-bottom:218.1818181818%}.board-editor.main-v-dobutsu .spare .outer .inner .selectable-wrap{height:25%}}@media (min-width:1259.3px) and (orientation:landscape){.board-editor.main-v-annanshogi .spare:after,.board-editor.main-v-checkshogi .spare:after,.board-editor.main-v-standard .spare:after{height:88.8888888889%;top:11.1111111111%}.board-editor.main-v-annanshogi .spare-top:after,.board-editor.main-v-checkshogi .spare-top:after,.board-editor.main-v-standard .spare-top:after{top:0}.board-editor.main-v-chushogi .spare:after{content:unset}}.board-editor{-webkit-user-select:none;-moz-user-select:none;user-select:none}.board-editor .main-board{grid-area:editor}