group.radio label{background:linear-gradient(to bottom, hsl(0, 0%, 96%) 0%, hsl(0, 0%, 93%) 100%);text-shadow:0 1px 0 #fff}group.radio label:hover{background:linear-gradient(to bottom, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);text-shadow:0 1px 0 #fff}group.radio input:checked+label{box-shadow:0 3px 4px rgba(0,0,0,.15) inset}group.radio input:checked+label{background:#d64f00;color:#fff;text-shadow:0 1px 1px #000 !important}.fbt{background:none;border:none;outline:none;color:#4d4d4d}group.radio{display:flex;flex-flow:row wrap}.coord-trainer__table,.coord-trainer .next_coord,group.radio label{display:flex;flex-flow:row wrap;align-items:center}.coord-trainer .progress_bar,group.radio{border-radius:3px}group.radio{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)}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}}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;user-select:none}group.radio div:last-child label{border-right:0}.sparkline{stroke:#1b78d0;fill:#d1e4f6}#zentog{position:absolute;padding:.5em 1em;opacity:.5;z-index:110;display:none;border-bottom-right-radius:3px}body.playing.zen #zentog{display:block}#zentog:hover{opacity:1}.fbt{text-transform:uppercase;line-height:1.5;transition:all 150ms}@media(hover: hover){.fbt:hover:not(.disabled):not([disabled]){background:#89b35b;color:#fff}}.fbt.active{background:#629924 !important;color:#fff}.fbt.disabled,.fbt[disabled]{opacity:.5;cursor:default}@font-face{font-family:"storm";font-style:normal;font-weight:400;src:url("../font/Segment7.woff2") format("woff2"),url("../font/Segment7.woff") format("woff")}.zen .coord-trainer__score,.zen .coord-trainer__timer,.zen .coord-trainer__progress,.zen .coord-trainer__side,.zen #friend_box,.zen .site-title-nav,.zen .site-buttons{display:none}#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,.coord-trainer__timer{font-family:"storm";font-size:5em;margin:2vmin}.coord-trainer .hurry{color:#c33 !important}@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;margin-top:2vmin}.coord-trainer .box h1{font-size:1.5em;padding:0 !important;text-align:center}.coord-trainer .box p{margin-top:1em}.coord-trainer .box.current-status{width:100%;display:flex;flex-direction:column;align-items:center}.coord-trainer form.playerIndex{margin-top:2vmin}.coord-trainer form.playerIndex .playerIndex i{display:block;width:30px;height:30px;background-size:30px 30px;background-repeat:no-repeat;padding:0}.coord-trainer form.playerIndex .playerIndex_1 i{background-image:url(../piece/chess/cburnett/wK.svg)}.coord-trainer form.playerIndex .playerIndex_2 i{background-image:url(../piece/chess/wbK.svg)}.coord-trainer form.playerIndex .playerIndex_3 i{background-image:url(../piece/chess/cburnett/bK.svg)}.coord-trainer .next_coord{z-index:2;justify-content:center;position:absolute;top:0;left:0;width:90%;height:100%;font-size:180px;font-weight:bold;opacity:1;pointer-events:none;color:#eee;text-shadow:0 10px 10px #444;opacity:.8;transition:all 150ms}.coord-trainer #next_coord0{color:#fff}.coord-trainer #next_coord1{left:26%;top:10%;font-size:75px;opacity:.7}.coord-trainer #next_coord1,.coord-trainer #next_coord0{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 li{list-style:outside disc;margin:.5em 0 .5em 1em}.coord-trainer.wrong .progress_bar{background-color:#c33}.coord-trainer.wrong .coord-trainer__score,.coord-trainer.wrong #next_coord0{color:#c33 !important}.coord-trainer.play .start,.coord-trainer #next_coord,.coord-trainer.play form.playerIndex{display:none}.coord-trainer.play #next_coord{display:block}@media(max-width: 979px){.coord-trainer.init .coord-trainer__score,.coord-trainer.init .coord-trainer__progress{display:none}.coord-trainer.init .explanation{order:2;margin-top:1em}}.coord-trainer.init .coord-trainer__score,.coord-trainer.init .coord-trainer__progress,.coord-trainer.init .current-status{opacity:0}.coord-trainer.init form.playerIndex{margin-bottom:2vmin}.coord-trainer .cg-wrap fieldnumber{position:absolute;pointer-events:none;user-select:none;color:#fff;opacity:.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:.52}#jqstooltip{box-sizing:content-box}