.ct-board-web{width:100%;height:100%;position:relative}.ct-cg{border-radius:3px;width:100%;height:100%;overflow:hidden}.ct-static-pieces{pointer-events:none;position:absolute;inset:0}.ct-static-piece{width:12.5%;height:12.5%;position:absolute}.ct-static-piece svg{width:100%;height:100%}.ct-static-pieces coords{pointer-events:none;display:flex;position:absolute}.ct-static-pieces coords.ranks{flex-flow:column-reverse}.ct-static-pieces coords.ranks.black{flex-flow:column}.ct-static-pieces coords.files{flex-flow:row}.ct-static-pieces coords.files.black{flex-flow:row-reverse}.ct-cg:not(.cg-wrap),.ct-cg cg-board{background:conic-gradient(var(--ct-board-dark) 0 25%, var(--ct-board-light) 0 50%, var(--ct-board-dark) 0 75%, var(--ct-board-light) 0) 0 0 / 25% 25%}.ct-cg cg-board square.last-move{background-color:var(--ct-board-last)}.ct-cg cg-board square.selected{background-color:var(--ct-board-sel)}.ct-cg cg-board square.move-dest{background:radial-gradient(var(--ct-board-hint) 22%, transparent 23%)}.ct-cg cg-board square.oc.move-dest{background:radial-gradient(transparent 76%, var(--ct-board-hint) 77%)}.ct-cg cg-board square.move-dest:hover{background:var(--ct-board-hover)}.ct-cg cg-board square.check{background:radial-gradient(circle,#ff3b30e6 0%,#ff3b3080 40%,#ff3b3000 72%)}:is(.ct-cg,.ct-static-pieces) coords{opacity:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:700;font-size:max(10px, calc(var(--board,480px) * .026))}:is(.ct-cg,.ct-static-pieces) coords.ranks{width:12.5%;height:100%;top:0;left:0}:is(.ct-cg,.ct-static-pieces) coords.ranks coord{flex:1 1 0;padding:2px 0 0 3px;transform:none}:is(.ct-cg,.ct-static-pieces) coords.files{text-transform:none;align-items:flex-end;width:100%;height:12.5%;bottom:0;left:0}:is(.ct-cg,.ct-static-pieces) coords.files coord{text-align:right;flex:1 1 0;padding:0 3px 1px 0}:is(.ct-cg,.ct-static-pieces) coords coord{color:var(--ct-board-coordOnLight)}:is(.ct-cg,.ct-static-pieces) coords:not(.black) coord:nth-child(odd),:is(.ct-cg,.ct-static-pieces) coords.black coord:nth-child(2n){color:var(--ct-board-coordOnDark)}.ct-cg piece,.ct-static-piece{filter:var(--ct-piece-filter)}[data-ct=eval]>div:first-child{transition:height .3s,top .3s,bottom .3s}.ct-cg cg-board square.current-premove{background-color:#608cff80}.ct-cg cg-board square.premove-dest{background:radial-gradient(#608cff8c 22%,#0000 23%)}.ct-cg cg-board square.oc.premove-dest{background:radial-gradient(#0000 76%,#608cff8c 77%)}@keyframes ct-king-tilts{0%{rotate:0deg}to{rotate:-18deg}}.ct-mated-white .cg-wrap piece.white.king,.ct-mated-black .cg-wrap piece.black.king{background-size:0 0}.ct-mated-white .cg-wrap piece.white.king:after,.ct-mated-black .cg-wrap piece.black.king:after{content:"";background-image:inherit;filter:drop-shadow(0 0 3px var(--ct-danger)) drop-shadow(0 0 1px var(--ct-danger));background-repeat:no-repeat;background-size:cover;animation:.5s ease-out .25s both ct-king-tilts;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ct-mated-white .cg-wrap piece.white.king:after,.ct-mated-black .cg-wrap piece.black.king:after{animation:none;rotate:-18deg}}@keyframes ct-visor-pulse{0%,to{opacity:1}50%{opacity:.3}}[data-ct~=loader] .ct-visor{animation:1.6s ease-in-out infinite ct-visor-pulse}@keyframes ct-loader-in{0%{opacity:0}}[data-ct~=loader]{animation:.25s ease-out ct-loader-in}[data-ct~=loader][data-ct~=start]{animation:.25s ease-out 1s backwards ct-loader-in}html[data-ct-start=fresh] [data-ct~=loader][data-ct~=start]{display:none}@keyframes ct-bar-run{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ct-board-web{transition:opacity .25s ease-out}[data-ct~=startbar]~.ct-board-web{opacity:.6;transition:opacity .25s ease-out .5s}@starting-style{[data-ct~=startbar]~.ct-board-web{opacity:1}}[data-ct~=startbar]{animation:.25s ease-out 1s backwards ct-loader-in}html:not([data-ct-start=fresh]) [data-ct~=startbar]{display:none}[data-ct~=startbar]:before{content:"";background:var(--ct-accent);border-radius:2px;width:40%;animation:1.1s ease-in-out infinite ct-bar-run;position:absolute;top:0;bottom:0;left:0}@media (prefers-reduced-motion:reduce){[data-ct~=loader] .ct-visor,[data-ct~=loader]{animation:none}[data-ct~=loader][data-ct~=start],[data-ct~=startbar]{animation:1ms linear 1s backwards ct-loader-in}[data-ct~=startbar]:before{width:100%;animation:none}.ct-board-web{transition:none}[data-ct~=startbar]~.ct-board-web{transition:opacity 1ms linear .5s}}