.coord-trainer__score{font-family:'Roboto'}group.radio label{background:linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%);text-shadow:0 1px 0 #fff}group.radio label:hover{background:linear-gradient(to bottom, #fafafa 0%, #f2f2f2 100%);text-shadow:0 1px 0 #fff}group.radio input:checked+label{box-shadow:0 3px 4px rgba(0,0,0,0.15) inset}group.radio input:checked+label{background:#d64f00;color:#fff;text-shadow:0 1px 1px black !important}group.radio{display:flex;flex-flow:row wrap}group.radio label,.coord-trainer .next_coord,.coord-trainer__table,.coord-trainer__score{display:flex;flex-flow:row wrap;align-items:center}group.radio,.coord-trainer .progress_bar,.coord-trainer__score{border-radius:3px}group.radio{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)}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}}group.radio{overflow:hidden}group.radio div{flex:1 1 auto;position:relative}group.radio input{position:absolute;left:-99999px}group.radio label{justify-content:center;padding:10px;height:100%;cursor:pointer;border-right:1px solid #d9d9d9;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}group.radio div:last-child label{border-right:0}#main-wrap{--main-max-width: calc(100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem)}@media (min-width: 980px){#main-wrap{--main-max-width: auto}}.coord-trainer{grid-area:main;display:grid;overflow:hidden;grid-template-areas:'board' 'progress' 'score' 'table' 'side';grid-row-gap:2vmin}.coord-trainer__side{grid-area:side}.coord-trainer__board{grid-area:board}.coord-trainer__table{grid-area:table}.coord-trainer__progress{grid-area:progress}.coord-trainer__score{grid-area:score}@media (min-width: 980px){.coord-trainer{grid-template-columns:minmax(calc(70vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem)) 2vmin minmax(240px, 400px);grid-template-rows:fit-content(0);grid-template-areas:'board    . table' 'board    . side' 'progress . .' 'score    . .'}}@media (min-width: 1260px){.coord-trainer{grid-template-areas:'side . board    . table' '.    . progress . .' '.    . score    . .';grid-template-columns:minmax(230px, 20vw) 2vmin minmax(calc(70vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem)) 2vmin minmax(240px, 400px)}}.coord-trainer .box{padding:2vmin}.coord-trainer .box h1{font-size:1.5em;padding:0 !important;text-align:center}.coord-trainer .box p{margin-top:1em}.coord-trainer form.color{margin-top:2vmin}.coord-trainer form.color .color i{display:block;width:30px;height:30px;background-size:30px 30px;background-repeat:no-repeat;padding:0}.coord-trainer form.color .color_1 i{background-image:url(../piece/wide/wK.svg)}.coord-trainer form.color .color_2 i{background-image:url(../piece/wide/wbK.svg)}.coord-trainer form.color .color_3 i{background-image:url(../piece/wide/bK.svg)}.coord-trainer .next_coord{z-index:6;justify-content:center;position:absolute;top:0;left:0;width:90%;height:100%;font-size:180px;font-family:monospace;font-weight:bold;text-transform:uppercase;opacity:1;pointer-events:none;color:#eee;text-shadow:0 10px 10px #444;opacity:0.8;transition:all 150ms}.coord-trainer .next_coord.nope{color:#c33 !important}.coord-trainer #next_coord0{color:#fff}.coord-trainer #next_coord1{left:26%;top:10%;font-size:75px;opacity:0.7}.coord-trainer #next_coord2{transition:none;left:38%;top:13%;font-size:38px;opacity:0.4}.coord-trainer #next_coord1,.coord-trainer #next_coord2,.coord-trainer #next_coord0{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.coord-trainer .progress_bar{width:100%;height:10px;background-color:#629924}.coord-trainer__table{justify-content:space-around}.coord-trainer__table .explanation{padding:0 2px 0 4px}.coord-trainer__table .explanation li{list-style:outside disc;margin:.5em 0 .5em 1em}.coord-trainer__score{justify-content:center;font-weight:bold;font-size:70px;margin:auto;width:110px;height:110px;line-height:110px;background-color:#629924;color:#fff;transition:all 150ms}.coord-trainer.wrong .progress_bar,.coord-trainer.wrong .coord-trainer__score{background-color:#c33}.coord-trainer.play .start,.coord-trainer #next_coord,.coord-trainer.play form.color{display:none}.coord-trainer.play #next_coord{display:block}@media (max-width: 979px){.coord-trainer.init .coord-trainer__score{display:none}.coord-trainer.init .explanation{order:2;margin-top:1em}}.coord-trainer.init .coord-trainer__score{opacity:0}.coord-trainer.init form.color{margin-bottom:2vmin}.coord-trainer .cg-wrap fieldnumber{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;opacity:0.9;margin-left:0px;line-height:10%;z-index:5;top:4%;width:10%;height:10%;font-family:monospace;font-weight:bold;text-align:center;text-shadow:1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 1px 0px 0 #000, 2px 2px 0 #000, -2px 2px 0 #000, 2px -2px 0 #000, -2px -2px 0 #000, 0px 2px 0 #000, 0px -2px 0 #000, -2px 0px 0 #000, 2px 0px 0 #000, 1px 2px 0 #000, -1px 2px 0 #000, 1px -2px 0 #000, -1px -2px 0 #000, 2px 1px 0 #000, -2px 1px 0 #000, 2px -1px 0 #000, -2px -1px 0 #000}.coord-trainer .cg-wrap fieldnumber{font-size:24px}@media (min-width: 320px){.coord-trainer .cg-wrap fieldnumber{font-size:calc(24px + 20 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){.coord-trainer .cg-wrap fieldnumber{font-size:44px}}.coord-trainer .cg-wrap piece.ghost{opacity:0.52}#jqstooltip{box-sizing:content-box}