.move-san-component.move-san-highlighted .move-san-highlight{position:relative;z-index:1}.move-san-component.move-san-highlighted .move-san-highlight:after{background-color:#fff35f;border-radius:var(--radius-2);content:"";display:block;height:calc(100% + .4rem);position:absolute;top:-.2rem;width:calc(100% + .4rem);z-index:-1}[dir=ltr] .move-san-component.move-san-highlighted .move-san-highlight:after{left:-.2rem}[dir=rtl] .move-san-component.move-san-highlighted .move-san-highlight:after{right:-.2rem}.move-san-component.move-san-highlighted .move-san-highlight:before{background-color:#f8e500;bottom:-.2rem;content:"";display:block;height:.3rem;position:absolute;width:calc(100% + .4rem)}[dir=ltr] .move-san-component.move-san-highlighted .move-san-highlight:before{left:-.2rem}[dir=rtl] .move-san-component.move-san-highlighted .move-san-highlight:before{right:-.2rem}.dark-mode .move-san-component.move-san-highlighted .move-san-highlight:after{background-color:var(--highlighted-node-dark-mode-bg, var(--color-transparent-white-10));box-shadow:0 0 #fffc}.dark-mode .move-san-component.move-san-highlighted .move-san-highlight:before{background:none}.dark-mode .move-san-component.move-san-highlighted .move-san-highlight:before{background:var(--highlighted-node-dark-mode-bottom-bg, var(--color-transparent-white-10))}[dir=ltr] .move-san-premove{margin-right:.1rem}[dir=rtl] .move-san-premove{margin-left:.1rem}[dir=ltr] .move-san-postmove{margin-left:calc(var(--moveSanPostmovePinch, 0) * -1)}[dir=rtl] .move-san-postmove{margin-right:calc(var(--moveSanPostmovePinch, 0) * -1)}.move-san-figurine{--moveSanFigurineFontSize: 2rem;font-size:var(--moveSanFigurineFontSize);margin-top:calc(var(--moveSanFigurineFontSize) / -10)}[dir=ltr] .move-san-figurine{margin-right:.15rem}[dir=rtl] .move-san-figurine{margin-left:.15rem}[dir=ltr] .move-san-figurine+.move-san-san{margin-left:calc(var(--moveSanFigurinePinch, 0) * -1)}[dir=rtl] .move-san-figurine+.move-san-san{margin-right:calc(var(--moveSanFigurinePinch, 0) * -1)}.move-san-san{position:relative}.leaderboard-rank-container{--delta-leave-delay: 1s;--leave-duration: .2s;--enter-duration: .4s;--bg-color-transparent: rgba(0, 0, 0, 0)}.leaderboard-rank-rank{--rank-bg-color: var(--bg-color-transparent);--rank-text-color: var(--color-text-default);align-items:center;background-color:var(--rank-bg-color);border-radius:var(--radius-3);color:var(--rank-text-color);display:flex;height:4rem;justify-content:center;overflow:hidden;position:relative;width:4rem}.leaderboard-rank-rank.leaderboard-rank-gold{--rank-bg-color: var(--color-bg-gold);--rank-text-color: var(--color-gray-800)}.leaderboard-rank-rank.leaderboard-rank-silver{--rank-bg-color: var(--color-bg-silver);--rank-text-color: var(--color-gray-800)}.leaderboard-rank-rank.leaderboard-rank-bronze{--rank-bg-color: var(--color-bg-bronze);--rank-text-color: var(--color-gray-800)}.leaderboard-rank-number-container{color:var(--color-text-loss);display:flex;gap:var(--space-2)}.leaderboard-rank-number-container.leaderboard-rank-arrow{font-size:1.2rem;line-height:1.2rem}.leaderboard-rank-number-container.leaderboard-rank-rank-up{color:var(--color-text-win)}.leaderboard-rank-bg-fade-to-white-alt{background-color:var(--color-transparent-white-10);transition:background-color var(--leave-duration) var(--motion-ease-in-out-strong) var(--player-profile-highlight-1-duration)}.leaderboard-rank-bg-fade-to-transparent{background-color:var(--bg-color-transparent);transition:background-color var(--enter-duration) var(--motion-ease-in-out-strong) 0s}.leaderboard-rank-bg-fade-to-white{background-color:var(--color-transparent-white-10);transition:background-color var(--leave-duration) linear var(--delta-leave-delay)}.leaderboard-rank-bg-fade-to-podium{background-color:var(--rank-bg-color);transition:background-color var(--enter-duration) var(--motion-ease-out-gentle) 0s}@keyframes leaderboard-rank-animate-leave-top{0%{opacity:100;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--distance) * -1))}}@keyframes leaderboard-rank-animate-leave-bottom{0%{opacity:100;transform:translateY(0)}to{opacity:0;transform:translateY(var(--distance))}}.leaderboard-rank-leave-top{--distance: 50%;animation:leaderboard-rank-animate-leave-top;animation-duration:var(--leave-duration);animation-timing-function:linear}.leaderboard-rank-leave-top.leaderboard-rank-start-delay{animation-delay:var(--player-profile-highlight-1-duration)}.leaderboard-rank-leave-top.leaderboard-rank-delta{--distance: 75%;animation-delay:var(--delta-leave-delay)}.leaderboard-rank-leave-bottom{--distance: 50%;animation:leaderboard-rank-animate-leave-bottom;animation-duration:var(--leave-duration);animation-timing-function:linear}.leaderboard-rank-leave-bottom.leaderboard-rank-start-delay{animation-delay:var(--player-profile-highlight-1-duration)}.leaderboard-rank-leave-bottom.leaderboard-rank-delta{--distance: 75%;animation-delay:var(--delta-leave-delay)}.leaderboard-rank-enter-top{--distance: 50%;animation:leaderboard-rank-animate-leave-top;animation-direction:reverse;animation-duration:var(--enter-duration);animation-timing-function:var(--motion-ease-out-gentle)}.leaderboard-rank-enter-top.leaderboard-rank-delta{--distance: 75%}.leaderboard-rank-enter-bottom{--distance: 50%;animation:leaderboard-rank-animate-leave-bottom;animation-direction:reverse;animation-duration:var(--enter-duration);animation-timing-function:var(--motion-ease-out-gentle)}.leaderboard-rank-enter-bottom.leaderboard-rank-delta{--distance: 75%}.section-heading-component{align-items:center;color:var(--color-neutrals-white);display:flex;flex-shrink:0;height:7.2rem;justify-content:center}.section-heading-black{background-color:var(--color-gray-700)}.section-heading-blackTransparent{background-color:var(--color-bg-tertiary);color:inherit}.section-heading-grey{background-color:var(--color-gray-500)}.section-heading-lightGrey{background-color:var(--color-gray-100);color:var(--color-gray-800)}.section-heading-green{background-color:var(--color-bg-win)}.section-heading-red{background-color:var(--color-bg-loss)}.section-heading-white{background-color:var(--color-gray-400)}.section-heading-dark{background-color:#00000073}.section-heading-title{font-weight:800}.section-heading-title.section-heading-normal{font-size:2.2rem}.section-heading-title.section-heading-large{font-size:3.1rem}.timer-component{align-items:center;color:var(--color-text-subtle);display:flex;fill:var(--color-text-subtle);justify-content:space-between}.timer-component.timer-column{flex-direction:column}[dir=ltr] .timer-component.timer-column .timer-icon-font{margin-right:0}[dir=rtl] .timer-component.timer-column .timer-icon-font{margin-left:0}.timer-component.timer-column .timer-timer-label{font-size:2.2rem}.timer-component.timer-danger,.timer-component .timer-danger{color:var(--color-red-300)}.timer-component .timer-icon-font{font-size:3.6rem;color:var(--color-icon-default)}[dir=ltr] .timer-component .timer-icon-font{margin-right:1rem}[dir=rtl] .timer-component .timer-icon-font{margin-left:1rem}.timer-component .timer-icon{color:var(--color-icon-default);height:2.5rem;width:2.5rem}[dir=ltr] .timer-component .timer-icon{margin-right:1rem}[dir=rtl] .timer-component .timer-icon{margin-left:1rem}.timer-component.timer-active{color:var(--color-text-boldest)}.timer-component.timer-active .timer-icon{fill:var(--color-text-boldest)}.game-preview-hand-pieces{position:absolute;top:100%}.game-preview-pseudo-3d-container:after{background:var(--pseudo3dBackgroundProp);bottom:var(--pseudo3dRowOffset);content:"";height:12.5%;margin-top:-20%;padding-top:20%;position:absolute;width:100%}[dir=ltr] .game-preview-pseudo-3d-container:after{left:0}[dir=rtl] .game-preview-pseudo-3d-container:after{right:0}.game-preview-icon-wrapper{align-items:center;background-color:var(--color-transparent-white-85);border-radius:var(--radius-circular);display:flex;height:6.5rem;justify-content:center;position:absolute;top:49.5%;width:6.5rem;z-index:15}[dir=ltr] .game-preview-icon-wrapper{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .game-preview-icon-wrapper{right:50%;transform:translate(50%,-50%)}.game-preview-icon{color:var(--color-gray-500)}.game-preview-chess960-title{color:var(--color-neutrals-white);font-size:15vw;font-weight:700;left:0;position:absolute;right:0;text-align:center;top:40%;width:100%;z-index:15}@media (min-width: 30em){.game-preview-chess960-title{font-size:8rem}}@media (min-width: 60em){.game-preview-chess960-title{font-size:10rem}}.battle-player-details-playing-component{align-items:center;display:flex;flex-direction:column}.battle-player-details-playing-icon{height:1.8rem}.battle-player-details-playing-player{order:1}.battle-player-details-playing-strikes{display:flex;order:2}.battle-player-details-playing-strike{margin:0 .3rem}.battle-player-details-playing-score{color:var(--color-text-boldest);font-size:4rem;font-weight:800;margin:.5rem 0;order:3}.battle-player-details-playing-link{cursor:pointer}.battle-player-details-playing-results{order:4}@media (max-width: 59.999em){.battle-player-details-playing-component{height:auto}.battle-player-details-playing-score{order:1}.battle-player-details-playing-strikes{order:2}.battle-player-details-playing-player{margin:2rem 0 1rem;order:3}}.battle-sidebar-playing-component{display:flex;flex-direction:column;flex-grow:1;overflow:auto;text-align:center;top:0;width:100%}[dir=ltr] .battle-sidebar-playing-component{left:0}[dir=rtl] .battle-sidebar-playing-component{right:0}.battle-sidebar-playing-component *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.battle-sidebar-playing-component:not(.battle-sidebar-playing-hasTwoBoards){height:100%;position:absolute}.battle-sidebar-playing-clock{align-items:center;display:flex;height:8.8rem;margin-top:7.1rem}.battle-sidebar-playing-players{display:flex;justify-content:space-evenly;margin-bottom:auto;overflow-y:auto;padding:2rem}@media all and (min-width: 60em){.double-board .battle-sidebar-playing-players{padding:0}}.battle-sidebar-playing-player{flex:1;width:calc(50% - 2.5rem)}.battle-sidebar-playing-challenge-animation{margin-top:-6rem}.battle-sidebar-playing-seeking-animation{margin-top:-5rem}.battle-sidebar-playing-seek-text{font-size:1.5rem}@media (max-width: 59.999em){.battle-sidebar-playing-clock{height:7.8rem;margin-top:1.2rem}}.battle-two-board-controls-component{align-items:center;color:var(--color-transparent-white-72);display:flex;position:absolute;top:6rem}[dir=ltr] .battle-two-board-controls-component{right:1.5rem}[dir=rtl] .battle-two-board-controls-component{left:1.5rem}@media (min-width: 60em){.battle-two-board-controls-component{top:calc(1rem + var(--judoHeight, 0rem))}}.battle-two-board-controls-close,.battle-two-board-controls-label{color:var(--color-transparent-white-50)}.battle-two-board-controls-action{align-items:center;display:flex;padding:0 .5rem}.battle-two-board-controls-action.battle-two-board-controls-disabled{cursor:default;pointer-events:none}.battle-two-board-controls-observing-icon{font-size:1.6rem}[dir=ltr] .battle-two-board-controls-close{margin-left:1.5rem}[dir=rtl] .battle-two-board-controls-close{margin-right:1.5rem}.battle-two-board-controls-close .battle-two-board-controls-icon{font-size:2.4rem}.board-celebration-animation-component{background:var(--color-bg-overlay);height:var(--boardHeight);inset:0;pointer-events:none;position:absolute;width:var(--boardWidth)}[dir=ltr] .board-celebration-animation-component{margin-left:calc(var(--boardContainerWidth) - var(--boardWidth) + var(--evalAndGutter))}[dir=rtl] .board-celebration-animation-component{margin-right:calc(var(--boardContainerWidth) - var(--boardWidth) + var(--evalAndGutter))}.board-celebration-animation-lottie div{position:absolute;top:50%;width:100%}[dir=ltr] .board-celebration-animation-lottie div{left:50%;transform:translate(-50%,-50%)!important}[dir=rtl] .board-celebration-animation-lottie div{right:50%;transform:translate(50%,-50%)!important}.board-celebration-animation-fade-enter-active,.board-celebration-animation-fade-leave-active{transition:opacity .3s var(--motion-ease-out-gentle)}.board-celebration-animation-fade-enter-to,.board-celebration-animation-fade-leave-from{opacity:1}.board-celebration-animation-fade-enter-from,.board-celebration-animation-fade-leave-to,.board-celebration-animation-lottie-enter-from{opacity:0}.board-celebration-animation-lottie-enter-active{transition:opacity .3s var(--motion-ease-in-gentle) var(--v2095aa3c)}.board-celebration-animation-lottie-enter-to,.board-celebration-animation-lottie-leave-from{opacity:1}.board-celebration-animation-lottie-leave-active{transition:opacity .3s var(--motion-ease-in-gentle) var(--v1eb3f663)}.board-celebration-animation-lottie-leave-to{opacity:0}
