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}}group.radio{display:flex;flex-flow:row wrap}.coord-trainer .next_coord,.coord-trainer form.color .color-icon,.coord-trainer__button,.coord-trainer__table,group.radio label{align-items:center;display:flex;flex-flow:row wrap}.coord-trainer .progress_bar,body.custom-background-img .coord-trainer__table,group.radio{border-radius:6px}body.custom-background-img .coord-trainer__table{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)}group.radio label:hover{background:var(--c-bg-metal-hover);color:var(--c-font-metal-hover);text-shadow:var(--metal-shadow)}group.radio{border:var(--border);overflow:hidden}group.radio div{flex:1 1 auto;position:relative}group.radio input{left:-99999px;position:absolute}group.radio label{background:var(--c-bg-input);border-right:var(--border);color:var(--c-font-clear);cursor:pointer;height:100%;justify-content:center;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}group.radio div:last-child label{border-right:0}group.radio input:checked+label{background:var(--c-accent);color:var(--c-accent-over)}#main-wrap{--main-max-width:calc((100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem - 4vmin) / 12 * 9)}@media (min-width:979.3px),(orientation:landscape){#main-wrap{--main-max-width:auto}}.coord-trainer{display:grid;grid-area:main;grid-template-areas:"board" "progress" "button" "table" "side";grid-row-gap:2vmin;overflow:hidden}.coord-trainer__side{grid-area:side}.coord-trainer__side .scores{padding:0 1rem}.coord-trainer__side .scores canvas{box-sizing:border-box;display:block;width:100%}.coord-trainer__board{grid-area:board}.coord-trainer.play .coord-trainer__board sg-squares sq.hover{background:var(--c-selected-hover)}.coord-trainer.wrong.play .coord-trainer__board sg-squares sq.hover{background:var(--c-bad)}.coord-trainer__table{grid-area:table;justify-content:space-around}.coord-trainer__table .explanation li{list-style:disc outside;margin:.5em 0 .5em 1em}body.custom-background-img .coord-trainer__table{background:var(--c-bg-box);padding:1rem}.coord-trainer__progress{grid-area:progress}.coord-trainer__button{grid-area:button;justify-content:center}.coord-trainer__score,.coord-trainer__timer{font-family:Segment7;font-size:5em;margin:2vmin}.coord-trainer.play .hurry{color:var(--c-bad)!important}@media (max-width:979.29px) and (orientation:portrait){.coord-trainer .main-board{padding-bottom:109.0909090909%}.coord-trainer .main-board .sg-wrap{gap:0;grid-template-rows:0 9fr 0}}@media (min-width:979.3px),(orientation:landscape){.coord-trainer{grid-template-areas:"board    . table" "board    . button" "progress . side" ".        . side";grid-template-columns:var(--col2-uniboard-main-size) 2vmin minmax(200px,320px);grid-template-rows:fit-content(0)}}@media (min-width:1259.3px) and (orientation:landscape){.coord-trainer{grid-template-areas:"side . board    . table" "side . board    . button" "side . progress . .";grid-template-columns:minmax(200px,320px) 2vmin var(--col3-uniboard-main-size) 2vmin minmax(200px,320px);grid-template-rows:fit-content(0)}}.coord-trainer .box{margin-top:2vmin;padding:2vmin 0 1vmin}.coord-trainer .box h1,.coord-trainer .box h2{font-size:1.5em;padding:0!important;text-align:center}.coord-trainer .box p{margin:1em}.coord-trainer .box.current-status{align-items:center;display:flex;flex-direction:column;width:100%}.coord-trainer form.color{margin-top:2vmin}.coord-trainer form.color .color-icon{font-size:2rem;justify-content:center;text-align:center}.coord-trainer form.color .color-icon.random{font-size:2.5rem}.coord-trainer .next_coord{color:#fff;font-size:160px;font-weight:700;height:100%;justify-content:center;left:5%;opacity:.9;pointer-events:none;position:absolute;text-shadow:0 10px 10px #222;top:0;width:90%;z-index:2}.coord-trainer #next_coord1{display:none}.coord-trainer #next_coord0,.coord-trainer #next_coord1{-webkit-user-select:none;-moz-user-select:none;user-select:none}.coord-trainer .progress_bar{background-color:var(--c-font-dim);height:10px;width:100%}.coord-trainer.wrong #next_coord0,.coord-trainer.wrong .coord-trainer__score{color:var(--c-bad)!important}.coord-trainer #next_coord,.coord-trainer.play .start,.coord-trainer.play form.color{display:none}.coord-trainer.play #next_coord{display:block}.coord-trainer.play .coord-trainer__button .current-color{align-items:center;display:flex;font-size:3rem}.coord-trainer.play .coord-trainer__button .current-color:before{font-family:lishogi;font-size:4rem;margin-right:2rem;vertical-align:middle}.coord-trainer.play.sente .coord-trainer__button .current-color:before{content:var(--sente-symbol)}.coord-trainer.play.gote .coord-trainer__button .current-color:before{content:var(--gote-symbol)}@media (max-width:979.29px) and (orientation:portrait){.coord-trainer.init .explanation{margin:1em}}.coord-trainer.init .coord-trainer__progress,.coord-trainer.init .coord-trainer__score,.coord-trainer.init .current-color,.coord-trainer.init .current-status{display:none}.coord-trainer.init form.color{margin-bottom:2vmin}#jqstooltip{box-sizing:content-box}