@charset "UTF-8";.board-images{position:absolute;-ms-overflow-style:none}.board-images ::-webkit-scrollbar{display:none}.board-images:not(.board-images--palette){z-index:10}.board-images:not(.board-images--palette) .board-images__window{border-radius:1.25rem}.board-images__title{white-space:nowrap;position:absolute;opacity:.8;font-size:small;pointer-events:none;left:0;right:0;width:100%;top:0;padding:.5rem 0;text-align:center;background-color:#fff;border-radius:1.25rem;color:#312e2b}.board-images__window{width:100%;height:100%;padding:3%;background-color:#fff;-webkit-box-shadow:0 7px 9.5px .5px rgba(0,0,0,.2);box-shadow:0 7px 9.5px .5px #0003;overflow:scroll;scrollbar-width:none}.board-images__window-body>div:not(:last-child){border-bottom:1px solid lightgray}.board-images__hover-container{position:relative}.board-images__effects-container{width:100%}.board-images__effect{border:2px solid transparent;border-radius:3px;cursor:pointer;padding:3%;display:-webkit-inline-box;display:inline-flex}.board-images__effect.selected{border:2px solid #85a94e}.board-images__break{display:-webkit-inline-box;display:inline-flex}.board-images__image{width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.board-images__hover{border:2px solid #85a94e;border-radius:3px;position:absolute;pointer-events:none}.board-images__close-button{position:absolute;width:15%;height:0;padding-bottom:15%;top:0;pointer-events:none}.board-images__close-button>div{pointer-events:auto;cursor:pointer;position:absolute;height:100%;width:100%;top:-50%}.board-images.horizontal-overflow .board-images__close-button{right:0}.board-images.horizontal-overflow .board-images__close-button>div{right:-50%}.board-images:not(.horizontal-overflow) .board-images__close-button{left:0}.board-images:not(.horizontal-overflow) .board-images__close-button>div{left:-50%}.board-images--hidden{display:none}.board .custom-item__frame{opacity:1;overflow:hidden}.board .custom-item__frame div{width:115%;height:115%;margin:-7.5%;-webkit-filter:drop-shadow(0 .5rem 0 rgba(0,0,0,.3));filter:drop-shadow(0 .5rem 0 rgba(0,0,0,.3));opacity:1}.board .custom-item__frame--animated div{width:100%;height:100%;margin:0}.board .custom-item__frame--disappear{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0}.boxing-glove-cursor{height:var(--boxing-glove-size, 48px);left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity .12s ease;transition:opacity .12s ease;width:var(--boxing-glove-size, 48px);z-index:50}.boxing-glove-cursor img{display:block;height:100%;width:100%}.boxing-glove-cursor--active{opacity:1}.boxing-glove-cursor--punch img{-webkit-animation:boxing-glove-punch .2s cubic-bezier(.22,1,.36,1) forwards;animation:boxing-glove-punch .2s cubic-bezier(.22,1,.36,1) forwards}.boxing-glove-stars{left:0;pointer-events:none;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:51}.boxing-glove-star{--dx: 0;--dy: 0;-webkit-animation:boxing-glove-star .52s ease-out forwards;animation:boxing-glove-star .52s ease-out forwards;background:#ffd54f;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px #00000040;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:48px;position:absolute;width:48px}@-webkit-keyframes boxing-glove-punch{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes boxing-glove-punch{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes boxing-glove-star{0%{opacity:1;-webkit-transform:translate(0,0) scale(1);transform:translate(0) scale(1)}to{opacity:0;-webkit-transform:translate(var(--dx),var(--dy)) scale(.25);transform:translate(var(--dx),var(--dy)) scale(.25)}}@keyframes boxing-glove-star{0%{opacity:1;-webkit-transform:translate(0,0) scale(1);transform:translate(0) scale(1)}to{opacity:0;-webkit-transform:translate(var(--dx),var(--dy)) scale(.25);transform:translate(var(--dx),var(--dy)) scale(.25)}}.board-disabled *:not(canvas){pointer-events:none}.sibling-board{background-size:100%;display:block;height:0;padding-bottom:100%;position:relative;width:100%}.sibling-board.board{height:auto;margin-left:10%;padding-bottom:90%;width:90%}.sibling-board.board.board-webgl-3d{margin-left:7.5%;padding-bottom:69.369%;width:92.5%}.sibling-board.board.board-webgl-3d canvas,.sibling-board.board.board-webgl-2d canvas{position:absolute}.variation-content{display:-webkit-box;display:flex;height:-moz-max-content;height:-webkit-max-content;height:max-content;line-height:16px;margin-bottom:4px;margin-top:4px}.variation-content .inline-variation-paren{color:var(--nodeColor)}.variation-content .move-number{margin-left:4px}.variation-content .move-number.start{margin-left:0}.variation-content .inline-move{display:inline-block}.variation-row-indent{display:-webkit-box;display:flex}.variation-row-indent .vertical-line{border-left:1.5px solid var(--color-gray-500);display:inline-block;margin:0;width:16px}.variation-row-indent .vertical-line.trim-top{margin-top:4px}.variation-row-indent .vertical-line.trim-bottom{margin-bottom:4px}.dark-mode .variation-row-indent .vertical-line{border-left-color:var(--color-transparent-white-40)}.variation-row-indent .vertical-line:first-of-type{width:48px}.variation-row{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:0;flex-grow:0;font-weight:600;line-height:30px;overflow:hidden;padding-left:17px;padding-right:15px;position:relative;width:100%}.chessboard-pkg-move-list-component{--timeBarMaxWidth: 45px;--timeMaxValue: 0;--whiteNodeSpace: 4rem;--blackNodeSpace: 14rem;color:var(--color-text-subtle);font-size:13px;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark-mode .chessboard-pkg-move-list-component .dark-row{background-color:#ffffff05}.dark-mode .chessboard-pkg-move-list-component .time-white:after{background-color:var(--color-transparent-white-85)}.dark-mode .chessboard-pkg-move-list-component .time-black:after{background-color:var(--color-transparent-white-25)}.chessboard-pkg-move-list-component .icon-font-chess{display:inline-block;font-size:2.3rem;margin-right:.1rem;margin-top:-.3rem}.chessboard-pkg-move-list-component .dark-row{background-color:var(--color-gray-75)}.chessboard-pkg-move-list-component .main-line-row{-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:600;height:30px;line-height:30px;overflow:hidden;padding:0 15px;position:relative;width:100%}.chessboard-pkg-move-list-component .main-line-row .node{font-weight:700}.chessboard-pkg-move-list-component .main-line-row .move-info-icon{--tooltip-top: 1px;cursor:pointer;display:inline-block;margin-left:5px;margin-top:0;vertical-align:top}.chessboard-pkg-move-list-component .main-line-row .move-info-icon:before{display:contents}.chessboard-pkg-move-list-component .main-line-row .move-info-icon[data-tooltip]:after{margin-top:24px;position:fixed;top:var(--tooltip-top);-webkit-transform:translateX(-50%);transform:translate(-50%);-webkit-transition:opacity .16s;transition:opacity .16s;white-space:initial;z-index:1000}.chessboard-pkg-move-list-component .main-line-row .move-info-icon[data-tooltip][data-tooltip-position=top]:after{bottom:initial;left:initial;margin-top:0;right:initial;top:var(--tooltip-top);-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.chessboard-pkg-move-list-component .main-line-row .move-info-icon .circle-info:before{content:")"}.chessboard-pkg-move-list-component .main-line-row .move-info-icon .redo:before{content:"ἢ"}.chessboard-pkg-move-list-component [data-node]:not(.selected){cursor:pointer}.chessboard-pkg-move-list-component .node{display:inline-block}.chessboard-pkg-move-list-component .node .node-annotation-icon{float:left;position:relative;top:4px;width:20px}.chessboard-pkg-move-list-component .node .node-highlight-content{color:var(--nodeColor);display:inline-block;height:24px;line-height:24px;padding:0 4px}.chessboard-pkg-move-list-component .node .node-highlight-content.offset-for-annotation-icon{margin-left:20px}.chessboard-pkg-move-list-component .node .node-highlight-content.limit-begin{background-color:#2a442a;border:2px solid #4ca64c;border-radius:2px;color:var(--nodeLimit);font-weight:900}.chessboard-pkg-move-list-component .node .node-highlight-content.limit-end{background-color:#442a2a;border:2px solid #a64c4c;border-radius:2px;color:var(--nodeLimit);font-weight:900}.chessboard-pkg-move-list-component .node .node-highlight-content.limit-focus{background-color:#2a2a44;border:2px solid #4c4ca6;border-radius:2px;color:var(--nodeLimit)}.chessboard-pkg-move-list-component .node .node-highlight-content.limit-focus.limit-begin{background-color:#2a442a}.chessboard-pkg-move-list-component .node .node-highlight-content.limit-focus.limit-end{background-color:#442a2a}.chessboard-pkg-move-list-component .node .node-highlight-content.selected{background-color:var(--nodeBackground);border-bottom-style:solid;border-bottom-width:3px;border-color:var(--nodeBorder);border-radius:2px;color:var(--nodeColorSelected);cursor:default}.dark-mode .chessboard-pkg-move-list-component .node .node-highlight-content.selected{background-color:var(--color-transparent-white-14);border-color:var(--color-transparent-white-10)}.chessboard-pkg-move-list-component .node .node-highlight-content.selected.limit-begin{border:2px solid #4ca64c}.chessboard-pkg-move-list-component .node .node-highlight-content.selected.limit-end{border:2px solid #a64c4c}.chessboard-pkg-move-list-component .node .node-highlight-content.selected.limit-focus{border:2px solid #4c4ca6}.chessboard-pkg-move-list-component.movelist-colored .node{color:var(--nodeCustomColor, --nodeColor)}.dark-mode .chessboard-pkg-move-list-component.movelist-colored .node{color:var(--nodeCustomColor, var(--color-transparent-white-72))}.chessboard-pkg-move-list-component .main-line-ply{position:absolute;white-space:nowrap}.chessboard-pkg-move-list-component .main-line-ply.white-move{left:var(--whiteNodeSpace)}.chessboard-pkg-move-list-component .main-line-ply.black-move{left:var(--blackNodeSpace)}.chessboard-pkg-move-list-component .main-line-ply.empty{color:var(--nodeColor);margin-left:26px}.chessboard-pkg-move-list-component .game-result{left:var(--whiteNodeSpace)}.chessboard-pkg-move-list-component .time-white,.chessboard-pkg-move-list-component .time-black{font-size:10px;height:10px;line-height:10px;position:absolute;right:5px;white-space:nowrap;width:var(--timestampWidth)}.chessboard-pkg-move-list-component .time-white:after,.chessboard-pkg-move-list-component .time-black:after{background-clip:content-box;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:10px;left:-3px;max-width:var(--timeBarLimit);min-width:2px;position:absolute;-webkit-transform:translateX(-100%);transform:translate(-100%);width:calc(var(--timeValue) / var(--timeMaxValue) * var(--timeBarMaxWidth))}.chessboard-pkg-move-list-component .timestamps-with-base-time .time-white:after,.chessboard-pkg-move-list-component .timestamps-with-base-time .time-black:after{width:var(--timeBarWidth)}.chessboard-pkg-move-list-component .time-white{top:4px}.chessboard-pkg-move-list-component .time-white:after{background-color:var(--color-transparent-black-20);top:0}.chessboard-pkg-move-list-component .time-black{bottom:3px}.chessboard-pkg-move-list-component .time-black:after{background-color:#000c;bottom:-1px}.chessboard-pkg-move-list-component .trailing-san-figurine{margin-left:4px}.toggle-timestamps>.main-line-row .time-white,.toggle-timestamps>.main-line-row .time-black{color:transparent;width:0}.toggle-timestamps>.main-line-row:hover .time-white,.toggle-timestamps>.main-line-row:hover .time-black{color:var(--color-gray-500);width:auto}.dark-mode .toggle-timestamps>.main-line-row:hover .time-white,.dark-mode .toggle-timestamps>.main-line-row:hover .time-black{color:var(--color-transparent-white-50)}.toggle-timestamps>.main-line-row:hover .time-white:after,.toggle-timestamps>.main-line-row:hover .time-black:after{visibility:hidden}[data-tooltip]{position:relative}[data-tooltip]:after{opacity:0;pointer-events:none;position:absolute;-webkit-transition:all .16s ease-out .08s;transition:all .16s ease-out .08s;z-index:1;background-color:var(--color-transparent-black-77);border-radius:2px;color:var(--color-neutrals-white);content:attr(data-tooltip);font-size:1.4rem;font-weight:600;max-width:200px;padding:5px 8px;text-align:center;white-space:nowrap}[data-tooltip]:before{opacity:0;pointer-events:none;position:absolute;-webkit-transition:all .16s ease-out .08s;transition:all .16s ease-out .08s;z-index:1;border:5px solid transparent;content:"";height:0;width:0}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1}[data-tooltip][data-tooltip-position=bottom]:after,[data-tooltip][data-tooltip-position=bottom]:before{left:50%;top:100%;-webkit-transform:translate3d(-50%,-4px,0);transform:translate3d(-50%,-4px,0)}[data-tooltip][data-tooltip-position=bottom]:after{margin-top:10px}[data-tooltip][data-tooltip-position=bottom]:before{border-bottom-color:var(--color-transparent-black-77)}[data-tooltip][data-tooltip-position=bottom]:hover:after,[data-tooltip][data-tooltip-position=bottom]:hover:before{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}[data-tooltip][data-tooltip-position=left]:after,[data-tooltip][data-tooltip-position=left]:before{right:100%;top:50%;-webkit-transform:translate3d(4px,-50%,0);transform:translate3d(4px,-50%,0)}[data-tooltip][data-tooltip-position=left]:after{margin-right:10px}[data-tooltip][data-tooltip-position=left]:before{border-left-color:var(--color-transparent-black-77)}[data-tooltip][data-tooltip-position=left]:hover:after,[data-tooltip][data-tooltip-position=left]:hover:before{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}[data-tooltip][data-tooltip-position=right]:after,[data-tooltip][data-tooltip-position=right]:before{left:100%;top:50%;-webkit-transform:translate3d(-4px,-50%,0);transform:translate3d(-4px,-50%,0)}[data-tooltip][data-tooltip-position=right]:after{margin-left:10px}[data-tooltip][data-tooltip-position=right]:before{border-right-color:var(--color-transparent-black-77)}[data-tooltip][data-tooltip-position=right]:hover:after,[data-tooltip][data-tooltip-position=right]:hover:before{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}[data-tooltip][data-tooltip-position=top]:after,[data-tooltip][data-tooltip-position=top]:before{bottom:100%;left:50%;-webkit-transform:translate3d(-50%,4px,0);transform:translate3d(-50%,4px,0)}[data-tooltip][data-tooltip-position=top]:after{margin-bottom:10px}[data-tooltip][data-tooltip-position=top]:before{border-top-color:var(--color-transparent-black-77)}[data-tooltip][data-tooltip-position=top]:hover:after,[data-tooltip][data-tooltip-position=top]:hover:before{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}:root{--nodeBackground: #fff35f;--nodeBorder: rgba(0, 0, 0, .05);--nodeColor: var(--color-gray-900);--nodeColorSelected: var(--color-gray-900);--nodeNumber: var(--color-gray-700);--nodeLimit: var(--color-transparent-white-95)}:global(.dark-mode){--nodeBackground: rgba(255, 255, 0, .2);--nodeBorder: rgba(255, 255, 0, .4);--nodeColor: var(--color-transparent-white-72);--nodeColorSelected: var(--color-neutrals-white);--nodeNumber: var(--color-transparent-white-50);--nodeLimit: var(--color-transparent-white-72)}.vertical-move-list{--timeBarMaxWidth: 65px;--timeMaxValue: 0;--whiteNodeSpace: 4rem;--blackNodeSpace: 12rem;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark-mode .vertical-move-list .move{color:var(--color-transparent-white-50)}.dark-mode .vertical-move-list .move:nth-child(2n){background-color:var(--color-transparent-white-2)}.dark-mode .vertical-move-list .time-white:after{background-color:var(--color-transparent-white-85)}.dark-mode .vertical-move-list .time-black:after{background-color:var(--color-transparent-white-25)}.vertical-move-list .move{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-gray-900);font-size:13px;font-weight:600;height:30px;line-height:30px;overflow:hidden;padding:0 5px 0 15px;position:relative;width:100%}.vertical-move-list .move:nth-child(2n){background-color:var(--color-gray-75)}.vertical-move-list .move .node{font-weight:700}.vertical-move-list .move .node .icon-font-chess{display:inline-block;font-size:2.3rem;margin-right:.2rem;margin-top:-1.3rem}.vertical-move-list .move .node .move-info-icon{--tooltip-top: 1px;cursor:pointer;display:inline-block;margin-left:5px;margin-top:0;vertical-align:top}.vertical-move-list .move .node .move-info-icon:before{display:contents}.vertical-move-list .move .node .move-info-icon[data-tooltip]:after{margin-top:24px;position:fixed;top:var(--tooltip-top);-webkit-transform:translateX(-50%);transform:translate(-50%);-webkit-transition:opacity .16s;transition:opacity .16s;white-space:initial;z-index:9999}.vertical-move-list .move .node .move-info-icon[data-tooltip][data-tooltip-position=top]:after{bottom:initial;left:initial;margin-top:0;right:initial;top:initial;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.vertical-move-list .move .node .move-info-icon .circle-info:before{content:")"}.vertical-move-list .move .node .move-info-icon .redo:before{content:"ἢ"}.vertical-move-list [data-ply]:not(.selected){cursor:pointer}.vertical-move-list .white,.vertical-move-list .black{height:24px;line-height:24px;min-width:40px;padding:0 4px;position:absolute;top:3px}.dark-mode .vertical-move-list .white,.dark-mode .vertical-move-list .black{color:var(--color-transparent-white-72)}.vertical-move-list .white.selected,.vertical-move-list .black.selected{background-color:var(--nodeBackground);border-bottom-style:solid;border-bottom-width:3px;border-color:var(--nodeBorder);border-radius:2px;color:var(--nodeColorSelected);cursor:default}.dark-mode .vertical-move-list .white.selected,.dark-mode .vertical-move-list .black.selected{background-color:var(--color-transparent-white-14);border-color:var(--color-transparent-white-10)}.vertical-move-list.movelist-colored .node{color:var(--nodeCustomColor, --nodeColor)}.dark-mode .vertical-move-list.movelist-colored .node{color:var(--nodeCustomColor, var(--color-transparent-white-72))}.vertical-move-list .white{left:var(--whiteNodeSpace)}.vertical-move-list .black{left:var(--blackNodeSpace)}.vertical-move-list .time-white,.vertical-move-list .time-black{font-size:10px;height:10px;line-height:10px;position:absolute;right:5px;width:var(--timestampWidth)}.vertical-move-list .time-white:after,.vertical-move-list .time-black:after{background-clip:content-box;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:10px;left:-3px;max-width:var(--timeBarLimit);min-width:2px;position:absolute;-webkit-transform:translateX(-100%);transform:translate(-100%);width:calc(var(--timeValue) / var(--timeMaxValue) * var(--timeBarMaxWidth))}.vertical-move-list.timestamps-with-base-time .time-white:after,.vertical-move-list.timestamps-with-base-time .time-black:after{width:var(--timeBarWidth)}.vertical-move-list .time-white{top:4px}.vertical-move-list .time-white:after{background-color:var(--color-transparent-black-20);top:0}.vertical-move-list .time-black{bottom:3px}.vertical-move-list .time-black:after{background-color:#000c;bottom:-1px}.toggle-timestamps>.move .time-white,.toggle-timestamps>.move .time-black{color:transparent;width:0}.toggle-timestamps>.move:hover .time-white,.toggle-timestamps>.move:hover .time-black{color:var(--color-gray-500);width:auto}.dark-mode .toggle-timestamps>.move:hover .time-white,.dark-mode .toggle-timestamps>.move:hover .time-black{color:var(--color-transparent-white-50)}.toggle-timestamps>.move:hover .time-white:after,.toggle-timestamps>.move:hover .time-black:after{visibility:hidden}.effect{--icon-bg-scale: 1;background-clip:content-box;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:12.5%;left:5.5%;padding:3.75%;pointer-events:none;position:absolute;top:-5.5%;width:12.5%;z-index:1}.effect.tuck-right{margin-left:-2%}.effect.tuck-top{margin-top:2%}.effect.fade-in{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fade-in-animation;animation-name:fade-in-animation;-webkit-animation-timing-function:cubic-bezier(0,0,.4,1);animation-timing-function:cubic-bezier(0,0,.4,1)}.effect.fade-out{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fade-out-animation;animation-name:fade-out-animation;-webkit-animation-timing-function:cubic-bezier(0,0,.4,1);animation-timing-function:cubic-bezier(0,0,.4,1)}.effect .icon-background{-webkit-transform:scale(var(--icon-bg-scale));transform:scale(var(--icon-bg-scale));-webkit-transform-origin:center;transform-origin:center}.effect .scale-animation{--icon-bg-scale: 2;-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.4,1);transition:-webkit-transform .3s cubic-bezier(0,0,.4,1);transition:transform .3s cubic-bezier(0,0,.4,1);transition:transform .3s cubic-bezier(0,0,.4,1),-webkit-transform .3s cubic-bezier(0,0,.4,1)}.effect svg{overflow:visible}.effects{pointer-events:none;position:absolute}.flipped .effects{-webkit-transform:scale(-1,-1);transform:scale(-1)}@-webkit-keyframes fade-in-animation{0%{opacity:0}to{opacity:1}}@keyframes fade-in-animation{0%{opacity:0}to{opacity:1}}.animated-effect{--first-step-duration: .3s;--second-step-duration: .3s;--delay: .7s;--square-alpha: .8;--icon-bg-scale: 1;--y-position: calc( 0% + var(--inset-y-factor) );--x-position: calc( 100% + var(--inset-x-factor) );--text-x-position: var(--x-position);--text-y-position: var(--y-position);--text-line-height: calc( var(--line-height-ratio) * var(--square-size) );--icon-starting-y: 62.5%;--text-translate-x: -50%;--text-translate-y: -50%;--icon-bg-translate-x: -50%;--icon-bg-translate-y: -50%;--icon-translate-x: -50%;--icon-translate-y: -50%;--text-transform-origin: center center;--inset-x-factor: -5%;--inset-y-factor: 5%;--z-stacking: 2;--font-size-ratio: calc( 18 / 82.5 );--line-height-ratio: calc( 30 / 82.5 );--padding-ratio: calc( 14 / 82.5 );background-clip:content-box;bottom:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;height:12.5%;left:0;pointer-events:none;position:absolute;top:0;width:12.5%}.animated-effect.tuck-top{--y-position: calc( 0% + var(--target-icon-size) );--inset-y-factor: 0%;--half-text-line-height: calc( var(--text-line-height) / 2 );--text-y-position: calc( calc( var(--y-position) - var(--target-icon-size)) + var(--half-text-line-height) ) }.animated-effect.tuck-right{--x-position: calc( 100% - var(--target-icon-size) );--inset-x-factor: 0%;--text-translate-x: -100%;--text-transform-origin: 100% center;--text-x-position: calc( var(--x-position) + var(--target-icon-size))}.pseudo3d .animated-effect:not(.below-piece),.animated-effect:not(.below-piece){z-index:var(--z-stacking)}.animated-effect.brilliant{color:var(--color-classification-brilliant)}.animated-effect.greatfind{color:var(--color-classification-great)}.animated-effect.inaccuracy{color:var(--color-classification-inaccuracy)}.animated-effect.mistake{color:var(--color-classification-mistake)}.animated-effect.blunder{color:var(--color-classification-blunder)}.animated-effect.stalemate,.animated-effect.drawwhite,.animated-effect.drawblack{color:#555351}.animated-effect.resignwhite,.animated-effect.resignblack,.animated-effect.mate,.animated-effect.checkmateblack,.animated-effect.checkmatewhite,.animated-effect.timeoutblack,.animated-effect.timeoutwhite,.animated-effect.bughouseblack,.animated-effect.bughousewhite,.animated-effect.abandon{color:#e02828}.animated-effect.winner{color:#83b84f}.animated-effect.bestmove{color:var(--color-classification-best)}.animated-effect.miss{color:var(--color-classification-miss)}.animated-effect.skills{color:var(--color-gold-300)}.animated-effect .text{-webkit-animation-delay:0s,calc(var(--first-step-duration) + var(--delay));animation-delay:0s,calc(var(--first-step-duration) + var(--delay));-webkit-animation-duration:var(--first-step-duration),var(--second-step-duration);animation-duration:var(--first-step-duration),var(--second-step-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slidein,textshrink;animation-name:slidein,textshrink;background-color:#fff;border-radius:500px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:0 1px #00000059;font-size:calc(var(--font-size-ratio) * var(--square-size));font-weight:700;left:var(--text-x-position);line-height:var(--text-line-height);padding:0 calc(var(--padding-ratio) * var(--square-size));pointer-events:none;position:absolute;-webkit-transform:translate(var(--text-translate-x),var(--text-translate-y));transform:translate(var(--text-translate-x),var(--text-translate-y));-webkit-transform-origin:var(--text-transform-origin);transform-origin:var(--text-transform-origin);-webkit-transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(.42,0,.58,1);white-space:nowrap;z-index:1}.animated-effect .icon{-webkit-animation-delay:0s,calc(var(--first-step-duration) + var(--delay));animation-delay:0s,calc(var(--first-step-duration) + var(--delay));-webkit-animation-duration:var(--first-step-duration),var(--second-step-duration);animation-duration:var(--first-step-duration),var(--second-step-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeingrow,slidecorner;animation-name:fadeingrow,slidecorner;-webkit-filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));left:50%;position:absolute;top:var(--icon-starting-y);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(.42,0,.58,1);z-index:2}.animated-effect .icon-background{-webkit-animation-delay:calc(var(--first-step-duration) + var(--delay));animation-delay:calc(var(--first-step-duration) + var(--delay));-webkit-animation-duration:var(--second-step-duration);animation-duration:var(--second-step-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:iconbackground;animation-name:iconbackground;background-color:#000;border-radius:50%;-webkit-box-shadow:0 1px rgba(0,0,0,.35);box-shadow:0 1px #00000059;font-weight:700;left:var(--x-position);opacity:0;pointer-events:none;position:absolute;top:var(--y-position);-webkit-transform:translate(var(--icon-bg-translate-x),var(--icon-bg-translate-y)) scale(var(--icon-bg-scale));transform:translate(var(--icon-bg-translate-x),var(--icon-bg-translate-y)) scale(var(--icon-bg-scale));-webkit-transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(0,0,.2,1),cubic-bezier(.42,0,.58,1);z-index:1}.animated-effect .square{-webkit-animation-delay:0s,calc(var(--first-step-duration) + var(--delay));animation-delay:0s,calc(var(--first-step-duration) + var(--delay));-webkit-animation-duration:var(--first-step-duration),var(--second-step-duration);animation-duration:var(--first-step-duration),var(--second-step-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:squarefadein,squarefadeout;animation-name:squarefadein,squarefadeout;background-color:#000;height:100%;position:absolute;width:100%}.animated-effect .square.brilliant{background-color:rgba(27,172,166,var(--square-alpha))}.animated-effect .square.greatfind{background-color:rgba(92,139,176,var(--square-alpha))}.animated-effect .square.inaccuracy{background-color:rgba(247,192,69,var(--square-alpha))}.animated-effect .square.mistake{background-color:rgba(229,143,42,var(--square-alpha))}.animated-effect .square.blunder{background-color:rgba(202,52,49,var(--square-alpha))}.animated-effect .square.stalemate,.animated-effect .square.drawwhite,.animated-effect .square.drawblack{background-color:rgba(85,83,81,var(--square-alpha))}.animated-effect .square.resignblack,.animated-effect .square.resignwhite,.animated-effect .square.mate,.animated-effect .square.checkmateblack,.animated-effect .square.checkmatewhite,.animated-effect .square.timeoutblack,.animated-effect .square.timeoutwhite,.animated-effect .square.bughouseblack,.animated-effect .square.bughousewhite,.animated-effect .square.abandon{background-color:rgba(224,40,40,var(--square-alpha))}.animated-effect .square.winner{background-color:rgba(131,184,79,var(--square-alpha))}.animated-effect .square.bestmove{background-color:rgba(151,189,77,var(--square-alpha))}.animated-effect .square.miss{background-color:rgba(255,119,105,var(--square-alpha))}.animated-effect .square.skills{background-color:rgba(227,170,36,var(--square-alpha))}.animated-effect.fade-out{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fade-out-animation;animation-name:fade-out-animation;-webkit-animation-timing-function:cubic-bezier(0,0,.4,1);animation-timing-function:cubic-bezier(0,0,.4,1)}.animated-effect .scale-animation{--icon-bg-scale: 2;-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.4,1);transition:-webkit-transform .3s cubic-bezier(0,0,.4,1);transition:transform .3s cubic-bezier(0,0,.4,1);transition:transform .3s cubic-bezier(0,0,.4,1),-webkit-transform .3s cubic-bezier(0,0,.4,1)}.flying-points{--icon-translate-x: -50%;--icon-translate-y: -50%;--inset-x-factor: -.05;--inset-y-factor: .05;--flying-starting-x: calc(var(--absolute-x) + calc(var(--inset-x-factor) * var(--square-size)));--flying-starting-y: calc(var(--absolute-y) + calc(var(--inset-y-factor) * var(--square-size)));-webkit-box-align:center;align-items:center;-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:flyingpointsout;animation-name:flyingpointsout;-webkit-animation-timing-function:cubic-bezier(.5,0,.8,0);animation-timing-function:cubic-bezier(.5,0,.8,0);background-color:#000;border-radius:50%;-webkit-box-shadow:0 1px rgba(0,0,0,.35);box-shadow:0 1px #00000059;color:#fff;display:-webkit-box;display:flex;font-weight:700;height:calc(var(--target-icon-size) * 2 / 8);-webkit-box-pack:center;justify-content:center;left:var(--flying-starting-x);position:absolute;top:var(--flying-starting-y);-webkit-transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(0);transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(0);width:calc(var(--target-icon-size) * 2 / 8);z-index:2}.pseudo3d .flying-points{z-index:9}.flying-points.tuck-top{--icon-translate-y: 0%;--inset-y-factor: 0}.flying-points.tuck-right{--icon-translate-x: -100%;--inset-x-factor: 0}.flying-points .icon{-webkit-filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));-webkit-transform:translate(.625%,2%);transform:translate(.625%,2%)}@-webkit-keyframes slidein{0%{opacity:0;top:calc(var(--text-y-position) + 20%)}to{opacity:1;top:var(--text-y-position)}}@keyframes slidein{0%{opacity:0;top:calc(var(--text-y-position) + 20%)}to{opacity:1;top:var(--text-y-position)}}@-webkit-keyframes fadeingrow{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4);transform:translate(-50%,-50%) scale(.4)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeingrow{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4);transform:translate(-50%,-50%) scale(.4)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slidecorner{0%{left:50%;top:var(--icon-starting-y);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{left:var(--x-position);top:calc(var(--y-position) + 1%);-webkit-transform:translate(var(--icon-translate-x),var(--icon-translate-y)) scale(.55);transform:translate(var(--icon-translate-x),var(--icon-translate-y)) scale(.55)}}@keyframes slidecorner{0%{left:50%;top:var(--icon-starting-y);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{left:var(--x-position);top:calc(var(--y-position) + 1%);-webkit-transform:translate(var(--icon-translate-x),var(--icon-translate-y)) scale(.55);transform:translate(var(--icon-translate-x),var(--icon-translate-y)) scale(.55)}}@-webkit-keyframes textshrink{0%{opacity:1;-webkit-transform:translate(var(--text-translate-x),var(--text-translate-y));transform:translate(var(--text-translate-x),var(--text-translate-y))}to{opacity:0;-webkit-transform:translate(var(--text-translate-x),var(--text-translate-y)) scaleX(0);transform:translate(var(--text-translate-x),var(--text-translate-y)) scaleX(0)}}@keyframes textshrink{0%{opacity:1;-webkit-transform:translate(var(--text-translate-x),var(--text-translate-y));transform:translate(var(--text-translate-x),var(--text-translate-y))}to{opacity:0;-webkit-transform:translate(var(--text-translate-x),var(--text-translate-y)) scaleX(0);transform:translate(var(--text-translate-x),var(--text-translate-y)) scaleX(0)}}@-webkit-keyframes iconbackground{0%{opacity:0;padding:var(--target-icon-size) 40%}to{opacity:1;padding:var(--target-icon-size)}}@keyframes iconbackground{0%{opacity:0;padding:var(--target-icon-size) 40%}to{opacity:1;padding:var(--target-icon-size)}}@-webkit-keyframes squarefadein{0%{opacity:0}to{opacity:var(--target-opacity)}}@keyframes squarefadein{0%{opacity:0}to{opacity:var(--target-opacity)}}@-webkit-keyframes squarefadeout{0%{opacity:var(--target-opacity)}to{opacity:0}}@keyframes squarefadeout{0%{opacity:var(--target-opacity)}to{opacity:0}}@-webkit-keyframes flyingpointsout{0%{left:var(--flying-starting-x);opacity:1;top:var(--flying-starting-y);-webkit-transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(0);transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(0)}to{left:var(--target-x);opacity:.2;top:var(--target-y);-webkit-transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(90deg);transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(90deg)}}@keyframes flyingpointsout{0%{left:var(--flying-starting-x);opacity:1;top:var(--flying-starting-y);-webkit-transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(0);transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(0)}to{left:var(--target-x);opacity:.2;top:var(--target-y);-webkit-transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(90deg);transform:translate(var(--icon-translate-x),var(--icon-translate-y)) rotate(90deg)}}@-webkit-keyframes fade-out-animation{0%{opacity:1}to{opacity:0}}@keyframes fade-out-animation{0%{opacity:1}to{opacity:0}}.brilliant.icon-background,.brilliant.flying-points{background-color:var(--color-classification-brilliant)}.greatfind.icon-background,.greatfind.flying-points{background-color:var(--color-classification-great)}.inaccuracy.icon-background,.inaccuracy.flying-points{background-color:var(--color-classification-inaccuracy)}.mistake.icon-background,.mistake.flying-points{background-color:var(--color-classification-mistake)}.blunder.icon-background,.blunder.flying-points{background-color:var(--color-classification-blunder)}.stalemate.icon-background,.stalemate.flying-points,.drawwhite.icon-background,.drawwhite.flying-points,.drawblack.icon-background,.drawblack.flying-points{background-color:#555351}.resignblack.icon-background,.resignblack.flying-points,.resignwhite.icon-background,.resignwhite.flying-points,.mate.icon-background,.mate.flying-points,.checkmateblack.icon-background,.checkmateblack.flying-points,.checkmatewhite.icon-background,.checkmatewhite.flying-points,.timeoutblack.icon-background,.timeoutblack.flying-points,.timeoutwhite.icon-background,.timeoutwhite.flying-points,.abandon.icon-background,.abandon.flying-points,.bughousewhite.icon-background,.bughousewhite.flying-points,.bughouseblack.icon-background,.bughouseblack.flying-points{background-color:#e02828}.winner.icon-background,.winner.flying-points{background-color:#83b84f}.bestmove.icon-background,.bestmove.flying-points{background-color:var(--color-classification-best)}.miss.icon-background,.miss.flying-points{background-color:var(--color-classification-miss)}.skills.icon-background,.skills.flying-points{background-color:var(--color-gold-300)}.custom-item{background-clip:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:12.5%;opacity:.8;pointer-events:none;position:absolute;width:12.5%}.basic-item-animation-captured svg{-webkit-animation:capture-star .4s var(--motion-ease-out-1, cubic-bezier(0, 0, .2, 1)) forwards;animation:capture-star .4s var(--motion-ease-out-1, cubic-bezier(0, 0, .2, 1)) forwards}.basic-item-animation-grow-in svg{-webkit-animation:grow-in .2s var(--motion-ease-out-2, cubic-bezier(0, 0, .4, 1)) .1s both,shrink-to-size .2s var(--motion-ease-out-2, cubic-bezier(0, 0, .4, 1)) 325ms forwards;animation:grow-in .2s var(--motion-ease-out-2, cubic-bezier(0, 0, .4, 1)) .1s both,shrink-to-size .2s var(--motion-ease-out-2, cubic-bezier(0, 0, .4, 1)) 325ms forwards}@-webkit-keyframes capture-star{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2.16);transform:scale(2.16)}}@keyframes capture-star{0%{opacity:1}to{opacity:0;-webkit-transform:scale(2.16);transform:scale(2.16)}}@-webkit-keyframes grow-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1.35);transform:scale(1.35)}}@keyframes grow-in{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1.35);transform:scale(1.35)}}@-webkit-keyframes shrink-to-size{0%{-webkit-transform:scale(1.35);transform:scale(1.35)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes shrink-to-size{0%{-webkit-transform:scale(1.35);transform:scale(1.35)}to{-webkit-transform:scale(1);transform:scale(1)}}.hide-pieces .piece{display:none}.vfx.vfx-piece-capture .element{-webkit-animation:capture-fade .4s ease-in-out forwards;animation:capture-fade .4s ease-in-out forwards;background-size:100%;cursor:default;height:100%;overflow:unset;-webkit-transform-origin:center 90%;transform-origin:center 90%;width:100%}@-webkit-keyframes capture-fade{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes capture-fade{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.vfx.vfx-piece-jump .element{background-size:100%;cursor:default;height:100%;overflow:unset;position:relative;width:100%}.vfx .piece-jump-and-wiggle{-webkit-animation:waiting var(--initial-delay) forwards,piece-jump .4s cubic-bezier(.25,1,.5,1) var(--initial-delay) forwards,piece-wiggle-1 .2s cubic-bezier(.37,0,.63,1) var(--initial-delay) forwards,piece-wiggle-2 .2s cubic-bezier(.37,0,.63,1) calc(var(--initial-delay) + .2s) forwards;animation:waiting var(--initial-delay) forwards,piece-jump .4s cubic-bezier(.25,1,.5,1) var(--initial-delay) forwards,piece-wiggle-1 .2s cubic-bezier(.37,0,.63,1) var(--initial-delay) forwards,piece-wiggle-2 .2s cubic-bezier(.37,0,.63,1) calc(var(--initial-delay) + .2s) forwards}.vfx .piece-jump-and-fall-over{-webkit-animation:waiting var(--initial-delay) forwards,piece-jump .4s cubic-bezier(.25,1,.5,1) var(--initial-delay) forwards,piece-fall-over .4s cubic-bezier(.34,1.56,.64,1) var(--initial-delay) forwards;animation:waiting var(--initial-delay) forwards,piece-jump .4s cubic-bezier(.25,1,.5,1) var(--initial-delay) forwards,piece-fall-over .4s cubic-bezier(.34,1.56,.64,1) var(--initial-delay) forwards}.vfx .fallen-piece-jump{-webkit-animation:waiting var(--initial-delay) forwards,piece-jump .4s cubic-bezier(.25,1,.5,1) var(--initial-delay) forwards;animation:waiting var(--initial-delay) forwards,piece-jump .4s cubic-bezier(.25,1,.5,1) var(--initial-delay) forwards}.vfx .piece-fall-and-rest{-webkit-animation:piece-reset-y .2s cubic-bezier(.34,1.56,.64,1) forwards,piece-set-rest-rotation .2s cubic-bezier(.65,0,.35,1) forwards;animation:piece-reset-y .2s cubic-bezier(.34,1.56,.64,1) forwards,piece-set-rest-rotation .2s cubic-bezier(.65,0,.35,1) forwards}@-webkit-keyframes waiting{0%{-webkit-transform:rotate(var(--initial-rotation));transform:rotate(var(--initial-rotation))}to{-webkit-transform:rotate(var(--initial-rotation));transform:rotate(var(--initial-rotation))}}@keyframes waiting{0%{-webkit-transform:rotate(var(--initial-rotation));transform:rotate(var(--initial-rotation))}to{-webkit-transform:rotate(var(--initial-rotation));transform:rotate(var(--initial-rotation))}}@-webkit-keyframes piece-jump{0%{left:0;top:0}to{left:var(--jump-x);top:var(--jump-y)}}@keyframes piece-jump{0%{left:0;top:0}to{left:var(--jump-x);top:var(--jump-y)}}@-webkit-keyframes piece-wiggle-1{0%{-webkit-transform:rotate(var(--initial-rotation));transform:rotate(var(--initial-rotation))}to{-webkit-transform:rotate(calc(var(--wiggle-deg) * -1));transform:rotate(calc(var(--wiggle-deg) * -1))}}@keyframes piece-wiggle-1{0%{-webkit-transform:rotate(var(--initial-rotation));transform:rotate(var(--initial-rotation))}to{-webkit-transform:rotate(calc(var(--wiggle-deg) * -1));transform:rotate(calc(var(--wiggle-deg) * -1))}}@-webkit-keyframes piece-wiggle-2{0%{-webkit-transform:rotate(calc(var(--wiggle-deg) * -1));transform:rotate(calc(var(--wiggle-deg) * -1))}to{-webkit-transform:rotate(var(--wiggle-deg));transform:rotate(var(--wiggle-deg))}}@keyframes piece-wiggle-2{0%{-webkit-transform:rotate(calc(var(--wiggle-deg) * -1));transform:rotate(calc(var(--wiggle-deg) * -1))}to{-webkit-transform:rotate(var(--wiggle-deg));transform:rotate(var(--wiggle-deg))}}@-webkit-keyframes piece-fall-over{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(var(--fall-deg));transform:rotate(var(--fall-deg))}}@keyframes piece-fall-over{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(var(--fall-deg));transform:rotate(var(--fall-deg))}}@-webkit-keyframes piece-reset-y{0%{left:var(--jump-x);top:var(--jump-y)}to{left:0;top:0}}@keyframes piece-reset-y{0%{left:var(--jump-x);top:var(--jump-y)}to{left:0;top:0}}@-webkit-keyframes piece-set-rest-rotation{0%{-webkit-transform:rotate(var(--fall-deg, var(--wiggle-deg)));transform:rotate(var(--fall-deg, var(--wiggle-deg)))}to{-webkit-transform:rotate(var(--fall-deg, 0deg));transform:rotate(var(--fall-deg, 0deg))}}@keyframes piece-set-rest-rotation{0%{-webkit-transform:rotate(var(--fall-deg, var(--wiggle-deg)));transform:rotate(var(--fall-deg, var(--wiggle-deg)))}to{-webkit-transform:rotate(var(--fall-deg, 0deg));transform:rotate(var(--fall-deg, 0deg))}}.vfx.vfx-piece-throw .element{background-size:100%;cursor:default;height:100%;overflow:unset;position:absolute;width:100%}.vfx .piece-throw-and-spin{--throw-duration: 1s;-webkit-animation:piece-throw-x var(--throw-duration) linear var(--initial-delay, 0ms) forwards,piece-throw-y var(--throw-duration) cubic-bezier(.33,1,.68,1) var(--initial-delay, 0ms) forwards,piece-spin var(--throw-duration) linear var(--initial-delay, 0ms) forwards;animation:piece-throw-x var(--throw-duration) linear var(--initial-delay, 0ms) forwards,piece-throw-y var(--throw-duration) cubic-bezier(.33,1,.68,1) var(--initial-delay, 0ms) forwards,piece-spin var(--throw-duration) linear var(--initial-delay, 0ms) forwards}@-webkit-keyframes piece-throw-x{0%{left:0}to{left:var(--throw-x)}}@keyframes piece-throw-x{0%{left:0}to{left:var(--throw-x)}}@-webkit-keyframes piece-throw-y{0%{top:0}to{top:var(--throw-y)}}@keyframes piece-throw-y{0%{top:0}to{top:var(--throw-y)}}@-webkit-keyframes piece-spin{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0) scale(1)}to{-webkit-transform:rotate(var(--spin-deg)) scale(var(--scale));transform:rotate(var(--spin-deg)) scale(var(--scale))}}@keyframes piece-spin{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0) scale(1)}to{-webkit-transform:rotate(var(--spin-deg)) scale(var(--scale));transform:rotate(var(--spin-deg)) scale(var(--scale))}}.vfx.vfx-hand-throw .hand-throw-image{display:block;height:100%;left:50%;-o-object-fit:contain;object-fit:contain;opacity:1;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(.75);transform:translate(-50%,-50%) scale(.75);width:100%}.vfx .hand-throw-animate{-webkit-animation:hand-throw-appear var(--hand-throw-appear-duration, .15s) cubic-bezier(.33,1,.68,1) forwards,hand-throw-throw var(--hand-throw-throw-duration, .2s) cubic-bezier(.33,1,.68,1) var(--hand-throw-appear-duration, .15s) forwards,hand-throw-fade var(--hand-throw-fade-duration, .8s) ease-out calc(var(--hand-throw-appear-duration, .15s) + var(--hand-throw-throw-duration, .2s)) forwards;animation:hand-throw-appear var(--hand-throw-appear-duration, .15s) cubic-bezier(.33,1,.68,1) forwards,hand-throw-throw var(--hand-throw-throw-duration, .2s) cubic-bezier(.33,1,.68,1) var(--hand-throw-appear-duration, .15s) forwards,hand-throw-fade var(--hand-throw-fade-duration, .8s) ease-out calc(var(--hand-throw-appear-duration, .15s) + var(--hand-throw-throw-duration, .2s)) forwards}@-webkit-keyframes hand-throw-appear{0%{opacity:.6;-webkit-transform:translate(-50%,-50%) rotate(var(--hand-throw-appear-rotation)) scale(.6);transform:translate(-50%,-50%) rotate(var(--hand-throw-appear-rotation)) scale(.6)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes hand-throw-appear{0%{opacity:.6;-webkit-transform:translate(-50%,-50%) rotate(var(--hand-throw-appear-rotation)) scale(.6);transform:translate(-50%,-50%) rotate(var(--hand-throw-appear-rotation)) scale(.6)}to{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0) scale(1)}}@-webkit-keyframes hand-throw-throw{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0) scale(1)}to{-webkit-transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0deg) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5));transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5))}}@keyframes hand-throw-throw{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0) scale(1)}to{-webkit-transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0deg) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5));transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5))}}@-webkit-keyframes hand-throw-fade{0%{opacity:1;-webkit-transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0deg) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5));transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5))}to{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0) scale(1)}}@keyframes hand-throw-fade{0%{opacity:1;-webkit-transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0deg) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5));transform:translate(-50%,calc(-50% + var(--hand-throw-throw-dy, -8%))) rotate(0) scale(var(--hand-throw-throw-scale-x, 1.5),var(--hand-throw-throw-scale-y, 1.5))}to{opacity:0;-webkit-transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(0) scale(1)}}.vfx.vfx-king-check-square .square{--grow-duration: 50ms;--shrink-duration: .25s;--overlay-start-delay: .1s;--overlay-total-delay: calc(var(--grow-duration) + var(--shrink-duration) + var(--overlay-start-delay));-webkit-animation:king-check-square-grow var(--grow-duration) linear,king-check-square-shrink var(--shrink-duration) cubic-bezier(.16,1,.3,1) var(--grow-duration);animation:king-check-square-grow var(--grow-duration) linear,king-check-square-shrink var(--shrink-duration) cubic-bezier(.16,1,.3,1) var(--grow-duration);background-image:var(--bg-image);background-position:var(--file) var(--rank);background-size:800%;height:100%;width:100%}.flipped .vfx.vfx-king-check-square .square{background-position:calc(100% - var(--file)) calc(100% - var(--rank))}.vfx.vfx-king-check-square .color-overlay{-webkit-animation:king-check-square-pulse 2s cubic-bezier(.33,1,.68,1) var(--overlay-total-delay) infinite;animation:king-check-square-pulse 2s cubic-bezier(.33,1,.68,1) var(--overlay-total-delay) infinite;background-color:#e63946;height:100%;opacity:.55;width:100%}@-webkit-keyframes king-check-square-grow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes king-check-square-grow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.15);transform:scale(1.15)}}@-webkit-keyframes king-check-square-shrink{0%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes king-check-square-shrink{0%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes king-check-square-pulse{0%{opacity:.55}50%{opacity:.25}to{opacity:.55}}@keyframes king-check-square-pulse{0%{opacity:.55}50%{opacity:.25}to{opacity:.55}}.vfx.vfx-king-check .element{-webkit-animation:king-check-grow 50ms linear forwards,king-check-wiggle .2s linear 50ms 5 forwards,king-check-shrink .25s cubic-bezier(.16,1,.3,1) 1.05s forwards;animation:king-check-grow 50ms linear forwards,king-check-wiggle .2s linear 50ms 5 forwards,king-check-shrink .25s cubic-bezier(.16,1,.3,1) 1.05s forwards;background-size:100%;cursor:default;height:100%;overflow:unset;position:relative;width:100%}@-webkit-keyframes king-check-grow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes king-check-grow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes king-check-wiggle{0%{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0)}25%{-webkit-transform:scale(1.1) rotate(-4deg);transform:scale(1.1) rotate(-4deg)}50%{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0)}75%{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}to{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0)}}@keyframes king-check-wiggle{0%{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0)}25%{-webkit-transform:scale(1.1) rotate(-4deg);transform:scale(1.1) rotate(-4deg)}50%{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0)}75%{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}to{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0)}}@-webkit-keyframes king-check-shrink{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes king-check-shrink{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.vfx-piece-trail .trail-segment{--piece-move-duration: .22s;--trail-width: 0%;--trail-scale-duration: var(--piece-move-duration);--trail-fadeout-duration: .3s;-webkit-animation:trail-scale var(--trail-scale-duration) ease-in-out forwards,trail-fadeout var(--trail-fadeout-duration) ease-out var(--trail-scale-duration) forwards;animation:trail-scale var(--trail-scale-duration) ease-in-out forwards,trail-fadeout var(--trail-fadeout-duration) ease-out var(--trail-scale-duration) forwards;border-radius:999px;height:40%;left:50%;opacity:1;position:absolute;top:50%;-webkit-transform-origin:0 50%;transform-origin:0 50%;width:var(--trail-width)}@-webkit-keyframes trail-scale{0%{-webkit-transform:translate(0%,-50%) rotate(var(--rotation)) scaleX(0);transform:translateY(-50%) rotate(var(--rotation)) scaleX(0)}to{-webkit-transform:translate(0%,-50%) rotate(var(--rotation)) scaleX(1);transform:translateY(-50%) rotate(var(--rotation)) scaleX(1)}}@keyframes trail-scale{0%{-webkit-transform:translate(0%,-50%) rotate(var(--rotation)) scaleX(0);transform:translateY(-50%) rotate(var(--rotation)) scaleX(0)}to{-webkit-transform:translate(0%,-50%) rotate(var(--rotation)) scaleX(1);transform:translateY(-50%) rotate(var(--rotation)) scaleX(1)}}@-webkit-keyframes trail-fadeout{0%{opacity:1}to{opacity:0}}@keyframes trail-fadeout{0%{opacity:1}to{opacity:0}}.vfx.vfx-illegal-move-tap{overflow:hidden;pointer-events:none}.vfx.vfx-illegal-move-tap .illegal-move-tap-overlay{-webkit-animation:illegal-move-tap-overlay-fade .7s cubic-bezier(.33,1,.68,1) forwards;animation:illegal-move-tap-overlay-fade .7s cubic-bezier(.33,1,.68,1) forwards;background-color:#e63946;height:100%;left:0;opacity:.55;position:absolute;top:0;width:100%;z-index:1}.vfx.vfx-illegal-move-tap .illegal-move-tap-circle{-webkit-animation:illegal-move-tap-circle-opacity .3s ease-in-out forwards,illegal-move-tap-circle-expand .4s cubic-bezier(.33,1,.68,1) forwards;animation:illegal-move-tap-circle-opacity .3s ease-in-out forwards,illegal-move-tap-circle-expand .4s cubic-bezier(.33,1,.68,1) forwards;background-color:#000;border-radius:100%;height:100%;left:50%;position:absolute;top:50%;width:100%;z-index:2}@-webkit-keyframes illegal-move-tap-overlay-fade{0%{opacity:.55}to{opacity:0}}@keyframes illegal-move-tap-overlay-fade{0%{opacity:.55}to{opacity:0}}@-webkit-keyframes illegal-move-tap-circle-opacity{0%{opacity:.07}to{opacity:0}}@keyframes illegal-move-tap-circle-opacity{0%{opacity:.07}to{opacity:0}}@-webkit-keyframes illegal-move-tap-circle-expand{0%{-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}}@keyframes illegal-move-tap-circle-expand{0%{-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}}.vfx.vfx-growing-circle{overflow:hidden;pointer-events:none}.vfx.vfx-growing-circle .growing-circle{-webkit-animation:growing-circle-opacity .3s ease-in-out forwards,growing-circle-expand .4s cubic-bezier(.33,1,.68,1) forwards;animation:growing-circle-opacity .3s ease-in-out forwards,growing-circle-expand .4s cubic-bezier(.33,1,.68,1) forwards;background-color:var(--growing-circle-color, #000000);border-radius:100%;height:100%;left:50%;position:absolute;top:50%;width:100%;z-index:2}@-webkit-keyframes growing-circle-opacity{0%{opacity:var(--growing-circle-initial-opacity, .07)}to{opacity:0}}@keyframes growing-circle-opacity{0%{opacity:var(--growing-circle-initial-opacity, .07)}to{opacity:0}}@-webkit-keyframes growing-circle-expand{0%{-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}}@keyframes growing-circle-expand{0%{-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}to{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5)}}.vfx.vfx-piece-flip .element{background-size:100%;cursor:default;height:100%;overflow:unset;-webkit-transform-origin:50% 25%;transform-origin:50% 25%;width:100%}.vfx.vfx-piece-flip.flip-cw .element{-webkit-animation:piece-flip-rotate-cw .45s cubic-bezier(.6,-.28,.735,.045) forwards,piece-flip-scale 1s forwards,piece-flip-translate 1s forwards;animation:piece-flip-rotate-cw .45s cubic-bezier(.6,-.28,.735,.045) forwards,piece-flip-scale 1s forwards,piece-flip-translate 1s forwards}.vfx.vfx-piece-flip.flip-ccw .element{-webkit-animation:piece-flip-rotate-ccw .45s cubic-bezier(.6,-.28,.735,.045) forwards,piece-flip-scale 1s forwards,piece-flip-translate 1s forwards;animation:piece-flip-rotate-ccw .45s cubic-bezier(.6,-.28,.735,.045) forwards,piece-flip-scale 1s forwards,piece-flip-translate 1s forwards}@-webkit-keyframes piece-flip-rotate-cw{0%{rotate:0deg}to{rotate:360deg}}@keyframes piece-flip-rotate-cw{0%{rotate:0deg}to{rotate:360deg}}@-webkit-keyframes piece-flip-rotate-ccw{0%{rotate:0deg}to{rotate:-360deg}}@keyframes piece-flip-rotate-ccw{0%{rotate:0deg}to{rotate:-360deg}}@-webkit-keyframes piece-flip-scale{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;scale:1 1}10%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);scale:1 1}40%{-webkit-animation-timing-function:linear;animation-timing-function:linear;scale:1 .9}50%{-webkit-animation-timing-function:linear;animation-timing-function:linear;scale:1 .9}60%{scale:1 1.08}70%{scale:1 .97}80%{scale:1 1.02}90%{scale:1 .99}to{scale:1 1}}@keyframes piece-flip-scale{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;scale:1 1}10%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);scale:1 1}40%{-webkit-animation-timing-function:linear;animation-timing-function:linear;scale:1 .9}50%{-webkit-animation-timing-function:linear;animation-timing-function:linear;scale:1 .9}60%{scale:1 1.08}70%{scale:1 .97}80%{scale:1 1.02}90%{scale:1 .99}to{scale:1 1}}@-webkit-keyframes piece-flip-translate{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;translate:0 0}10%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);translate:0 0}40%{-webkit-animation-timing-function:linear;animation-timing-function:linear;translate:0 -50%}50%{translate:0 8%}58%{translate:0 -3%}66%{translate:0 1%}76%{translate:0 0}90%,to{translate:0 0}}@keyframes piece-flip-translate{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;translate:0 0}10%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);translate:0 0}40%{-webkit-animation-timing-function:linear;animation-timing-function:linear;translate:0 -50%}50%{translate:0 8%}58%{translate:0 -3%}66%{translate:0 1%}76%{translate:0 0}90%,to{translate:0 0}}.vfx.vfx-charge-jump .element{-webkit-animation:charge-jump-compress 1.5s cubic-bezier(.33,1,.68,1) forwards,charge-jump-shake .12s ease-in-out infinite;animation:charge-jump-compress 1.5s cubic-bezier(.33,1,.68,1) forwards,charge-jump-shake .12s ease-in-out infinite;background-size:100%;cursor:default;height:100%;overflow:unset;-webkit-transform-origin:center 90%;transform-origin:center 90%;width:100%}.vfx.vfx-charge-jump .element.jumping{-webkit-animation:charge-jump-scale .8s forwards,charge-jump-translate .8s forwards;animation:charge-jump-scale .8s forwards,charge-jump-translate .8s forwards}@-webkit-keyframes charge-jump-compress{0%{scale:1 1}to{scale:1 .6}}@keyframes charge-jump-compress{0%{scale:1 1}to{scale:1 .6}}@-webkit-keyframes charge-jump-shake{0%{translate:0 0}25%{translate:1.5%}50%{translate:0 0}75%{translate:-1.5%}to{translate:0 0}}@keyframes charge-jump-shake{0%{translate:0 0}25%{translate:1.5%}50%{translate:0 0}75%{translate:-1.5%}to{translate:0 0}}@-webkit-keyframes charge-jump-scale{0%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);scale:1 var(--start-compression, 1)}30%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);scale:1 1.05}55%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;scale:1 .9}70%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;scale:1 1.05}85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;scale:1 .98}to{scale:1 1}}@keyframes charge-jump-scale{0%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);scale:1 var(--start-compression, 1)}30%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);scale:1 1.05}55%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;scale:1 .9}70%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;scale:1 1.05}85%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;scale:1 .98}to{scale:1 1}}@-webkit-keyframes charge-jump-translate{0%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);translate:0 0}30%{-webkit-animation-timing-function:cubic-bezier(.32,0,.67,0);animation-timing-function:cubic-bezier(.32,0,.67,0);translate:0 var(--jump-height, -50%)}55%{translate:0 8%}70%{translate:0 -3%}85%{translate:0 1%}to{translate:0 0}}@keyframes charge-jump-translate{0%{-webkit-animation-timing-function:cubic-bezier(.33,1,.68,1);animation-timing-function:cubic-bezier(.33,1,.68,1);translate:0 0}30%{-webkit-animation-timing-function:cubic-bezier(.32,0,.67,0);animation-timing-function:cubic-bezier(.32,0,.67,0);translate:0 var(--jump-height, -50%)}55%{translate:0 8%}70%{translate:0 -3%}85%{translate:0 1%}to{translate:0 0}}.vfx{height:12.5%;left:0;position:absolute;top:0;touch-action:none;width:12.5%;will-change:transform}@-webkit-keyframes boardIn{0%{height:0}to{height:calc(var(--gameBoardAnimationHeight) / 2)}}@keyframes boardIn{0%{height:0}to{height:calc(var(--gameBoardAnimationHeight) / 2)}}@-webkit-keyframes boardOut{0%{height:calc(var(--gameBoardAnimationHeight) / 2)}to{height:0}}@keyframes boardOut{0%{height:calc(var(--gameBoardAnimationHeight) / 2)}to{height:0}}@-webkit-keyframes strokeIn{0%{top:0}to{top:calc(var(--gameBoardAnimationHeight) / 2)}}@keyframes strokeIn{0%{top:0}to{top:calc(var(--gameBoardAnimationHeight) / 2)}}@-webkit-keyframes strokeOut{0%{top:calc(var(--gameBoardAnimationHeight) / 2)}to{top:0}}@keyframes strokeOut{0%{top:calc(var(--gameBoardAnimationHeight) / 2)}to{top:0}}@-webkit-keyframes strokeInUp{0%{bottom:0}to{bottom:calc(var(--gameBoardAnimationHeight) / 2)}}@keyframes strokeInUp{0%{bottom:0}to{bottom:calc(var(--gameBoardAnimationHeight) / 2)}}@-webkit-keyframes strokeOutUp{0%{bottom:calc(var(--gameBoardAnimationHeight) / 2)}to{bottom:0}}@keyframes strokeOutUp{0%{bottom:calc(var(--gameBoardAnimationHeight) / 2)}to{bottom:0}}.board-pieces-wrapper{left:0%;overflow:hidden;position:absolute;right:0%;top:0%;-webkit-animation:boardIn var(--half-swipe-duration) cubic-bezier(0,0,.2,1) 0ms 1 forwards;animation:boardIn var(--half-swipe-duration) cubic-bezier(0,0,.2,1) 0ms 1 forwards}.board-pieces-wrapper .takeover-board{background-image:var(--takeoverBoardBackground);background-size:cover;border-radius:3px;height:100%;left:0%;position:absolute;right:0%;top:0%}.board-pieces-wrapper .pieces-wrapper{height:var(--gameBoardAnimationHeight);left:0%;position:absolute;right:0%;top:0%}.board-pieces-wrapper.swipe-out{-webkit-animation:boardOut var(--half-swipe-duration) cubic-bezier(.8,0,1,1) 0ms 1 forwards;animation:boardOut var(--half-swipe-duration) cubic-bezier(.8,0,1,1) 0ms 1 forwards}.board-pieces-wrapper.down.full{-webkit-animation:takeoverBoardDownIn var(--full-swipe-duration) ease-in 0ms 1 forwards;animation:takeoverBoardDownIn var(--full-swipe-duration) ease-in 0ms 1 forwards}@-webkit-keyframes takeoverBoardDownIn{0%{height:0}to{height:var(--gameBoardAnimationHeight)}}@keyframes takeoverBoardDownIn{0%{height:0}to{height:var(--gameBoardAnimationHeight)}}.board-pieces-wrapper.down.full.swipe-out{-webkit-animation:takeoverBoardDownOut var(--full-swipe-duration) ease-in 0ms 1 forwards;animation:takeoverBoardDownOut var(--full-swipe-duration) ease-in 0ms 1 forwards}@-webkit-keyframes takeoverBoardDownOut{0%{height:var(--gameBoardAnimationHeight)}to{height:0}}@keyframes takeoverBoardDownOut{0%{height:var(--gameBoardAnimationHeight)}to{height:0}}.board-pieces-wrapper.up,.board-pieces-wrapper.up .pieces-wrapper,.board-pieces-wrapper.up .coordinates{bottom:0%;top:auto}.board-pieces-wrapper.up .takeover-board{background-position-y:bottom}.board-pieces-wrapper.up.full{-webkit-animation:takeoverBoardUp var(--full-swipe-duration) ease-in 0ms 1 forwards;animation:takeoverBoardUp var(--full-swipe-duration) ease-in 0ms 1 forwards}@-webkit-keyframes takeoverBoardUp{0%{height:0}to{height:var(--gameBoardAnimationHeight)}}@keyframes takeoverBoardUp{0%{height:0}to{height:var(--gameBoardAnimationHeight)}}.board-pieces-wrapper.up.full.swipe-out{-webkit-animation:takeoverBoardUpOut var(--full-swipe-duration) ease-in 0ms 1 forwards;animation:takeoverBoardUpOut var(--full-swipe-duration) ease-in 0ms 1 forwards}@-webkit-keyframes takeoverBoardUpOut{0%{height:var(--gameBoardAnimationHeight)}to{height:0}}@keyframes takeoverBoardUpOut{0%{height:var(--gameBoardAnimationHeight)}to{height:0}}.takeover-overlay{background-color:#333;content:"";display:block;inset:0;opacity:.3;position:absolute}.fade-out{-webkit-animation:fadeOut var(--fade-out-duration) forwards;animation:fadeOut var(--fade-out-duration) forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hand-piece.svelte-vk4wu6.svelte-vk4wu6{background-size:cover;cursor:-webkit-grab;cursor:grab;position:absolute}.hand-piece.dragging.svelte-vk4wu6.svelte-vk4wu6{cursor:-webkit-grabbing;cursor:grabbing;position:fixed;will-change:left,top;z-index:11!important}.hand-piece.hidden.svelte-vk4wu6.svelte-vk4wu6{display:none}body.hand-pieces-dragging-body{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hand-pieces.svelte-vk4wu6.svelte-vk4wu6{height:100%;position:relative;width:100%}.hand-pieces.horizontal.svelte-vk4wu6.svelte-vk4wu6{height:auto;padding-top:40%}.hand-pieces.horizontal.with-king.svelte-vk4wu6.svelte-vk4wu6{height:auto;padding-top:calc(200% / (12 / 2))}.board .hand-pieces.svelte-vk4wu6.svelte-vk4wu6{left:-10%;position:absolute;width:10%}.board-webgl-3d .hand-pieces.svelte-vk4wu6.svelte-vk4wu6{left:calc(-1 * calc(100% / 10 * 3 / 4));width:calc(100% / 10 * 3 / 4)}.board-webgl-3d .hand-pieces.with-king.svelte-vk4wu6.svelte-vk4wu6{left:-6.25%;width:6.25%}.hand-pieces.svelte-vk4wu6 .hand-piece-count.svelte-vk4wu6{-webkit-box-align:center;align-items:center;background:var(--color-neutrals-white);border-radius:50%;bottom:0;color:var(--color-gray-900);display:-webkit-box;display:flex;font-size:150%;font-weight:900;height:40%;-webkit-box-pack:center;justify-content:center;position:absolute;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40%}.hand-pieces.svelte-vk4wu6 .hand-piece-count.small.svelte-vk4wu6{font-size:90%;font-weight:700;height:50%;width:50%}.hand-pieces.svelte-vk4wu6 .hand-piece.svelte-vk4wu6{height:10%;width:100%}.hand-pieces.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{top:0%}.hand-pieces.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{top:10%}.hand-pieces.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{top:20%}.hand-pieces.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{top:calc(100% / 10 * (4 - 1))}.hand-pieces.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{top:40%}.hand-pieces.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{top:50%}.hand-pieces.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{top:calc(100% / 10 * (7 - 1))}.hand-pieces.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{top:70%}.hand-pieces.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{top:80%}.hand-pieces.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{top:90%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{top:0%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{top:10%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{top:20%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{top:calc(100% / 10 * (4 - 1))}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{top:40%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{top:50%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{top:calc(100% / 10 * (7 - 1))}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{top:70%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{top:80%}.hand-pieces.flipped.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{top:90%}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.svelte-vk4wu6{height:calc(100% / 12)}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{top:0%}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{top:calc(100% / 12 * (2 - 1))}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{top:calc(100% / 12 * (3 - 1))}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{top:25%}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{top:calc(100% / 12 * (5 - 1))}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.bk.svelte-vk4wu6{top:calc(100% / 12 * (6 - 1))}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.wk.svelte-vk4wu6{top:50%}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{top:calc(100% / 12 * (8 - 1))}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{top:calc(100% / 12 * (9 - 1))}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{top:75%}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{top:calc(100% / 12 * (11 - 1))}.hand-pieces.with-king.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{top:calc(100% / 12 * (12 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{top:0%}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{top:calc(100% / 12 * (2 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{top:calc(100% / 12 * (3 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{top:25%}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{top:calc(100% / 12 * (5 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.wk.svelte-vk4wu6{top:calc(100% / 12 * (6 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.bk.svelte-vk4wu6{top:50%}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{top:calc(100% / 12 * (8 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{top:calc(100% / 12 * (9 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{top:75%}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{top:calc(100% / 12 * (11 - 1))}.hand-pieces.with-king.flipped.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{top:calc(100% / 12 * (12 - 1))}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.svelte-vk4wu6{height:50%;width:20%}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{left:0%;top:0}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{left:20%;top:0}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{left:40%;top:0}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{left:calc(100% / 5 * (4 - 1));top:0}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{left:80%;top:0}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{left:0%;top:50%}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{left:20%;top:50%}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{left:40%;top:50%}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{left:calc(100% / 5 * (4 - 1));top:50%}.hand-pieces.horizontal.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{left:80%;top:50%}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{left:0%;top:0}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{left:20%;top:0}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{left:40%;top:0}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{left:calc(100% / 5 * (4 - 1));top:0}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{left:80%;top:0}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{left:0%;top:50%}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{left:20%;top:50%}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{left:40%;top:50%}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{left:calc(100% / 5 * (4 - 1));top:50%}.hand-pieces.horizontal.flipped.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{left:80%;top:50%}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.svelte-vk4wu6{width:calc(100% / (12 / 2))}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{left:0%;top:0}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{left:calc(100% / 6 * (2 - 1));top:0}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{left:calc(100% / 6 * (3 - 1));top:0}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{left:50%;top:0}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{left:calc(100% / 6 * (5 - 1));top:0}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.bk.svelte-vk4wu6{left:calc(100% / 6 * (6 - 1));top:0}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{left:0%;top:50%}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{left:calc(100% / 6 * (2 - 1));top:50%}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{left:calc(100% / 6 * (3 - 1));top:50%}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{left:50%;top:50%}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{left:calc(100% / 6 * (5 - 1));top:50%}.hand-pieces.horizontal.with-king.svelte-vk4wu6 .hand-piece.wk.svelte-vk4wu6{left:calc(100% / 6 * (6 - 1));top:50%}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{left:0%;top:0}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{left:calc(100% / 6 * (2 - 1));top:0}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{left:calc(100% / 6 * (3 - 1));top:0}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{left:50%;top:0}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{left:calc(100% / 6 * (5 - 1));top:0}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.wk.svelte-vk4wu6{left:calc(100% / 6 * (6 - 1));top:0}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{left:0%;top:50%}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{left:calc(100% / 6 * (2 - 1));top:50%}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{left:calc(100% / 6 * (3 - 1));top:50%}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{left:50%;top:50%}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{left:calc(100% / 6 * (5 - 1));top:50%}.hand-pieces.horizontal.flipped.with-king.svelte-vk4wu6 .hand-piece.bk.svelte-vk4wu6{left:calc(100% / 6 * (6 - 1));top:50%}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.svelte-vk4wu6{overflow:visible}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.svelte-vk4wu6:after{background-position-y:bottom;background-repeat:no-repeat;background-size:contain;bottom:0;content:" ";height:132%;left:0;position:absolute;width:100%}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{z-index:2}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{z-index:3}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{z-index:4}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{z-index:5}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{z-index:6}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{z-index:7}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{z-index:8}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{z-index:9}.hand-pieces.pseudo3d.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{z-index:10}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{z-index:2}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{z-index:3}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{z-index:4}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{z-index:5}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{z-index:6}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{z-index:7}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{z-index:8}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{z-index:9}.hand-pieces.pseudo3d.flipped.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{z-index:10}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{z-index:2}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{z-index:3}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{z-index:4}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{z-index:5}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.bk.svelte-vk4wu6{z-index:6}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.wk.svelte-vk4wu6{z-index:7}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{z-index:8}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{z-index:9}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{z-index:10}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{z-index:11}.hand-pieces.pseudo3d.with-king.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{z-index:12}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.wp.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.wb.svelte-vk4wu6{z-index:2}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.wn.svelte-vk4wu6{z-index:3}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.wr.svelte-vk4wu6{z-index:4}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.wq.svelte-vk4wu6{z-index:5}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.wk.svelte-vk4wu6{z-index:6}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.bk.svelte-vk4wu6{z-index:7}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.bq.svelte-vk4wu6{z-index:8}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.br.svelte-vk4wu6{z-index:9}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.bn.svelte-vk4wu6{z-index:10}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.bb.svelte-vk4wu6{z-index:11}.hand-pieces.pseudo3d.flipped.with-king.svelte-vk4wu6 .hand-piece.bp.svelte-vk4wu6{z-index:12}.hand-pieces.pseudo3d.horizontal .piece .bp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .bb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .bn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .br.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .bq.svelte-vk4wu6.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.horizontal .piece .wp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .wb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .wn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .wr.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal .piece .wq.svelte-vk4wu6.svelte-vk4wu6{z-index:2}.hand-pieces.pseudo3d.horizontal.flipped .piece .wp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .wb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .wn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .wr.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .wq.svelte-vk4wu6.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.horizontal.flipped .piece .bp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .bb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .bn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .br.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.flipped .piece .bq.svelte-vk4wu6.svelte-vk4wu6{z-index:2}.hand-pieces.pseudo3d.horizontal.with-king .piece .bp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .bb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .bn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .br.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .bq.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .bk.svelte-vk4wu6.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.horizontal.with-king .piece .wp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .wb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .wn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .wr.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .wq.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king .piece .wk.svelte-vk4wu6.svelte-vk4wu6{z-index:2}.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .wp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .wb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .wn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .wr.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .wq.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .wk.svelte-vk4wu6.svelte-vk4wu6{z-index:1}.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .bp.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .bb.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .bn.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .br.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .bq.svelte-vk4wu6.svelte-vk4wu6,.hand-pieces.pseudo3d.horizontal.with-king.flipped .piece .bk.svelte-vk4wu6.svelte-vk4wu6{z-index:2}.board .hand-pieces.with-king{left:calc(-1 * calc(100% / 12));width:calc(100% / 12)}.board{background-repeat:no-repeat;background-size:100%;border-radius:var(--chessboard-border-radius);contain:layout;height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.board.pseudo3d .vfx .element,.board.pseudo3d .piece,.board.pseudo3d .promotion-piece{overflow:visible}.board.pseudo3d .vfx .element:after,.board.pseudo3d .piece:after,.board.pseudo3d .promotion-piece:after{background-position-y:bottom;background-repeat:no-repeat;background-size:contain;bottom:0;content:" ";height:132%;left:0;position:absolute;width:100%}.board.pseudo3d .promotion-piece.wn:after,.board.pseudo3d .promotion-piece.bn:after{height:113%}.board.pseudo3d .promotion-piece.wr:after,.board.pseudo3d .promotion-piece.br:after{height:121%}.board.pseudo3d .promotion-piece.wb:after,.board.pseudo3d .promotion-piece.bb:after{height:119%}.board.pseudo3d .promotion-piece.wq:after,.board.pseudo3d .promotion-piece.bq:after{height:129%}.board .a11y-overlay{border-collapse:collapse;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}.board .a11y-announcement{height:0;overflow:hidden;width:0}.piece{background-size:100%;cursor:pointer;cursor:grab;cursor:-webkit-grab;height:12.5%;left:0;overflow:hidden;position:absolute;top:0;touch-action:none;width:12.5%;will-change:transform}.piece.dragging{cursor:grabbing;cursor:-webkit-grabbing;z-index:2}.pseudo3d .piece.dragging,.pseudo3d.flipped .piece.dragging{z-index:10}.piece.moving{-webkit-animation-duration:var(--move-animation-duration, .18s);animation-duration:var(--move-animation-duration, .18s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:chessboard-piece-move;animation-name:chessboard-piece-move;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;z-index:2}.piece.fade-out{-webkit-animation-delay:var(--fade-out-animation-delay, 0ms);animation-delay:var(--fade-out-animation-delay, 0ms);-webkit-animation-duration:var(--fade-out-animation-duration, 0ms);animation-duration:var(--fade-out-animation-duration, 0ms);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:chessboard-piece-fade-out;animation-name:chessboard-piece-fade-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.highlight,.hover-square{height:12.5%;left:0;pointer-events:none;position:absolute;top:0;width:12.5%}.hover-square{background:none}.highlight,.hint,.capture-hint{height:12.5%;left:0;position:absolute;top:0;width:12.5%}.highlight.growing-circle{background-color:transparent;overflow:hidden}.highlight.growing-circle:after{-webkit-animation:grow .2s ease-out forwards;animation:grow .2s ease-out forwards;background-color:var(--background-color, "#ffff33");border-radius:50%;content:"";height:100%;left:50%;opacity:var(--opacity, .5);position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(.4);transform:translate(-50%,-50%) scale(.4);width:100%}@-webkit-keyframes grow{to{-webkit-transform:translate(-50%,-50%) scale(1.4142);transform:translate(-50%,-50%) scale(1.4142)}}@keyframes grow{to{-webkit-transform:translate(-50%,-50%) scale(1.4142);transform:translate(-50%,-50%) scale(1.4142)}}.disabled .piece{cursor:default}.hint,.capture-hint{background-clip:content-box;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.hint{background-color:var(--color-transparent-black-14);padding:4.2%}.capture-hint{border:5px solid var(--color-transparent-black-14)}.dynamic.capture-hint{--hole-percent: 90%;background:radial-gradient(circle closest-side at center,transparent 0 var(--hole-percent),var(--color-transparent-black-14) var(--hole-percent) 100%);background-clip:unset;border:0;border-radius:0}.dynamic.capture-hint.removing{-webkit-animation:fade-hint .15s cubic-bezier(.33,1,.68,1) forwards;animation:fade-hint .15s cubic-bezier(.33,1,.68,1) forwards}.dynamic.hint{background:none}.dynamic.hint .circle{--distance: 0;-webkit-animation:grow-hint .15s ease-out forwards;animation:grow-hint .15s ease-out forwards;-webkit-animation-delay:calc(var(--distance) * .03s);animation-delay:calc(var(--distance) * .03s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:var(--color-transparent-black-14);border-radius:50%;height:100%;-webkit-transform:scale(0);transform:scale(0)}.dynamic.hint .circle.removing{-webkit-animation:shrink-hint .15s cubic-bezier(.33,1,.68,1) forwards;animation:shrink-hint .15s cubic-bezier(.33,1,.68,1) forwards;-webkit-animation-delay:0s;animation-delay:0s}.promotion-window{background-color:#fff;border-radius:3px;bottom:0;-webkit-box-shadow:3px 3px 10px var(--color-transparent-black-65);box-shadow:3px 3px 10px var(--color-transparent-black-65);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse;height:56.25%;left:0;position:absolute;top:auto;width:12.5%;z-index:2}.pseudo3d .promotion-window,.pseudo3d.flipped .promotion-window{z-index:10}.promotion-window.top{bottom:auto;top:0}.promotion-window.top .close-button{border-radius:0 0 3px 3px;-webkit-box-ordinal-group:1;order:0}.promotion-window.top .promotion-pieces{border-radius:0 0 3px 3px}.promotion-window.top .promotion-piece.wq,.promotion-window.top .promotion-piece.bq{-webkit-box-ordinal-group:5;order:4}.promotion-window.top .promotion-piece.wn,.promotion-window.top .promotion-piece.bn{-webkit-box-ordinal-group:4;order:3}.promotion-window.top .promotion-piece.wr,.promotion-window.top .promotion-piece.br{-webkit-box-ordinal-group:3;order:2}.promotion-window.top .promotion-piece.wb,.promotion-window.top .promotion-piece.bb{-webkit-box-ordinal-group:2;order:1}.pseudo3d .promotion-window.top .promotion-piece.wq,.pseudo3d .promotion-window.top .promotion-piece.bq{z-index:11}.pseudo3d .promotion-window.top .promotion-piece.wn,.pseudo3d .promotion-window.top .promotion-piece.bn{z-index:12}.pseudo3d .promotion-window.top .promotion-piece.wr,.pseudo3d .promotion-window.top .promotion-piece.br{z-index:13}.pseudo3d .promotion-window.top .promotion-piece.wb,.pseudo3d .promotion-window.top .promotion-piece.bb{z-index:14}.promotion-window .promotion-pieces{background:#fff;border-radius:3px 3px 0 0}.promotion-window .promotion-piece{background-position-y:bottom;background-repeat:no-repeat;background-size:100%;cursor:pointer;padding-top:100%;position:relative}.promotion-window .promotion-piece.wq,.promotion-window .promotion-piece.bq{-webkit-box-ordinal-group:1;order:0}.promotion-window .promotion-piece.wn,.promotion-window .promotion-piece.bn{-webkit-box-ordinal-group:2;order:1}.promotion-window .promotion-piece.wr,.promotion-window .promotion-piece.br{-webkit-box-ordinal-group:3;order:2}.promotion-window .promotion-piece.wb,.promotion-window .promotion-piece.bb{-webkit-box-ordinal-group:4;order:3}.pseudo3d .promotion-window .promotion-piece.wq,.pseudo3d .promotion-window .promotion-piece.bq{z-index:14}.pseudo3d .promotion-window .promotion-piece.wn,.pseudo3d .promotion-window .promotion-piece.bn{z-index:13}.pseudo3d .promotion-window .promotion-piece.wr,.pseudo3d .promotion-window .promotion-piece.br{z-index:12}.pseudo3d .promotion-window .promotion-piece.wb,.pseudo3d .promotion-window .promotion-piece.bb{z-index:11}.promotion-window .close-button{-webkit-box-align:center;align-items:center;background:var(--color-gray-100);border-radius:4px 4px 0 0;color:var(--color-gray-500);cursor:pointer;display:-webkit-box;display:flex;-webkit-box-flex:1;flex-grow:1;font-size:150%;font-style:normal;-webkit-box-pack:center;justify-content:center;max-height:12.5%;-webkit-box-ordinal-group:5;order:4;text-align:center}.promotion-window.dynamic{--promotion-window-clip-top: 100%;--promotion-window-clip-bottom: 0%;background-color:transparent;-webkit-box-shadow:3px 3px 10px transparent;box-shadow:3px 3px 10px transparent;isolation:isolate;-webkit-box-pack:start;justify-content:flex-start;overflow:visible;-webkit-transition:-webkit-box-shadow 333ms ease-out;transition:-webkit-box-shadow 333ms ease-out;transition:box-shadow 333ms ease-out;transition:box-shadow 333ms ease-out,-webkit-box-shadow 333ms ease-out}.promotion-window.dynamic:before{background-color:#fff;border-radius:inherit;-webkit-box-shadow:3px 3px 10px var(--color-transparent-black-65);box-shadow:3px 3px 10px var(--color-transparent-black-65);clip-path:inset(var(--promotion-window-clip-top, 100%) 0 var(--promotion-window-clip-bottom, 0%) 0);content:"";inset:0;pointer-events:none;position:absolute;-webkit-transition:clip-path 333ms cubic-bezier(.34,1.56,.64,1);transition:clip-path 333ms cubic-bezier(.34,1.56,.64,1);will-change:clip-path;z-index:-1}.promotion-window.dynamic.top{--promotion-window-clip-top: 0%;--promotion-window-clip-bottom: 100%;-webkit-box-pack:end;justify-content:flex-end}.promotion-window.dynamic.top .close-button{bottom:0;top:auto;-webkit-transform:translateY(calc(var(--promotion-window-clip-bottom) * -8));transform:translateY(calc(var(--promotion-window-clip-bottom) * -8))}.promotion-window.dynamic.top .promotion-pieces{top:12.5%}.promotion-window.dynamic.promotion-window--visible{--promotion-window-clip-top: 0%;--promotion-window-clip-bottom: 0%;-webkit-box-shadow:3px 3px 10px var(--color-transparent-black-65);box-shadow:3px 3px 10px var(--color-transparent-black-65);-webkit-transition-delay:.16s;transition-delay:.16s}.promotion-window.dynamic.promotion-window--visible .promotion-piece{opacity:1}.promotion-window.dynamic .promotion-pieces{background:transparent;position:relative;top:-12.5%}.promotion-window.dynamic .promotion-piece{opacity:0;-webkit-transition:opacity 333ms;transition:opacity 333ms}.promotion-window.dynamic .close-button{height:11.1111111111%;left:0;max-height:11.1111111111%;position:absolute;top:0;-webkit-transform:translateY(calc(var(--promotion-window-clip-top) * 8));transform:translateY(calc(var(--promotion-window-clip-top) * 8));-webkit-transition:-webkit-transform 333ms cubic-bezier(.34,1.56,.64,1);transition:-webkit-transform 333ms cubic-bezier(.34,1.56,.64,1);transition:transform 333ms cubic-bezier(.34,1.56,.64,1);transition:transform 333ms cubic-bezier(.34,1.56,.64,1),-webkit-transform 333ms cubic-bezier(.34,1.56,.64,1);width:100%;z-index:20}.promotion-window .arrow-container{left:0;position:absolute;top:0}.square-11{-webkit-transform:translate(0%,700%);transform:translateY(700%)}.pseudo3d .square-11{z-index:8}.flipped .square-11{-webkit-transform:translate(700%,0%);transform:translate(700%)}.pseudo3d.flipped .square-11{z-index:1}.hide-piece-11 .piece.square-11{display:none}.square-21{-webkit-transform:translate(100%,700%);transform:translate(100%,700%)}.pseudo3d .square-21{z-index:8}.flipped .square-21{-webkit-transform:translate(600%,0%);transform:translate(600%)}.pseudo3d.flipped .square-21{z-index:1}.hide-piece-21 .piece.square-21{display:none}.square-31{-webkit-transform:translate(200%,700%);transform:translate(200%,700%)}.pseudo3d .square-31{z-index:8}.flipped .square-31{-webkit-transform:translate(500%,0%);transform:translate(500%)}.pseudo3d.flipped .square-31{z-index:1}.hide-piece-31 .piece.square-31{display:none}.square-41{-webkit-transform:translate(300%,700%);transform:translate(300%,700%)}.pseudo3d .square-41{z-index:8}.flipped .square-41{-webkit-transform:translate(400%,0%);transform:translate(400%)}.pseudo3d.flipped .square-41{z-index:1}.hide-piece-41 .piece.square-41{display:none}.square-51{-webkit-transform:translate(400%,700%);transform:translate(400%,700%)}.pseudo3d .square-51{z-index:8}.flipped .square-51{-webkit-transform:translate(300%,0%);transform:translate(300%)}.pseudo3d.flipped .square-51{z-index:1}.hide-piece-51 .piece.square-51{display:none}.square-61{-webkit-transform:translate(500%,700%);transform:translate(500%,700%)}.pseudo3d .square-61{z-index:8}.flipped .square-61{-webkit-transform:translate(200%,0%);transform:translate(200%)}.pseudo3d.flipped .square-61{z-index:1}.hide-piece-61 .piece.square-61{display:none}.square-71{-webkit-transform:translate(600%,700%);transform:translate(600%,700%)}.pseudo3d .square-71{z-index:8}.flipped .square-71{-webkit-transform:translate(100%,0%);transform:translate(100%)}.pseudo3d.flipped .square-71{z-index:1}.hide-piece-71 .piece.square-71{display:none}.square-81{-webkit-transform:translate(700%,700%);transform:translate(700%,700%)}.pseudo3d .square-81{z-index:8}.flipped .square-81{-webkit-transform:translate(0%,0%);transform:translate(0)}.pseudo3d.flipped .square-81{z-index:1}.hide-piece-81 .piece.square-81{display:none}.square-12{-webkit-transform:translate(0%,600%);transform:translateY(600%)}.pseudo3d .square-12{z-index:7}.flipped .square-12{-webkit-transform:translate(700%,100%);transform:translate(700%,100%)}.pseudo3d.flipped .square-12{z-index:2}.hide-piece-12 .piece.square-12{display:none}.square-22{-webkit-transform:translate(100%,600%);transform:translate(100%,600%)}.pseudo3d .square-22{z-index:7}.flipped .square-22{-webkit-transform:translate(600%,100%);transform:translate(600%,100%)}.pseudo3d.flipped .square-22{z-index:2}.hide-piece-22 .piece.square-22{display:none}.square-32{-webkit-transform:translate(200%,600%);transform:translate(200%,600%)}.pseudo3d .square-32{z-index:7}.flipped .square-32{-webkit-transform:translate(500%,100%);transform:translate(500%,100%)}.pseudo3d.flipped .square-32{z-index:2}.hide-piece-32 .piece.square-32{display:none}.square-42{-webkit-transform:translate(300%,600%);transform:translate(300%,600%)}.pseudo3d .square-42{z-index:7}.flipped .square-42{-webkit-transform:translate(400%,100%);transform:translate(400%,100%)}.pseudo3d.flipped .square-42{z-index:2}.hide-piece-42 .piece.square-42{display:none}.square-52{-webkit-transform:translate(400%,600%);transform:translate(400%,600%)}.pseudo3d .square-52{z-index:7}.flipped .square-52{-webkit-transform:translate(300%,100%);transform:translate(300%,100%)}.pseudo3d.flipped .square-52{z-index:2}.hide-piece-52 .piece.square-52{display:none}.square-62{-webkit-transform:translate(500%,600%);transform:translate(500%,600%)}.pseudo3d .square-62{z-index:7}.flipped .square-62{-webkit-transform:translate(200%,100%);transform:translate(200%,100%)}.pseudo3d.flipped .square-62{z-index:2}.hide-piece-62 .piece.square-62{display:none}.square-72{-webkit-transform:translate(600%,600%);transform:translate(600%,600%)}.pseudo3d .square-72{z-index:7}.flipped .square-72{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.pseudo3d.flipped .square-72{z-index:2}.hide-piece-72 .piece.square-72{display:none}.square-82{-webkit-transform:translate(700%,600%);transform:translate(700%,600%)}.pseudo3d .square-82{z-index:7}.flipped .square-82{-webkit-transform:translate(0%,100%);transform:translateY(100%)}.pseudo3d.flipped .square-82{z-index:2}.hide-piece-82 .piece.square-82{display:none}.square-13{-webkit-transform:translate(0%,500%);transform:translateY(500%)}.pseudo3d .square-13{z-index:6}.flipped .square-13{-webkit-transform:translate(700%,200%);transform:translate(700%,200%)}.pseudo3d.flipped .square-13{z-index:3}.hide-piece-13 .piece.square-13{display:none}.square-23{-webkit-transform:translate(100%,500%);transform:translate(100%,500%)}.pseudo3d .square-23{z-index:6}.flipped .square-23{-webkit-transform:translate(600%,200%);transform:translate(600%,200%)}.pseudo3d.flipped .square-23{z-index:3}.hide-piece-23 .piece.square-23{display:none}.square-33{-webkit-transform:translate(200%,500%);transform:translate(200%,500%)}.pseudo3d .square-33{z-index:6}.flipped .square-33{-webkit-transform:translate(500%,200%);transform:translate(500%,200%)}.pseudo3d.flipped .square-33{z-index:3}.hide-piece-33 .piece.square-33{display:none}.square-43{-webkit-transform:translate(300%,500%);transform:translate(300%,500%)}.pseudo3d .square-43{z-index:6}.flipped .square-43{-webkit-transform:translate(400%,200%);transform:translate(400%,200%)}.pseudo3d.flipped .square-43{z-index:3}.hide-piece-43 .piece.square-43{display:none}.square-53{-webkit-transform:translate(400%,500%);transform:translate(400%,500%)}.pseudo3d .square-53{z-index:6}.flipped .square-53{-webkit-transform:translate(300%,200%);transform:translate(300%,200%)}.pseudo3d.flipped .square-53{z-index:3}.hide-piece-53 .piece.square-53{display:none}.square-63{-webkit-transform:translate(500%,500%);transform:translate(500%,500%)}.pseudo3d .square-63{z-index:6}.flipped .square-63{-webkit-transform:translate(200%,200%);transform:translate(200%,200%)}.pseudo3d.flipped .square-63{z-index:3}.hide-piece-63 .piece.square-63{display:none}.square-73{-webkit-transform:translate(600%,500%);transform:translate(600%,500%)}.pseudo3d .square-73{z-index:6}.flipped .square-73{-webkit-transform:translate(100%,200%);transform:translate(100%,200%)}.pseudo3d.flipped .square-73{z-index:3}.hide-piece-73 .piece.square-73{display:none}.square-83{-webkit-transform:translate(700%,500%);transform:translate(700%,500%)}.pseudo3d .square-83{z-index:6}.flipped .square-83{-webkit-transform:translate(0%,200%);transform:translateY(200%)}.pseudo3d.flipped .square-83{z-index:3}.hide-piece-83 .piece.square-83{display:none}.square-14{-webkit-transform:translate(0%,400%);transform:translateY(400%)}.pseudo3d .square-14{z-index:5}.flipped .square-14{-webkit-transform:translate(700%,300%);transform:translate(700%,300%)}.pseudo3d.flipped .square-14{z-index:4}.hide-piece-14 .piece.square-14{display:none}.square-24{-webkit-transform:translate(100%,400%);transform:translate(100%,400%)}.pseudo3d .square-24{z-index:5}.flipped .square-24{-webkit-transform:translate(600%,300%);transform:translate(600%,300%)}.pseudo3d.flipped .square-24{z-index:4}.hide-piece-24 .piece.square-24{display:none}.square-34{-webkit-transform:translate(200%,400%);transform:translate(200%,400%)}.pseudo3d .square-34{z-index:5}.flipped .square-34{-webkit-transform:translate(500%,300%);transform:translate(500%,300%)}.pseudo3d.flipped .square-34{z-index:4}.hide-piece-34 .piece.square-34{display:none}.square-44{-webkit-transform:translate(300%,400%);transform:translate(300%,400%)}.pseudo3d .square-44{z-index:5}.flipped .square-44{-webkit-transform:translate(400%,300%);transform:translate(400%,300%)}.pseudo3d.flipped .square-44{z-index:4}.hide-piece-44 .piece.square-44{display:none}.square-54{-webkit-transform:translate(400%,400%);transform:translate(400%,400%)}.pseudo3d .square-54{z-index:5}.flipped .square-54{-webkit-transform:translate(300%,300%);transform:translate(300%,300%)}.pseudo3d.flipped .square-54{z-index:4}.hide-piece-54 .piece.square-54{display:none}.square-64{-webkit-transform:translate(500%,400%);transform:translate(500%,400%)}.pseudo3d .square-64{z-index:5}.flipped .square-64{-webkit-transform:translate(200%,300%);transform:translate(200%,300%)}.pseudo3d.flipped .square-64{z-index:4}.hide-piece-64 .piece.square-64{display:none}.square-74{-webkit-transform:translate(600%,400%);transform:translate(600%,400%)}.pseudo3d .square-74{z-index:5}.flipped .square-74{-webkit-transform:translate(100%,300%);transform:translate(100%,300%)}.pseudo3d.flipped .square-74{z-index:4}.hide-piece-74 .piece.square-74{display:none}.square-84{-webkit-transform:translate(700%,400%);transform:translate(700%,400%)}.pseudo3d .square-84{z-index:5}.flipped .square-84{-webkit-transform:translate(0%,300%);transform:translateY(300%)}.pseudo3d.flipped .square-84{z-index:4}.hide-piece-84 .piece.square-84{display:none}.square-15{-webkit-transform:translate(0%,300%);transform:translateY(300%)}.pseudo3d .square-15{z-index:4}.flipped .square-15{-webkit-transform:translate(700%,400%);transform:translate(700%,400%)}.pseudo3d.flipped .square-15{z-index:5}.hide-piece-15 .piece.square-15{display:none}.square-25{-webkit-transform:translate(100%,300%);transform:translate(100%,300%)}.pseudo3d .square-25{z-index:4}.flipped .square-25{-webkit-transform:translate(600%,400%);transform:translate(600%,400%)}.pseudo3d.flipped .square-25{z-index:5}.hide-piece-25 .piece.square-25{display:none}.square-35{-webkit-transform:translate(200%,300%);transform:translate(200%,300%)}.pseudo3d .square-35{z-index:4}.flipped .square-35{-webkit-transform:translate(500%,400%);transform:translate(500%,400%)}.pseudo3d.flipped .square-35{z-index:5}.hide-piece-35 .piece.square-35{display:none}.square-45{-webkit-transform:translate(300%,300%);transform:translate(300%,300%)}.pseudo3d .square-45{z-index:4}.flipped .square-45{-webkit-transform:translate(400%,400%);transform:translate(400%,400%)}.pseudo3d.flipped .square-45{z-index:5}.hide-piece-45 .piece.square-45{display:none}.square-55{-webkit-transform:translate(400%,300%);transform:translate(400%,300%)}.pseudo3d .square-55{z-index:4}.flipped .square-55{-webkit-transform:translate(300%,400%);transform:translate(300%,400%)}.pseudo3d.flipped .square-55{z-index:5}.hide-piece-55 .piece.square-55{display:none}.square-65{-webkit-transform:translate(500%,300%);transform:translate(500%,300%)}.pseudo3d .square-65{z-index:4}.flipped .square-65{-webkit-transform:translate(200%,400%);transform:translate(200%,400%)}.pseudo3d.flipped .square-65{z-index:5}.hide-piece-65 .piece.square-65{display:none}.square-75{-webkit-transform:translate(600%,300%);transform:translate(600%,300%)}.pseudo3d .square-75{z-index:4}.flipped .square-75{-webkit-transform:translate(100%,400%);transform:translate(100%,400%)}.pseudo3d.flipped .square-75{z-index:5}.hide-piece-75 .piece.square-75{display:none}.square-85{-webkit-transform:translate(700%,300%);transform:translate(700%,300%)}.pseudo3d .square-85{z-index:4}.flipped .square-85{-webkit-transform:translate(0%,400%);transform:translateY(400%)}.pseudo3d.flipped .square-85{z-index:5}.hide-piece-85 .piece.square-85{display:none}.square-16{-webkit-transform:translate(0%,200%);transform:translateY(200%)}.pseudo3d .square-16{z-index:3}.flipped .square-16{-webkit-transform:translate(700%,500%);transform:translate(700%,500%)}.pseudo3d.flipped .square-16{z-index:6}.hide-piece-16 .piece.square-16{display:none}.square-26{-webkit-transform:translate(100%,200%);transform:translate(100%,200%)}.pseudo3d .square-26{z-index:3}.flipped .square-26{-webkit-transform:translate(600%,500%);transform:translate(600%,500%)}.pseudo3d.flipped .square-26{z-index:6}.hide-piece-26 .piece.square-26{display:none}.square-36{-webkit-transform:translate(200%,200%);transform:translate(200%,200%)}.pseudo3d .square-36{z-index:3}.flipped .square-36{-webkit-transform:translate(500%,500%);transform:translate(500%,500%)}.pseudo3d.flipped .square-36{z-index:6}.hide-piece-36 .piece.square-36{display:none}.square-46{-webkit-transform:translate(300%,200%);transform:translate(300%,200%)}.pseudo3d .square-46{z-index:3}.flipped .square-46{-webkit-transform:translate(400%,500%);transform:translate(400%,500%)}.pseudo3d.flipped .square-46{z-index:6}.hide-piece-46 .piece.square-46{display:none}.square-56{-webkit-transform:translate(400%,200%);transform:translate(400%,200%)}.pseudo3d .square-56{z-index:3}.flipped .square-56{-webkit-transform:translate(300%,500%);transform:translate(300%,500%)}.pseudo3d.flipped .square-56{z-index:6}.hide-piece-56 .piece.square-56{display:none}.square-66{-webkit-transform:translate(500%,200%);transform:translate(500%,200%)}.pseudo3d .square-66{z-index:3}.flipped .square-66{-webkit-transform:translate(200%,500%);transform:translate(200%,500%)}.pseudo3d.flipped .square-66{z-index:6}.hide-piece-66 .piece.square-66{display:none}.square-76{-webkit-transform:translate(600%,200%);transform:translate(600%,200%)}.pseudo3d .square-76{z-index:3}.flipped .square-76{-webkit-transform:translate(100%,500%);transform:translate(100%,500%)}.pseudo3d.flipped .square-76{z-index:6}.hide-piece-76 .piece.square-76{display:none}.square-86{-webkit-transform:translate(700%,200%);transform:translate(700%,200%)}.pseudo3d .square-86{z-index:3}.flipped .square-86{-webkit-transform:translate(0%,500%);transform:translateY(500%)}.pseudo3d.flipped .square-86{z-index:6}.hide-piece-86 .piece.square-86{display:none}.square-17{-webkit-transform:translate(0%,100%);transform:translateY(100%)}.pseudo3d .square-17{z-index:2}.flipped .square-17{-webkit-transform:translate(700%,600%);transform:translate(700%,600%)}.pseudo3d.flipped .square-17{z-index:7}.hide-piece-17 .piece.square-17{display:none}.square-27{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.pseudo3d .square-27{z-index:2}.flipped .square-27{-webkit-transform:translate(600%,600%);transform:translate(600%,600%)}.pseudo3d.flipped .square-27{z-index:7}.hide-piece-27 .piece.square-27{display:none}.square-37{-webkit-transform:translate(200%,100%);transform:translate(200%,100%)}.pseudo3d .square-37{z-index:2}.flipped .square-37{-webkit-transform:translate(500%,600%);transform:translate(500%,600%)}.pseudo3d.flipped .square-37{z-index:7}.hide-piece-37 .piece.square-37{display:none}.square-47{-webkit-transform:translate(300%,100%);transform:translate(300%,100%)}.pseudo3d .square-47{z-index:2}.flipped .square-47{-webkit-transform:translate(400%,600%);transform:translate(400%,600%)}.pseudo3d.flipped .square-47{z-index:7}.hide-piece-47 .piece.square-47{display:none}.square-57{-webkit-transform:translate(400%,100%);transform:translate(400%,100%)}.pseudo3d .square-57{z-index:2}.flipped .square-57{-webkit-transform:translate(300%,600%);transform:translate(300%,600%)}.pseudo3d.flipped .square-57{z-index:7}.hide-piece-57 .piece.square-57{display:none}.square-67{-webkit-transform:translate(500%,100%);transform:translate(500%,100%)}.pseudo3d .square-67{z-index:2}.flipped .square-67{-webkit-transform:translate(200%,600%);transform:translate(200%,600%)}.pseudo3d.flipped .square-67{z-index:7}.hide-piece-67 .piece.square-67{display:none}.square-77{-webkit-transform:translate(600%,100%);transform:translate(600%,100%)}.pseudo3d .square-77{z-index:2}.flipped .square-77{-webkit-transform:translate(100%,600%);transform:translate(100%,600%)}.pseudo3d.flipped .square-77{z-index:7}.hide-piece-77 .piece.square-77{display:none}.square-87{-webkit-transform:translate(700%,100%);transform:translate(700%,100%)}.pseudo3d .square-87{z-index:2}.flipped .square-87{-webkit-transform:translate(0%,600%);transform:translateY(600%)}.pseudo3d.flipped .square-87{z-index:7}.hide-piece-87 .piece.square-87{display:none}.square-18{-webkit-transform:translate(0%,0%);transform:translate(0)}.pseudo3d .square-18{z-index:1}.flipped .square-18{-webkit-transform:translate(700%,700%);transform:translate(700%,700%)}.pseudo3d.flipped .square-18{z-index:8}.hide-piece-18 .piece.square-18{display:none}.square-28{-webkit-transform:translate(100%,0%);transform:translate(100%)}.pseudo3d .square-28{z-index:1}.flipped .square-28{-webkit-transform:translate(600%,700%);transform:translate(600%,700%)}.pseudo3d.flipped .square-28{z-index:8}.hide-piece-28 .piece.square-28{display:none}.square-38{-webkit-transform:translate(200%,0%);transform:translate(200%)}.pseudo3d .square-38{z-index:1}.flipped .square-38{-webkit-transform:translate(500%,700%);transform:translate(500%,700%)}.pseudo3d.flipped .square-38{z-index:8}.hide-piece-38 .piece.square-38{display:none}.square-48{-webkit-transform:translate(300%,0%);transform:translate(300%)}.pseudo3d .square-48{z-index:1}.flipped .square-48{-webkit-transform:translate(400%,700%);transform:translate(400%,700%)}.pseudo3d.flipped .square-48{z-index:8}.hide-piece-48 .piece.square-48{display:none}.square-58{-webkit-transform:translate(400%,0%);transform:translate(400%)}.pseudo3d .square-58{z-index:1}.flipped .square-58{-webkit-transform:translate(300%,700%);transform:translate(300%,700%)}.pseudo3d.flipped .square-58{z-index:8}.hide-piece-58 .piece.square-58{display:none}.square-68{-webkit-transform:translate(500%,0%);transform:translate(500%)}.pseudo3d .square-68{z-index:1}.flipped .square-68{-webkit-transform:translate(200%,700%);transform:translate(200%,700%)}.pseudo3d.flipped .square-68{z-index:8}.hide-piece-68 .piece.square-68{display:none}.square-78{-webkit-transform:translate(600%,0%);transform:translate(600%)}.pseudo3d .square-78{z-index:1}.flipped .square-78{-webkit-transform:translate(100%,700%);transform:translate(100%,700%)}.pseudo3d.flipped .square-78{z-index:8}.hide-piece-78 .piece.square-78{display:none}.square-88{-webkit-transform:translate(700%,0%);transform:translate(700%)}.pseudo3d .square-88{z-index:1}.flipped .square-88{-webkit-transform:translate(0%,700%);transform:translateY(700%)}.pseudo3d.flipped .square-88{z-index:8}.hide-piece-88 .piece.square-88{display:none}@-webkit-keyframes chessboard-piece-move{0%{-webkit-transform:translate(var(--from-x),var(--from-y));transform:translate(var(--from-x),var(--from-y))}to{-webkit-transform:translate(var(--to-x),var(--to-y));transform:translate(var(--to-x),var(--to-y))}}@keyframes chessboard-piece-move{0%{-webkit-transform:translate(var(--from-x),var(--from-y));transform:translate(var(--from-x),var(--from-y))}to{-webkit-transform:translate(var(--to-x),var(--to-y));transform:translate(var(--to-x),var(--to-y))}}@-webkit-keyframes chessboard-piece-fade-out{0%{opacity:1}to{opacity:0}}@keyframes chessboard-piece-fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes grow-hint{0%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow-hint{0%{-webkit-transform:scale(0);transform:scale(0)}70%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shrink-hint{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes shrink-hint{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes fade-hint{0%{opacity:1}to{opacity:0}}@keyframes fade-hint{0%{opacity:1}to{opacity:0}}.board-webgl-2d canvas{border-radius:var(--chessboard-border-radius)}.board-webgl-2d.piece-hover{cursor:-webkit-grab;cursor:grab}.board-webgl-2d.piece-dragging{cursor:-webkit-grabbing;cursor:grabbing}.board-webgl-2d .a11y-overlay{border-collapse:collapse;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}.board-webgl-2d .a11y-announcement{height:0;overflow:hidden;width:0}.board-webgl-3d{position:relative}.board-webgl-3d.piece-hover{cursor:-webkit-grab;cursor:grab}.board-webgl-3d.piece-dragging{cursor:-webkit-grabbing;cursor:grabbing}.board-webgl-3d .promotion-window-3d{background:var(--color-neutrals-white);border:1px solid var(--color-gray-600);border-radius:3px;-webkit-box-shadow:1px 1px 10px var(--color-gray-800);box-shadow:1px 1px 10px var(--color-gray-800);cursor:default;display:none;height:210px;left:50%;margin-left:-90px;margin-top:-117px;position:absolute;text-align:center;top:50%;width:180px}.board-webgl-3d .promotion-window-3d .close-button{background:var(--color-gray-100);color:var(--color-gray-500);height:20px;position:absolute;right:0;top:0;width:20px}.board-webgl-3d .board-help{position:absolute;right:0;top:0}.board-webgl-3d .board-help .trigger{color:var(--color-transparent-white-50);font-family:Chess V3;font-size:22px;line-height:20px;margin:0 2px 2px}.board-webgl-3d .board-help .content{background:var(--color-transparent-black-77);border:2px solid var(--color-transparent-white-72);border-radius:2px;display:none;padding:0 0 0 1em}.board-webgl-3d .board-help .content ul{font-size:13px;list-style-position:outside;margin:1em}.board-webgl-3d .board-help .content ul li{color:var(--color-neutrals-white);line-height:1em;margin-bottom:1em}.board-webgl-3d .board-help:hover .trigger{display:none}.board-webgl-3d .board-help:hover .content{display:block}.board-webgl-3d .statistics-panel{background:#0000004d;border:1px solid rgba(255,255,255,.3);color:#ccc;font-size:13px;position:absolute;z-index:1}.board-webgl-3d .statistics-panel .group{padding:.5em 1em}.board-webgl-3d .statistics-panel .group .item span{color:#eee;font-weight:700}.board-webgl-3d .statistics-panel .separator{border-bottom:1px solid rgba(255,255,255,.3)}.coordinate-light,.coordinate-dark{font-weight:600}.coordinate-grey{fill:var(--color-transparent-white-50);font-weight:600}.coordinates{left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coordinates.each-square{opacity:.4;z-index:1}.outside{position:absolute;-webkit-transform:translate(-5%,4%);transform:translate(-5%,4%)}.outside text{font-size:.25rem}html[dir=rtl] .coordinates:not(.outside){left:8px;overflow:visible}html[dir=rtl] .outside{-webkit-transform:translate(-3%,4%);transform:translate(-3%,4%)}.variations-popover.svelte-1hbhi2i.svelte-1hbhi2i{background-color:var(--color-bg-opaque);border-radius:var(--radius-l);border-top:.3rem solid rgba(248,229,0,.2);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px #00000080;color:var(--color-gray-600);font-size:1.3rem;font-weight:400;line-height:2rem;min-height:4rem;min-width:12rem;overflow-x:auto;position:fixed;z-index:2}.variations-popover.svelte-1hbhi2i .row.svelte-1hbhi2i{-webkit-box-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:flex;padding:.2rem}.variations-popover.svelte-1hbhi2i .selected.svelte-1hbhi2i{background-color:var(--color-bg-subtler);text-shadow:0 0 black}.variations-popover.svelte-1hbhi2i .icon-wrap.svelte-1hbhi2i{width:2rem}.variations-popover.svelte-1hbhi2i .icon-wrap .icon.svelte-1hbhi2i{margin-right:.5rem;width:2rem}.variations-popover.svelte-1hbhi2i .icon-wrap .icon-font-chess.move-arrow-right.svelte-1hbhi2i:before{content:"]";font-size:1.6rem}.dark-mode .variations-popover.svelte-1hbhi2i.svelte-1hbhi2i{border-color:var(--color-gray-500);color:var(--color-transparent-white-72)}.move-node-context-menu.svelte-immwnr.svelte-immwnr{background-color:var(--color-bg-opaque);border-radius:var(--radius-l);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px #00000080;color:var(--color-text-default);font-size:1.4rem;list-style:none;min-width:16rem;padding:8px;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}.move-node-context-menu.svelte-immwnr .actions-container.svelte-immwnr{border-bottom:1px solid var(--color-border-default);padding-bottom:4px}.move-node-context-menu.svelte-immwnr .action-name.svelte-immwnr{padding:.5rem 2rem}.move-node-context-menu.svelte-immwnr .action-name.svelte-immwnr,.move-node-context-menu.svelte-immwnr .annotation.svelte-immwnr{cursor:pointer;display:block}.move-node-context-menu.svelte-immwnr .action-name.svelte-immwnr:hover,.move-node-context-menu.svelte-immwnr .annotation.svelte-immwnr:hover{background-color:var(--color-bg-subtler);border-radius:var(--radius-m);color:var(--color-text-default-hovered)}.move-node-context-menu.svelte-immwnr .action-name.blank.svelte-immwnr,.move-node-context-menu.svelte-immwnr .annotation.blank.svelte-immwnr{cursor:default}.move-node-context-menu.svelte-immwnr .action-name.blank.svelte-immwnr:hover,.move-node-context-menu.svelte-immwnr .annotation.blank.svelte-immwnr:hover{background-color:inherit}.move-node-context-menu.svelte-immwnr .annotations-container.svelte-immwnr{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding-top:4px}.move-node-context-menu.svelte-immwnr .annotation.svelte-immwnr{display:inline-block;padding:3px;text-align:center}.board.analysis-overlay:before{background:var(--color-transparent-white-25);content:" ";height:100%;position:absolute;width:100%}.board .arrows{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.board.pseudo3d .arrows{z-index:9}.board.flipped .arrows{-webkit-transform:scale(-1,-1);transform:scale(-1)}.pointer-finger-container{--flipped-modifier: 1;--adjusted-from-x: calc(var(--from-x) - var(--offset-x) * var(--flipped-modifier));--adjusted-from-y: calc(var(--from-y) - var(--offset-y) * var(--flipped-modifier));--adjusted-to-x: calc(var(--to-x) - var(--offset-x) * var(--flipped-modifier));--adjusted-to-y: calc(var(--to-y) - var(--offset-y) * var(--flipped-modifier));opacity:0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--adjusted-from-x),var(--adjusted-from-y));transform:translate(var(--adjusted-from-x),var(--adjusted-from-y))}.board.flipped .pointer-finger-container{--flipped-modifier: -1}.board.flipped .pointer-finger{-webkit-transform:scale(-1,-1);transform:scale(-1)}@-webkit-keyframes finger-move{0%{-webkit-transform:translate(var(--adjusted-from-x),var(--adjusted-from-y));transform:translate(var(--adjusted-from-x),var(--adjusted-from-y))}to{-webkit-transform:translate(var(--adjusted-to-x),var(--adjusted-to-y));transform:translate(var(--adjusted-to-x),var(--adjusted-to-y))}}@keyframes finger-move{0%{-webkit-transform:translate(var(--adjusted-from-x),var(--adjusted-from-y));transform:translate(var(--adjusted-from-x),var(--adjusted-from-y))}to{-webkit-transform:translate(var(--adjusted-to-x),var(--adjusted-to-y));transform:translate(var(--adjusted-to-x),var(--adjusted-to-y))}}@-webkit-keyframes finger-fade-in{0%{opacity:0}to{opacity:1}}@keyframes finger-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes finger-fade-out{0%{opacity:1}to{opacity:0}}@keyframes finger-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in-overlay{background-size:100%;display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;touch-action:none;width:100%;z-index:3}.fade-in-overlay.animate{-webkit-animation-name:fadeOut;animation-name:fadeOut;display:block}body{--chessboard-border-radius: 0;--chessboard-rounded-radius: 3px}.chessboard-pkg-move-list-component .icon-font-chess:before,.horizontal-move-list .icon-font-chess:before,.vertical-move-list .icon-font-chess:before{pointer-events:none}.chessboard-pkg-move-list-component .icon-font-chess.knight-black:before,.horizontal-move-list .icon-font-chess.knight-black:before,.vertical-move-list .icon-font-chess.knight-black:before{content:"Ç"}.chessboard-pkg-move-list-component .icon-font-chess.knight-white:before,.horizontal-move-list .icon-font-chess.knight-white:before,.vertical-move-list .icon-font-chess.knight-white:before{content:"Ė"}.chessboard-pkg-move-list-component .icon-font-chess.bishop-black:before,.horizontal-move-list .icon-font-chess.bishop-black:before,.vertical-move-list .icon-font-chess.bishop-black:before{content:"Ă"}.chessboard-pkg-move-list-component .icon-font-chess.bishop-white:before,.horizontal-move-list .icon-font-chess.bishop-white:before,.vertical-move-list .icon-font-chess.bishop-white:before{content:"Ä"}.chessboard-pkg-move-list-component .icon-font-chess.queen-black:before,.horizontal-move-list .icon-font-chess.queen-black:before,.vertical-move-list .icon-font-chess.queen-black:before{content:"Į"}.chessboard-pkg-move-list-component .icon-font-chess.queen-white:before,.horizontal-move-list .icon-font-chess.queen-white:before,.vertical-move-list .icon-font-chess.queen-white:before{content:"Ķ"}.chessboard-pkg-move-list-component .icon-font-chess.king-black:before,.horizontal-move-list .icon-font-chess.king-black:before,.vertical-move-list .icon-font-chess.king-black:before{content:"Ā"}.chessboard-pkg-move-list-component .icon-font-chess.king-white:before,.horizontal-move-list .icon-font-chess.king-white:before,.vertical-move-list .icon-font-chess.king-white:before{content:"Ą"}.chessboard-pkg-move-list-component .icon-font-chess.rook-black:before,.horizontal-move-list .icon-font-chess.rook-black:before,.vertical-move-list .icon-font-chess.rook-black:before{content:"Ľ"}.chessboard-pkg-move-list-component .icon-font-chess.rook-white:before,.horizontal-move-list .icon-font-chess.rook-white:before,.vertical-move-list .icon-font-chess.rook-white:before{content:"Ļ"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.knight-black:before,.dark-mode .horizontal-move-list .icon-font-chess.knight-black:before,.dark-mode .vertical-move-list .icon-font-chess.knight-black:before{content:"Ė"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.knight-white:before,.dark-mode .horizontal-move-list .icon-font-chess.knight-white:before,.dark-mode .vertical-move-list .icon-font-chess.knight-white:before{content:"Ç"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.bishop-black:before,.dark-mode .horizontal-move-list .icon-font-chess.bishop-black:before,.dark-mode .vertical-move-list .icon-font-chess.bishop-black:before{content:"Ä"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.bishop-white:before,.dark-mode .horizontal-move-list .icon-font-chess.bishop-white:before,.dark-mode .vertical-move-list .icon-font-chess.bishop-white:before{content:"Ă"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.queen-black:before,.dark-mode .horizontal-move-list .icon-font-chess.queen-black:before,.dark-mode .vertical-move-list .icon-font-chess.queen-black:before{content:"Ķ"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.queen-white:before,.dark-mode .horizontal-move-list .icon-font-chess.queen-white:before,.dark-mode .vertical-move-list .icon-font-chess.queen-white:before{content:"Į"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.king-black:before,.dark-mode .horizontal-move-list .icon-font-chess.king-black:before,.dark-mode .vertical-move-list .icon-font-chess.king-black:before{content:"Ą"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.king-white:before,.dark-mode .horizontal-move-list .icon-font-chess.king-white:before,.dark-mode .vertical-move-list .icon-font-chess.king-white:before{content:"Ā"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.rook-black:before,.dark-mode .horizontal-move-list .icon-font-chess.rook-black:before,.dark-mode .vertical-move-list .icon-font-chess.rook-black:before{content:"Ļ"}.dark-mode .chessboard-pkg-move-list-component .icon-font-chess.rook-white:before,.dark-mode .horizontal-move-list .icon-font-chess.rook-white:before,.dark-mode .vertical-move-list .icon-font-chess.rook-white:before{content:"Ľ"}.horizontal-move-list{display:block;font-size:1.3rem;min-width:223px;overflow-x:hidden;overflow-y:auto;padding:10px 15px}.horizontal-move-list .comment{color:var(--color-text-info)}.horizontal-move-list .game-result-node{color:var(--nodeColor);margin-left:5px}.horizontal-move-list .diagram-begin,.horizontal-move-list .diagram-end{padding-left:3px}.variation.main{background-color:var(--color-gray-100);display:block;margin:7px -15px;padding:7px 15px}.dark-mode .variation.main{background-color:var(--color-transparent-black-14)}.variation.main+.move-node .move-number{display:inline-block;text-indent:-4px}.variation .variation{margin-left:4px}.variation:before{color:var(--color-gray-700);content:"("}.variation:after{color:var(--color-gray-700);content:")";position:relative;z-index:2}.dark-mode .variation:before,.dark-mode .variation:after{color:var(--color-transparent-white-50)}.comment-row.svelte-jlybuf{cursor:text;display:block;padding-bottom:2px;padding-left:62px;padding-right:15px}.comment.svelte-jlybuf{color:var(--color-slate-400);word-break:break-word}.dark-mode .comment.svelte-jlybuf{color:var(--color-slate-300)}.comment.svelte-jlybuf::-moz-selection{background:var(--color-slate-75)}.comment.svelte-jlybuf::selection{background:var(--color-slate-75)}.comment[contenteditable=true].svelte-jlybuf:empty{display:inline-block}.comment[contenteditable=true].svelte-jlybuf:empty:before{color:var(--color-gray-500);content:attr(placeholder)}.element-pool{position:absolute;-webkit-transform:translateX(-10000px);transform:translate(-10000px)}.move-node-context-menu.svelte-s4s2i6.svelte-s4s2i6{background-color:var(--color-neutrals-white);border:1px solid var(--color-transparent-black-14);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px #0000002d;color:var(--color-neutrals-black);font-size:1.4rem;list-style:none;margin:2px 0 0;min-width:16rem;padding:5px 0;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}.move-node-context-menu.svelte-s4s2i6 .action-name.svelte-s4s2i6{padding:.5rem 2rem}.move-node-context-menu.svelte-s4s2i6 .action-name.svelte-s4s2i6,.move-node-context-menu.svelte-s4s2i6 .annotation.svelte-s4s2i6{cursor:pointer;display:block}.move-node-context-menu.svelte-s4s2i6 .action-name.svelte-s4s2i6:hover,.move-node-context-menu.svelte-s4s2i6 .annotation.svelte-s4s2i6:hover{background-color:var(--color-gray-100)}.move-node-context-menu.svelte-s4s2i6 .annotations-container.svelte-s4s2i6{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.move-node-context-menu.svelte-s4s2i6 .annotation.svelte-s4s2i6{display:inline-block;padding:3px;text-align:center}.move-node-context-menu.svelte-s4s2i6 .divider.svelte-s4s2i6{background-color:var(--color-gray-100);height:1px}.comment{cursor:pointer;font-weight:400;margin-left:5px;outline:none;white-space:normal}.comment:first-child{margin-left:0}.editable-comment.svelte-asi0pa{cursor:pointer;font-weight:400;margin-left:5px;outline:none;white-space:normal;color:var(--color-text-info);display:inline-block}.editable-comment.svelte-asi0pa:first-child{margin-left:0}.editable-comment.svelte-asi0pa::-moz-selection{background:var(--color-slate-75)}.editable-comment.svelte-asi0pa::selection{background:var(--color-slate-75)}.editable-comment[contenteditable=true].svelte-asi0pa:empty:before{color:var(--color-gray-500);content:attr(placeholder);display:inline}:root{--nodeBackground:#fff35f;--nodeBorder:rgba(0, 0, 0, .05);--nodeColor:var(--color-gray-900);--nodeColorSelected:var(--color-gray-900);--nodeNumber:var(--color-gray-700);--nodeLimit:var(--color-transparent-white-95)}.dark-mode{--nodeBackground:rgba(255, 255, 0, .2);--nodeBorder:rgba(255, 255, 0, .4);--nodeColor:var(--color-transparent-white-72);--nodeColorSelected:var(--color-neutrals-white);--nodeNumber:var(--color-transparent-white-50);--nodeLimit:var(--color-transparent-white-72)}.move-node.svelte-5f2ji6.svelte-5f2ji6{cursor:pointer;line-height:2rem;padding:0;position:relative;z-index:1}.move-node.selected.customColor.svelte-5f2ji6 .move-text.svelte-5f2ji6{color:var(--color-neutrals-white)}.move-node.selected.svelte-5f2ji6 .move-text.svelte-5f2ji6{color:var(--nodeCustomColor, var(--nodeColorSelected));position:relative;z-index:1}.move-node.selected.svelte-5f2ji6 .move-text.svelte-5f2ji6:before{background-color:var(--nodeBackground);border-bottom-style:solid;border-bottom-width:3px;border-color:var(--nodeBorder);border-radius:2px;background-color:var(--nodeCustomColor, var(--nodeBackground));border-width:0 0 3px 0;content:"";height:100%;left:0;margin-left:-2px;position:absolute;top:0;width:calc(100% + 4px);z-index:-1}.move-node.svelte-5f2ji6 .hidden.svelte-5f2ji6{display:none}.move-node.svelte-5f2ji6 .move-number.svelte-5f2ji6{color:var(--nodeNumber)}.move-node.svelte-5f2ji6 .move-text.svelte-5f2ji6{font-weight:700;color:var(--nodeCustomColor, var(--nodeColor));display:inline-block;white-space:pre}.move-node.svelte-5f2ji6:not(:first-of-type) .move-number.svelte-5f2ji6{margin-left:4px}.move-node.svelte-5f2ji6 .move-text .icon-font-chess{display:inline-block;font-size:2.3rem;margin-right:.2rem;margin-top:-1.3rem}.move-node.svelte-5f2ji6 .comment.svelte-5f2ji6{cursor:pointer;font-weight:400;margin-left:5px;outline:none;white-space:normal}.move-node.svelte-5f2ji6 .comment.svelte-5f2ji6:first-child{margin-left:0}:root{--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Helvetica, Arial, sans-serif;--font-family-heading: "Chess Sans", sans-serif;--font-family-icons: "Chess V3"}:root{--color-green-25: #F6FFE3;--color-green-50: #F3FFCF;--color-green-75: #EBFFBD;--color-green-100: #D8FA9D;--color-green-200: #B2E068;--color-green-300: #81B64C;--color-green-400: #5D9948;--color-green-500: #45753C;--color-green-600: #305730;--color-green-700: #204227;--color-aqua-25: #EAFFFA;--color-aqua-50: #DDFFF5;--color-aqua-75: #CCFFEC;--color-aqua-100: #ADFBD8;--color-aqua-200: #62F6CA;--color-aqua-300: #26C2A3;--color-aqua-400: #109888;--color-aqua-500: #10777C;--color-aqua-600: #09505F;--color-aqua-700: #073745;--color-blue-25: #CEF5FF;--color-blue-50: #B2F0FF;--color-blue-75: #83DEFC;--color-blue-100: #4DC3EA;--color-blue-200: #009FD9;--color-blue-300: #008CD1;--color-blue-400: #0069AB;--color-blue-500: #0B548C;--color-blue-600: #083A66;--color-blue-700: #072A4F;--color-slate-25: #FAFFFF;--color-slate-50: #F2FCFF;--color-slate-75: #E5F6FF;--color-slate-100: #D0E6FB;--color-slate-200: #AED0F0;--color-slate-300: #749BBF;--color-slate-400: #486688;--color-slate-500: #324660;--color-slate-600: #263242;--color-slate-700: #1E2533;--color-purple-25: #F6EDFF;--color-purple-50: #E8DBFF;--color-purple-75: #D5C6FF;--color-purple-100: #C9ACFF;--color-purple-200: #9881F2;--color-purple-300: #7A66F4;--color-purple-400: #5E53D9;--color-purple-500: #303D8A;--color-purple-600: #212E5D;--color-purple-700: #152243;--color-fuchsia-25: #FFD4D4;--color-fuchsia-50: #FFB5B9;--color-fuchsia-75: #FF949D;--color-fuchsia-100: #FF788A;--color-fuchsia-200: #FA466A;--color-fuchsia-300: #ED2456;--color-fuchsia-400: #C4144F;--color-fuchsia-500: #940C45;--color-fuchsia-600: #610734;--color-fuchsia-700: #49052D;--color-red-25: #FFE0CA;--color-red-50: #FFCBB2;--color-red-75: #FFB196;--color-red-100: #FF8A75;--color-red-200: #FF6352;--color-red-300: #FA412D;--color-red-400: #E02828;--color-red-500: #AD1F24;--color-red-600: #881822;--color-red-700: #631018;--color-orange-25: #FFFBDA;--color-orange-50: #FFF3C2;--color-orange-75: #FFE5A8;--color-orange-100: #FFD591;--color-orange-200: #FFA459;--color-orange-300: #FA742C;--color-orange-400: #DC501D;--color-orange-500: #A93616;--color-orange-600: #7A1A0B;--color-orange-700: #610808;--color-gold-25: #FFFFC7;--color-gold-50: #FFF599;--color-gold-75: #FCE26A;--color-gold-100: #FAD541;--color-gold-200: #F7C631;--color-gold-300: #E3AA24;--color-gold-400: #CF8D1B;--color-gold-500: #B27314;--color-gold-600: #99580E;--color-gold-700: #7A4414;--color-brown-25: #FFFEF5;--color-brown-50: #FBF7EC;--color-brown-75: #FBF3D8;--color-brown-100: #FBEBC1;--color-brown-200: #F9D983;--color-brown-300: #E2B664;--color-brown-400: #CA9350;--color-brown-500: #9D6C3E;--color-brown-600: #6A4632;--color-brown-700: #543426;--color-skin-25: #FFFCE8;--color-skin-50: #FFF3D4;--color-skin-75: #FBE7C4;--color-skin-100: #FADAAE;--color-skin-200: #E3C29C;--color-skin-300: #D5A47D;--color-skin-400: #8D694B;--color-skin-500: #6B4D3A;--color-skin-600: #543F34;--color-skin-700: #4A352E;--color-neutrals-white: #FFFFFF;--color-neutrals-black: #000000;--color-gray-75: #F8F8F8;--color-gray-100: #F1F1F1;--color-gray-200: #E7E6E5;--color-gray-300: #DAD8D6;--color-gray-400: #BEBDB9;--color-gray-500: #8B8987;--color-gray-600: #666564;--color-gray-700: #4B4847;--color-gray-800: #312E2B;--color-gray-900: #262421;--color-transparent-white-2: rgba(255, 255, 255, .02);--color-transparent-white-5: rgba(255, 255, 255, .05);--color-transparent-white-8: rgba(255, 255, 255, .08);--color-transparent-white-10: rgba(255, 255, 255, .1);--color-transparent-white-14: rgba(255, 255, 255, .14);--color-transparent-white-25: rgba(255, 255, 255, .25);--color-transparent-white-40: rgba(255, 255, 255, .4);--color-transparent-white-50: rgba(255, 255, 255, .5);--color-transparent-white-65: rgba(255, 255, 255, .65);--color-transparent-white-72: rgba(255, 255, 255, .72);--color-transparent-white-85: rgba(255, 255, 255, .85);--color-transparent-white-95: rgba(255, 255, 255, .95);--color-transparent-black-2: rgba(0, 0, 0, .02);--color-transparent-black-5: rgba(0, 0, 0, .05);--color-transparent-black-10: rgba(0, 0, 0, .1);--color-transparent-black-14: rgba(0, 0, 0, .14);--color-transparent-black-18: rgba(0, 0, 0, .18);--color-transparent-black-20: rgba(0, 0, 0, .2);--color-transparent-black-30: rgba(0, 0, 0, .3);--color-transparent-black-50: rgba(0, 0, 0, .5);--color-transparent-black-65: rgba(0, 0, 0, .65);--color-transparent-black-77: rgba(0, 0, 0, .77)}:root{--color-streak-high: var(--color-red-300);--color-streak-medium: var(--color-orange-300);--color-streak-low: var(--color-orange-200);--color-streak-lowest: var(--color-gold-100);--color-streak-pause: var(--color-slate-300);--color-streak-learn-low: var(--color-blue-100);--color-streak-learn-medium: var(--color-blue-200);--color-streak-learn-high: var(--color-blue-400);--color-streak-play-low: var(--color-green-200);--color-streak-play-medium: var(--color-green-300);--color-streak-play-high: var(--color-green-400);--color-streak-puzzles-low: var(--color-gold-100);--color-streak-puzzles-medium: var(--color-orange-200);--color-streak-puzzles-high: var(--color-orange-300)}.dark-mode{--color-streak-learn-low: var(--color-blue-25);--color-streak-learn-medium: var(--color-blue-75);--color-streak-learn-high: var(--color-blue-200);--color-streak-play-low: var(--color-green-75);--color-streak-play-medium: var(--color-green-200);--color-streak-play-high: var(--color-green-300)}:root,.light-mode{--color-classification-brilliant: var(--color-aqua-400);--color-classification-great: var(--color-slate-400);--color-classification-best: var(--color-green-400);--color-classification-excellent: var(--color-green-400);--color-classification-good: #95B776;--color-classification-book: var(--color-skin-400);--color-classification-inaccuracy: var(--color-gold-300);--color-classification-mistake: #DD7C2C;--color-classification-miss: #FF7769;--color-classification-blunder: var(--color-red-400);--color-classification-forced: var(--color-green-400);--color-classification-skill: var(--color-gold-400)}.dark-mode{--color-classification-brilliant: var(--color-aqua-300);--color-classification-great: var(--color-slate-300);--color-classification-best: var(--color-green-300);--color-classification-excellent: var(--color-green-300);--color-classification-book: var(--color-skin-300);--color-classification-inaccuracy: var(--color-gold-200);--color-classification-mistake: var(--color-orange-200);--color-classification-miss: #FF7769;--color-classification-blunder: var(--color-red-300);--color-classification-forced: var(--color-green-300);--color-classification-skill: var(--color-gold-300)}:root,.light-mode{--color-icon-bullet: var(--color-gold-400);--color-icon-blitz: var(--color-gold-200);--color-icon-rapid: var(--color-green-400);--color-icon-crazyhouse: var(--color-blue-300);--color-icon-daily: var(--color-gold-200);--color-icon-insights: var(--color-gold-200);--color-icon-live960: var(--color-orange-300);--color-icon-hyper: var(--color-orange-300);--color-icon-daily960: var(--color-orange-400);--color-icon-puzzlerush: var(--color-orange-200);--color-icon-premium: var(--color-blue-300);--color-icon-3check: var(--color-aqua-400);--color-icon-bughouse: var(--color-green-400);--color-icon-kinghill: var(--color-brown-400);--color-icon-vscomputer: var(--color-slate-300);--color-icon-puzzles: var(--color-orange-300);--color-icon-tournaments: var(--color-gold-300);--color-icon-lessons: var(--color-blue-300);--color-icon-coach: var(--color-blue-300);--color-icon-votechess: var(--color-green-400);--color-icon-puzzlebattle: var(--color-green-400);--color-icon-match: var(--color-gray-500);--color-icon-livematch: var(--color-gray-500);--color-icon-standard: var(--color-gray-700);--color-icon-4player: var(--color-gold-300);--color-icon-variants: var(--color-green-400);--color-icon-customposition: var(--color-slate-300);--color-icon-classroom: var(--color-green-400)}.dark-mode{--color-icon-bullet: var(--color-gold-300);--color-icon-blitz: var(--color-gold-100);--color-icon-rapid: var(--color-green-300);--color-icon-crazyhouse: var(--color-blue-300);--color-icon-daily: var(--color-gold-200);--color-icon-insights: var(--color-gold-100);--color-icon-live960: var(--color-orange-300);--color-icon-hyper: var(--color-orange-300);--color-icon-daily960: var(--color-orange-400);--color-icon-puzzlerush: var(--color-orange-200);--color-icon-premium: var(--color-blue-200);--color-icon-3check: var(--color-aqua-300);--color-icon-bughouse: var(--color-green-400);--color-icon-kinghill: var(--color-brown-500);--color-icon-vscomputer: var(--color-slate-300);--color-icon-puzzles: var(--color-orange-300);--color-icon-tournaments: var(--color-gold-200);--color-icon-lessons: var(--color-blue-200);--color-icon-coach: var(--color-blue-200);--color-icon-votechess: var(--color-green-300);--color-icon-puzzlebattle: var(--color-green-300);--color-icon-match: var(--color-transparent-white-50);--color-icon-livematch: var(--color-transparent-white-50);--color-icon-standard: var(--color-transparent-white-85);--color-icon-4player: var(--color-gold-100);--color-icon-variants: var(--color-green-300);--color-icon-customposition: var(--color-slate-300);--color-icon-classroom: var(--color-green-300)}:root{--color-bg-chesstitle: #7C2929}:root,.light-mode{--color-leagues-wood: var(--color-brown-500);--color-leagues-stone: var(--color-gray-500);--color-leagues-bronze: var(--color-gold-500);--color-leagues-silver: var(--color-slate-400);--color-leagues-crystal: var(--color-blue-200);--color-leagues-emerald: var(--color-green-400);--color-leagues-amethyst: var(--color-purple-400);--color-leagues-elite: var(--color-red-400);--color-leagues-champion: var(--color-gold-400);--color-leagues-legend: var(--color-gray-700)}.dark-mode{--color-leagues-wood: var(--color-brown-400);--color-leagues-stone: var(--color-gray-400);--color-leagues-bronze: var(--color-gold-400);--color-leagues-silver: var(--color-slate-100);--color-leagues-crystal: var(--color-blue-75);--color-leagues-emerald: var(--color-green-300);--color-leagues-amethyst: var(--color-purple-200);--color-leagues-elite: var(--color-red-200);--color-leagues-champion: var(--color-gold-200);--color-leagues-legend: var(--color-gray-75)}:root,.light-mode{--color-tier-wood: var(--color-brown-500);--color-tier-stone: var(--color-gray-500);--color-tier-bronze: var(--color-gold-500);--color-tier-silver: var(--color-slate-300);--color-tier-crystal: var(--color-blue-200);--color-tier-emerald: var(--color-green-400);--color-tier-amethyst: var(--color-purple-300);--color-tier-elite: var(--color-red-300);--color-tier-champion: var(--color-gold-400);--color-tier-legend: var(--color-gray-700)}.dark-mode{--color-tier-wood: var(--color-brown-400);--color-tier-stone: var(--color-gray-400);--color-tier-bronze: var(--color-gold-400);--color-tier-silver: var(--color-slate-200);--color-tier-crystal: var(--color-blue-200);--color-tier-emerald: var(--color-green-300);--color-tier-amethyst: var(--color-purple-300);--color-tier-elite: var(--color-red-200);--color-tier-champion: var(--color-gold-200);--color-tier-legend: var(--color-gray-75)}:root,.light-mode{--color-icon-win: var(--color-green-400);--color-text-win: var(--color-green-400);--color-bg-win: var(--color-green-300);--color-border-win: var(--color-green-300);--color-icon-draw: var(--color-gray-500);--color-text-draw: var(--color-gray-600);--color-bg-draw: var(--color-gray-600);--color-border-draw: var(--color-gray-300);--color-icon-loss: var(--color-red-400);--color-text-loss: var(--color-red-400);--color-bg-loss: var(--color-red-400);--color-border-loss: var(--color-red-400)}.dark-mode{--color-icon-win: var(--color-green-300);--color-text-win: var(--color-green-300);--color-icon-draw: var(--color-transparent-white-50);--color-text-draw: var(--color-transparent-white-72);--color-bg-draw: var(--color-transparent-white-72);--color-border-draw: var(--color-transparent-white-10);--color-icon-loss: var(--color-red-300);--color-text-loss: var(--color-red-300);--color-border-loss: var(--color-red-300)}:root,.light-mode{--color-icon-success: var(--color-green-400);--color-text-success: var(--color-green-400);--color-bg-success: var(--color-green-300);--color-border-success: var(--color-green-300);--color-icon-danger: var(--color-red-400);--color-text-danger: var(--color-red-400);--color-bg-danger: var(--color-red-300);--color-border-danger: var(--color-red-400);--color-icon-warning: var(--color-gold-300);--color-text-warning: var(--color-gold-300);--color-bg-warning: var(--color-gold-300);--color-border-warning: var(--color-gold-300);--color-icon-info: var(--color-blue-300);--color-icon-info-hovered: var(--color-blue-400);--color-text-info: var(--color-blue-400);--color-bg-info: var(--color-blue-300);--color-border-info: var(--color-blue-300)}.dark-mode{--color-icon-success: var(--color-green-300);--color-text-success: var(--color-green-300);--color-icon-danger: var(--color-red-300);--color-text-danger: var(--color-red-300);--color-border-danger: var(--color-red-300);--color-icon-info-hovered: var(--color-blue-200);--color-text-info: var(--color-blue-200)}:root,.light-mode{--color-icon-gold: var(--color-gold-200);--color-bg-gold: var(--color-gold-100);--color-icon-silver: var(--color-gray-400);--color-bg-silver: var(--color-gray-200);--color-icon-bronze: var(--color-skin-300);--color-bg-bronze: var(--color-skin-200)}.dark-mode{--color-bg-gold: var(--color-gold-200);--color-bg-silver: var(--color-gray-400);--color-bg-bronze: var(--color-skin-300)}:root,.light-mode{--color-bg-surface: var(--color-gray-100);--color-bg-primary: var(--color-gray-800);--color-bg-secondary: var(--color-neutrals-white);--color-bg-tertiary: var(--color-gray-100);--color-bg-quaternary: var(--color-gray-300);--color-bg-opaque: var(--color-neutrals-white);--color-bg-opaque-lighter: var(--color-neutrals-white);--color-bg-subtle: var(--color-gray-300);--color-bg-subtle-hovered: var(--color-gray-100);--color-bg-subtler: var(--color-gray-100);--color-bg-subtlest: var(--color-gray-75);--color-bg-input: var(--color-neutrals-white);--color-bg-streaming: var(--color-purple-400);--color-bg-overlay: var(--color-transparent-black-77);--color-bg-overlay-subtle: var(--color-transparent-black-50);--color-bg-overlay-board: color-mix(in srgb, var(--color-gray-200) 65%, transparent);--color-bg-secondary-alt: var(--color-gray-100);--color-bg-selected: var(--color-gray-500);--color-bg-panel: color-mix(in srgb, var(--color-neutrals-white) 75%, transparent);--color-bg-container-dark: var(--color-gray-800);--color-bg-neutral: var(--color-gray-600);--color-bg-item-hovered: var(--color-slate-50);--color-bg-item-highlighted: rgba(0, 140, 209, .15);--color-bg-toaster: var(--color-neutrals-white);--color-bg-gradient-modal: linear-gradient(180deg, var(--color-gray-100), var(--color-neutrals-white))}.dark-mode{--color-bg-surface: var(--color-gray-800);--color-bg-secondary: var(--color-transparent-black-20);--color-bg-tertiary: var(--color-transparent-black-14);--color-bg-quaternary: var(--color-transparent-black-18);--color-bg-opaque: var(--color-gray-900);--color-bg-opaque-lighter: var(--color-gray-800);--color-bg-subtle: var(--color-transparent-white-10);--color-bg-subtle-hovered: var(--color-transparent-white-14);--color-bg-subtler: var(--color-transparent-white-5);--color-bg-subtlest: var(--color-transparent-white-2);--color-bg-input: var(--color-transparent-white-8);--color-bg-overlay-board: color-mix(in srgb, var(--color-gray-800) 65%, transparent);--color-bg-secondary-alt: var(--color-transparent-black-20);--color-bg-selected: var(--color-transparent-white-40);--color-bg-panel: color-mix(in srgb, var(--color-gray-900) 75%, transparent);--color-bg-container-dark: var(--color-transparent-black-20);--color-bg-neutral: var(--color-transparent-white-72);--color-bg-item-hovered: var(--color-transparent-black-20);--color-bg-item-highlighted: rgba(0, 140, 209, .15);--color-bg-toaster: var(--color-gray-700);--color-bg-gradient-modal: linear-gradient(180deg, var(--color-gray-800) 0%, color-mix(in oklab, transparent, var(--color-neutrals-black) 8%) 100%)}:root,.light-mode{--color-text-boldest: var(--color-gray-800);--color-text-bolder: var(--color-gray-700);--color-text-default: var(--color-gray-600);--color-text-default-hovered: var(--color-gray-700);--color-text-subtle: var(--color-gray-500);--color-text-placeholder: var(--color-gray-400);--color-text-inverse: var(--color-neutrals-white);--color-text-link: var(--color-blue-400);--color-text-link-hovered: var(--color-blue-300);--color-text-brand: var(--color-green-400)}.dark-mode{--color-text-boldest: var(--color-neutrals-white);--color-text-bolder: var(--color-transparent-white-85);--color-text-default: var(--color-transparent-white-72);--color-text-default-hovered: var(--color-transparent-white-85);--color-text-subtle: var(--color-transparent-white-50);--color-text-placeholder: var(--color-transparent-white-40);--color-text-inverse: var(--color-gray-800);--color-text-link: var(--color-blue-200);--color-text-link-hovered: var(--color-blue-100);--color-text-brand: var(--color-green-300)}:root,.light-mode{--color-icon-boldest: var(--color-gray-700);--color-icon-bolder: var(--color-gray-600);--color-icon-default: var(--color-gray-500);--color-icon-default-hovered: var(--color-gray-600);--color-icon-subtle: var(--color-gray-400);--color-icon-inverse: var(--color-neutrals-white)}.dark-mode{--color-icon-boldest: var(--color-transparent-white-85);--color-icon-bolder: var(--color-transparent-white-72);--color-icon-default: var(--color-transparent-white-50);--color-icon-default-hovered: var(--color-transparent-white-72);--color-icon-subtle: var(--color-transparent-white-40);--color-icon-inverse: var(--color-gray-800)}:root,.light-mode{--color-border-bold: var(--color-gray-600);--color-border-subtle: var(--color-gray-500);--color-border-subtler: var(--color-gray-400);--color-border-subtlest: var(--color-gray-100);--color-border-opaque: var(--color-gray-300);--color-border-default: var(--color-gray-300);--color-border-default-hovered: var(--color-gray-400);--color-border-selected: var(--color-green-300);--color-border-active: var(--color-gray-500)}.dark-mode{--color-border-bold: var(--color-transparent-white-72);--color-border-subtle: var(--color-transparent-white-50);--color-border-subtler: var(--color-transparent-white-25);--color-border-subtlest: var(--color-transparent-white-5);--color-border-opaque: var(--color-gray-700);--color-border-default: var(--color-transparent-white-10);--color-border-default-hovered: var(--color-transparent-white-25);--color-border-active: var(--color-transparent-white-40)}:root,.light-mode{--color-bg-white-eval: var(--color-gray-200);--color-bg-draw-eval: var(--color-gray-400);--color-bg-black-eval: var(--color-gray-700);--color-text-white-eval: var(--color-gray-700);--color-text-draw-eval: var(--color-gray-700);--color-text-black-eval: var(--color-gray-200)}.dark-mode{--color-bg-white-eval: var(--color-transparent-white-95);--color-bg-draw-eval: var(--color-transparent-white-25);--color-bg-black-eval: var(--color-transparent-white-10);--color-text-white-eval: var(--color-gray-800);--color-text-draw-eval: var(--color-neutrals-white);--color-text-black-eval: var(--color-gray-75)}:root,.light-mode{--color-bg-progress-track: var(--color-transparent-black-14);--color-bg-progress-current: var(--color-transparent-black-14);--color-bg-progress-completed: var(--color-green-300)}.dark-mode{--color-bg-progress-track: var(--color-transparent-white-10);--color-bg-progress-current: var(--color-transparent-white-25)}:root,.light-mode{--color-bg-speech: var(--color-gray-200);--color-text-speech: var(--color-gray-800)}.dark-mode{--color-bg-speech: var(--color-neutrals-white)}:root,.light-mode{--color-chart-line: var(--color-blue-100);--color-chart-fill: rgb(77 195 234 / 20%)}.dark-mode{--color-chart-line: var(--color-blue-75);--color-chart-fill: rgb(131 222 252 / 10%)}:root{--space-1: .1rem;--space-2: .2rem;--space-4: .4rem;--space-8: .8rem;--space-12: 1.2rem;--space-16: 1.6rem;--space-24: 2.4rem;--space-32: 3.2rem;--space-40: 4rem;--space-80: 8rem}:root{--icon-12: 1.2rem;--icon-16: 1.6rem;--icon-20: 2rem;--icon-24: 2.4rem;--icon-32: 3.2rem;--icon-40: 4rem;--icon-48: 4.8rem;--icon-56: 5.6rem;--icon-64: 6.4rem}:root{--container-200: 20rem;--container-300: 30rem;--container-360: 36rem;--container-400: 40rem;--container-460: 46rem;--container-500: 50rem;--container-600: 60rem}:root{--border-1: .1rem;--border-2: .2rem;--border-3: .3rem;--border-5: .5rem}:root{--radius-2: .2rem;--radius-3: .3rem;--radius-5: .5rem;--radius-10: 1rem;--radius-20: 2rem;--radius-circular: 50%}:root{--avatar-24: 2.4rem;--avatar-32: 3.2rem;--avatar-40: 4rem;--avatar-48: 4.8rem;--avatar-64: 6.4rem;--avatar-80: 8rem;--avatar-96: 9.6rem;--avatar-160: 16rem}:root{--elevation-foreground: 0 .1rem 0 var(--color-transparent-black-20);--elevation-foreground-dark-only: 0 .1rem 0 transparent;--elevation-modal: 0 .5rem 1.5rem var(--color-transparent-black-65);--elevation-popover: 0 .2rem .5rem var(--color-transparent-black-30)}.dark-mode{--elevation-foreground-dark-only: 0 .1rem 0 var(--color-transparent-black-20)}:root{--motion-instant: 0ms;--motion-snappy: 50ms;--motion-faster: .1s;--motion-fast: .15s;--motion-standard: .2s;--motion-moderate: .25s;--motion-steady: .3s;--motion-slow: .4s;--motion-slower: .5s;--motion-crawl: .8s;--motion-linear: cubic-bezier(0, 0, 1, 1);--motion-ease-in-gentle: cubic-bezier(.4, 0, 1, 1);--motion-ease-in-strong: cubic-bezier(.8, 0, 1, 1);--motion-ease-in-dramatic: cubic-bezier(.5, 0, .8, 0);--motion-ease-out-gentle: cubic-bezier(0, 0, .2, 1);--motion-ease-out-strong: cubic-bezier(0, 0, .4, 1);--motion-ease-out-dramatic: cubic-bezier(.2, 1, .3, 1);--motion-ease-out-abrupt: cubic-bezier(0, 0, 0, 1);--motion-ease-in-out-gentle: cubic-bezier(1, .1, .4, 1);--motion-ease-in-out-strong: cubic-bezier(.5, 0, .6, 1);--motion-ease-in-out-dramatic: cubic-bezier(.7, .2, 0, .8);--motion-distance-p-10: 10%;--motion-distance-p-25: 25%;--motion-distance-p-33: 33%;--motion-distance-p-50: 50%;--motion-distance-p-66: 66%;--motion-distance-p-75: 75%;--motion-distance-p-100: 100%}