#trainer .explanation{text-shadow:0 1px 0 var(--c-font-shadow)}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3))}html.light .cmn-toggle input:disabled+label::before,.cmn-toggle html.light input:disabled+label::before,html.light .cmn-toggle input:disabled+label::after,.cmn-toggle html.light input:disabled+label::after{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5))}html.transp .cmn-toggle input:disabled+label::before,.cmn-toggle html.transp input:disabled+label::before,html.transp .cmn-toggle input:disabled+label::after,.cmn-toggle html.transp input:disabled+label::after{box-shadow:none}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{background-image:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom))}.cmn-toggle label::after,group.radio label,group.radio .label{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)),0 1px 3px 0 rgba(0,0,0,.2)}html.light .cmn-toggle label::after,.cmn-toggle html.light label::after,html.light group.radio label,group.radio html.light label,html.light group.radio .label,group.radio html.light .label{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 1px 3px 0 rgba(0,0,0,.18)}html.transp .cmn-toggle label::after,.cmn-toggle html.transp label::after,html.transp group.radio label,group.radio html.transp label,html.transp group.radio .label,group.radio html.transp .label{box-shadow:none}.cmn-toggle label::after,group.radio label,group.radio .label{background:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom));text-shadow:.5px .5px 0 rgb(from var(--c-dimmer) r g b/calc(alpha * 0.8)) !important}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,group.radio label:hover:not(.disabled,:disabled,[disabled]),group.radio .label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 1px 3px -2px var(--c-border-light),inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 2px 4px 0 rgba(0,0,0,.24)}html.light .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.light label:hover:not(.disabled,:disabled,[disabled])::after,html.light group.radio label:hover:not(.disabled,:disabled,[disabled]),group.radio html.light label:hover:not(.disabled,:disabled,[disabled]),html.light group.radio .label:hover:not(.disabled,:disabled,[disabled]),group.radio html.light .label:hover:not(.disabled,:disabled,[disabled]){box-shadow:inset 0 4px 3px -2px #fff,inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)),0 2px 4px 0 rgba(0,0,0,.21)}html.transp .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.transp label:hover:not(.disabled,:disabled,[disabled])::after,html.transp group.radio label:hover:not(.disabled,:disabled,[disabled]),group.radio html.transp label:hover:not(.disabled,:disabled,[disabled]),html.transp group.radio .label:hover:not(.disabled,:disabled,[disabled]),group.radio html.transp .label:hover:not(.disabled,:disabled,[disabled]){box-shadow:none}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,group.radio label:hover:not(.disabled,:disabled,[disabled]),group.radio .label:hover:not(.disabled,:disabled,[disabled]){background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover))}group.radio input:checked+label:not(.disabled):hover,group.radio input:checked+label{box-shadow:0 3px 4px rgba(0,0,0,.15) inset !important}group.radio input:checked+label{background:var(--c-accent);color:var(--c-over-accent);text-shadow:none !important}@media(hover: hover){group.radio input:checked+label:not(.disabled):hover{background:hsl(from var(--c-accent) h s calc(l + 5))}}.cmn-toggle label::before{font-size:1.2em;vertical-align:middle;font-family:lichess;font-style:normal;font-weight:normal;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate}.cmn-toggle input{touch-action:manipulation}.cmn-toggle input,group.radio input{position:absolute;inset-inline-start:-99999px}group.radio{display:flex;flex-flow:row wrap}group.radio label,group.radio .label{display:flex;flex-flow:row wrap;align-items:center;justify-content:center}#trainer .keyboard-container{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}#trainer .settings,#trainer .side,#trainer .table,#trainer .back{display:flex;flex-flow:column}#trainer .progress__bar,#trainer .progress,#zentog,group.radio{border-radius:7px}group.radio{box-shadow:0 2px 2px 0 rgba(0,0,0,.08),0 3px 1px -2px rgba(0,0,0,.18),0 1px 5px 0 rgba(0,0,0,.1)}html.transp group.radio{backdrop-filter:blur(6px)}body{---board-scale: 1}@media(min-width: 799.3px)and (min-height: 499.3px){body{---board-scale: calc((var(---zoom) / 100) * 0.75 + 0.25)}}body{---col2-uniboard-width: calc(min(calc(100vw - var(---block-gap) - 240px - 2 * var(---main-margin, 0px) - 20px), calc(100vh - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)) - 1rem)) * var(---board-scale));---col3-uniboard-width: calc(min(calc(100vw - var(---col3-uniboard-side-min, 250px) - var(---block-gap) - 240px - 2 * var(---main-margin, 0px) - 20px), calc(100vh - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)) - 1rem)) * var(---board-scale))}@media(max-width: 799.29px)and (orientation: portrait){.main-board cg-board{border-radius:0}}group.radio{overflow:hidden}group.radio div{flex:1 1 auto;position:relative}group.radio label,group.radio .label{user-select:none;padding:10px;height:100%;cursor:pointer;border-inline-end:1px solid var(--c-border)}group.radio label.disabled,group.radio .label.disabled{background:var(--c-metal-top)}html.light group.radio label.disabled,html.light group.radio .label.disabled{background:var(--c-metal-bottom)}@media(hover: hover){group.radio label:not(.disabled):hover,group.radio .label:not(.disabled):hover{background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover));text-shadow:0 1px 0 var(--c-font-shadow)}}group.radio div:last-child label{border-inline-end:0}group.radio input:focus-visible+label{outline:2px solid var(--c-primary);outline-offset:-2px}.cmn-toggle-wrap{display:inline-flex;align-items:center;gap:.8ch;cursor:pointer;user-select:none}.cmn-toggle label{user-select:none;transition:background 150ms ease,box-shadow 150ms ease;display:block;position:relative;cursor:pointer;outline:none;padding:1px;width:40px;height:24px;border:1px solid var(--c-border);border-radius:24px;background-clip:padding-box;background-color:var(--c-font-dimmer)}.cmn-toggle label::before,.cmn-toggle label::after{display:block;position:absolute;content:"";width:22px;height:22px;bottom:0}html:not([dir=rtl]) .cmn-toggle label::before,html:not([dir=rtl]) .cmn-toggle label::after{left:0}html[dir=rtl] .cmn-toggle label::before,html[dir=rtl] .cmn-toggle label::after{right:0}.cmn-toggle label::before{transition:margin 150ms ease,color 150ms ease;font-size:1em;z-index:1;text-align:center;line-height:22px;content:"";color:var(--c-font-dimmer);border-radius:100%}.cmn-toggle label::after{transition:margin 150ms ease,box-shadow 150ms ease;border-radius:100%}html.transp .cmn-toggle label::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 22%), hsl(var(---site-hue), 5%, 19%) 100%)}html.transp .cmn-toggle label:hover::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 26%), hsl(var(---site-hue), 5%, 23%) 100%)}.cmn-toggle input:checked+label{background-color:var(--c-good)}.cmn-toggle input:checked+label::before,.cmn-toggle input:checked+label::after{margin-inline-start:16px}.cmn-toggle input:checked+label::before{content:"";color:var(--c-good)}.cmn-toggle input:disabled+label{opacity:.6;cursor:not-allowed !important}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:none}.cmn-toggle input:focus-visible:not(:disabled)+label{box-shadow:0 0 12px var(--c-font-dimmer);border-color:var(--c-primary)}coords{font-size:8px}@media(min-width: 300px){coords{font-size:calc(8px + 4*(100vw - 300px)/900)}}@media(min-width: 1200px){coords{font-size:12px}}coords{user-select:none;position:absolute;display:flex;pointer-events:none;color:#fff;text-shadow:0 1px 2px #000;font-weight:bold}.coords-no coords{display:none}coords.ranks{flex-flow:column-reverse;top:1px;right:0;height:100%;width:.8em}coords.ranks.black{flex-flow:column}coords.files{bottom:0;left:0;text-align:left;flex-flow:row;width:100%;height:1.4em}coords.files.black{flex-flow:row-reverse}coords.files coord{padding-left:4px}coords coord{flex:1 1 auto}coords .is3d .cg-wrap coords coord{color:#fff !important;text-shadow:0 1px 2px #000 !important}coords .is3d .cg-wrap coords.files{bottom:calc(1px - 2.5%)}coords .is3d .cg-wrap coords.files coord{padding-left:3px}coords{text-shadow:var(---cg-cs, 0 1px 2px #000)}coords .coord-light{color:var(---cg-ccb, #fff)}coords .coord-dark{color:var(---cg-ccw, #fff)}@media(min-width: 799.3px),(orientation: landscape){.coords-out coords{text-shadow:none}.coords-out coords.ranks{right:-15px;top:0;width:12px}.coords-out coords.ranks coord{transform:translateY(42%)}.coords-out coords.files{bottom:-15px;left:0;text-align:center}.coords-out coords.ranks coord,.coords-out .is2d coords.files coord{color:var(--c-font-page) !important}}.sparkline{stroke:var(--c-primary);fill:color-mix(in oklab, var(--c-primary) 20%, var(--c-bg))}div.sparkline-box{position:relative}span.sparkline-tooltip{position:absolute;background:color-mix(in oklab, var(--c-primary) 20%, var(--c-bg));color:var(--c-primary);border:.2rem solid var(--c-primary);border-radius:.4rem;transform:translate(-50%, -150%);padding:.1rem .3rem;font-weight:bold;font-size:.8rem;z-index:99999}#zenzone{position:absolute;display:none;flex-flow:row nowrap;align-items:center;z-index:111}body.zenable.zen #zenzone{display:flex}#zenzone .zen-home{flex:0 0 4em;height:4em;padding:1em;background:center no-repeat url("../logo/lichess-white.svg")}html.light #zenzone .zen-home{background-image:url("../logo/lichess.svg")}#zenzone .zen-home{background-size:2em;opacity:.5}#zenzone .zen-home:hover{opacity:1}#zentog{flex:0 0 auto;padding:.2em 1em;opacity:.5}#zentog:hover{opacity:1}.fbt{color:var(--c-font);text-transform:uppercase;line-height:1.5;transition:all 150ms ease}@media(hover: hover){.fbt:hover:not(.disabled,[disabled]){background:color-mix(in oklab, var(--c-secondary) 75%, var(--c-bg));color:var(--c-over-mix)}}.fbt.active{background:var(--c-secondary) !important;color:var(--c-over-accent)}.fbt.disabled,.fbt[disabled]{opacity:.5;cursor:default}body.resizing{user-select:none}cg-resize{display:none}@media(min-width: 799.3px){cg-resize{display:block;position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;cursor:nwse-resize;z-index:10}cg-resize::before,cg-resize::after{background:#000;content:"";position:absolute;width:12px;height:1px;left:0}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:var(--c-accent-cloud)}.resizing cg-resize{border-radius:50%;background:rgb(from var(--c-secondary) r g b/calc(alpha * 0.5))}}#main-wrap{---main-max-width: calc(100vh - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)))}@media(min-width: 979.3px){#main-wrap{---main-max-width: auto}}.trainer{grid-area:main;display:grid;grid-template-areas:"board" "progress" "co-input" "table" "side";row-gap:var(---block-gap)}.trainer .side{grid-area:side}.trainer .main-board{grid-area:board}.trainer svg.coords-svg{grid-area:board}.trainer .table{grid-area:table}.trainer .progress{grid-area:progress}.trainer .coordinate-input{grid-area:co-input}@media(min-width: 979.3px){.trainer{grid-template-columns:var(---col2-uniboard-width) var(---block-gap) minmax(240px, 400px);grid-template-rows:fit-content(0);grid-template-areas:"board    . table" "board    . side" "progress . side" "co-input . side" ".        . side"}}@media(min-width: 1259.3px){.trainer{grid-template-areas:"side . board    . table" "side . progress . ." "side . co-input . ." "side . .        . .";grid-template-columns:minmax(var(---col3-uniboard-side-min, 250px), 350px) var(---block-gap) var(---col3-uniboard-width) var(---block-gap) minmax(240px, 400px)}}@media(max-width: 979.29px){.explanation{order:2;margin:2em 1em 0 1em}}.zen #friend_box,.zen .site-title-nav,.zen .site-buttons,.zen .score,.zen .timer,.zen .trainer .side,.trainer .zen .side,.zen .trainer .progress,.trainer .zen .progress{display:none}svg.coords-svg{user-select:none;z-index:3;width:100%;height:100%;pointer-events:none}svg.coords-svg text{font-weight:bold;direction:ltr;text-shadow:0 10px 10px #444}svg.coords-svg g.current{transform:translate3d(22px, 60px, 0);opacity:.8;animation:slide-in-current 150ms}svg.coords-svg g.current text{fill:#fff;font-size:30px;animation:enlarge-current 150ms}svg.coords-svg g.current{transition:opacity 150ms ease,transform 150ms ease}svg.coords-svg g.next{transform:translate3d(64px, 64px, 0);opacity:.7;animation:slide-in-next 150ms}svg.coords-svg g.next text{fill:#eee;font-size:12px}@keyframes slide-in-current{from{transform:translate3d(64px, 64px, 0);opacity:.7}to{transform:translate3d(22px, 60px, 0);opacity:.8}}@keyframes enlarge-current{from{font-size:12px}to{font-size:30px}}@keyframes slide-in-next{from{transform:translate3d(84px, 64px, 0);opacity:0}to{transform:translate3d(64px, 64px, 0);opacity:.7}}rect.next-target{stroke:gray}rect.current-target{animation:expand-and-shrink 175ms linear;stroke:var(--c-secondary)}@keyframes expand-and-shrink{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}#trainer .wrong .progress__bar{background-color:var(--c-bad)}#trainer .wrong .score{color:var(--c-bad) !important}#trainer .wrong .coord--current{fill:var(--c-bad) !important}#trainer .wrong .current-target{stroke:var(--c-bad)}#trainer .score,#trainer .timer{font-family:storm;font-size:5em;margin:var(---block-gap)}#trainer .hurry{color:var(--c-brag) !important}#trainer .box{padding:var(---block-gap)}#trainer .box h1{margin-bottom:1rem}#trainer icon{display:block;width:30px;height:30px;background-size:100%;background-repeat:no-repeat;padding:0}#trainer .current-status{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#trainer .current-status--color{flex-flow:row}#trainer .current-status--color icon{width:60px;height:60px}#trainer .mode_option,#trainer .timeControl_option{width:50%}#trainer .timeControl_untimed{font-size:1.5em;line-height:1em}#trainer .color_white icon{background-image:url("../hashed/wK.6a015951.svg")}#trainer .color_random icon{background-image:url("../hashed/wbK.54c731a7.svg")}#trainer .color_black icon{background-image:url("../hashed/bK.b83f0a15.svg")}#trainer .scores{display:flex;flex-direction:column;row-gap:1em}#trainer .back{align-items:center;margin-top:var(---block-gap)}#trainer .back-button{font-size:1.5em;text-transform:uppercase}#trainer .progress{background-color:var(--c-bg-zebra)}#trainer .progress__bar{width:100%;height:10px;background-color:var(--c-secondary)}#trainer .table{align-items:center;justify-content:space-around;gap:1em}#trainer .explanation li{list-style:outside disc;margin:.5em 0 .5em 1em}#trainer .explanation strong{display:block;margin:1em 0 .5em 0}#trainer .start{width:fit-content}#trainer .coordinate-input{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"buttons buttons" "voice voice" "keyboard keyboard";row-gap:1vh}@media(min-width: 649.3px){#trainer .coordinate-input{grid-template-areas:"keyboard voice" "buttons buttons"}}#trainer .keyboard-container{grid-area:keyboard;width:100%}#trainer .keyboard-container a{margin-right:2vw}#trainer .keyboard-container input.keyboard{width:4em;margin-inline-end:1em}#trainer .keyboard-container.hidden{display:none}#trainer .voice-container{grid-area:voice}#trainer .files-ranks{grid-area:buttons;display:grid;width:100%;grid-template-columns:repeat(8, 1fr)}#trainer .files-ranks button.file-rank{height:3em;border-width:3px;font-weight:bold}#trainer .side{gap:var(---block-gap)}#trainer .settings{gap:var(---block-gap)}