.player-row-avatar{flex-shrink:0;overflow:hidden;position:relative}[dir=ltr] .player-row-avatar{margin-right:1rem}[dir=rtl] .player-row-avatar{margin-left:1rem}.player-row-avatar.player-row-winner{border:.2rem solid var(--color-border-win)}.player-row-avatar.player-row-with-avatar-background{background-color:var(--color-bg-subtler)}.player-row-container{display:block}.player-row-component{display:flex;height:100%;justify-content:space-between;margin:auto;max-width:100%;position:relative}.player-row-constrained .player-row-pieces{bottom:0;position:absolute}[dir=ltr] .player-row-constrained .player-row-pieces{left:calc(100% + .5rem)}[dir=rtl] .player-row-constrained .player-row-pieces{right:calc(100% + .5rem)}.player-row-constrained.player-row-top .player-row-pieces{bottom:initial;top:0}.player-row-wrapper{color:var(--color-neutrals-white);display:flex;height:100%}[dir=ltr] .player-row-wrapper{text-shadow:.1rem .1rem var(--color-transparent-black-30)}[dir=rtl] .player-row-wrapper{text-shadow:-.1rem .1rem var(--color-transparent-black-30)}[dir=ltr] .player-row-move-time{margin-left:1rem}[dir=rtl] .player-row-move-time{margin-right:1rem}@media (min-width: 30em){[dir=ltr] .player-row-move-time{margin-left:1.5rem}[dir=rtl] .player-row-move-time{margin-right:1.5rem}}.recent-time-section-component{margin-top:1.6rem;position:relative}.recent-time-section-header{align-items:center;display:flex;flex-direction:row;gap:.2rem;margin-bottom:.8rem}.recent-time-section-label{color:var(--color-text-bolder);font-size:1.4rem;font-weight:600;text-transform:capitalize}.light-mode .recent-time-section-focus-mode .recent-time-section-label{color:var(--color-transparent-white-72)}.recent-time-section-pin{align-items:center;color:var(--color-text-bolder);cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;gap:.2rem;opacity:.7;position:absolute;text-transform:capitalize}[dir=ltr] .recent-time-section-pin{right:0}[dir=rtl] .recent-time-section-pin{left:0}.recent-time-section-pin:hover{opacity:.5}.recent-time-section-icon{font-size:2rem}.recent-time-section-icon.circle-clock-alt.icon-colored{color:var(--color-green-300)}.time-selector-section-component{margin-top:1.6rem}.time-selector-section-header{align-items:center;display:flex;flex-direction:row;gap:.3rem;margin-bottom:.8rem}.time-selector-section-label{color:var(--color-text-bolder);font-size:1.4rem;font-weight:600;text-transform:capitalize}.light-mode .time-selector-section-focus-mode .time-selector-section-label{color:var(--color-transparent-white-72)}.time-selector-section-icon{color:var(--color-icon-default)}.time-selector-section-info{font-size:1.6rem;color:var(--color-icon-subtle)}.time-selector-section-info:hover{color:var(--color-icon-default)}.selection-menu-isPlaceholder{opacity:.3;pointer-events:none}.selection-menu-isPlaceholder .selection-menu-back{pointer-events:all}.selection-menu-back{--buttonHeight: 3rem;border-radius:var(--radius-5);font-size:2.8rem;margin:1.6rem;padding:.5rem 0 1.1rem;position:absolute;width:3.2rem}.selection-menu-main{background-repeat:no-repeat;display:flex;flex-direction:column;height:100%;overflow:hidden}.selection-menu-component{display:flex;flex-direction:column;height:100%;position:relative}.selection-menu-footer{background:var(--color-bg-tertiary);bottom:0;display:block;height:10rem;padding:1.6rem 2.4rem 2.8rem;width:100%;z-index:1}.selection-menu-scrollable{flex:1 1 0;overflow:auto}.selection-menu-settingsContainer{margin-top:auto;position:relative}.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}@keyframes event-bonus-chip-circle-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes event-bonus-chip-label-slide-in{0%{transform:translate(-100%)}to{transform:translate(calc(-1 * var(--space-12)))}}@keyframes event-bonus-chip-label-slide-out{0%{transform:translate(calc(-1 * var(--space-12)))}to{transform:translate(-100%)}}@keyframes event-bonus-chip-icon-slide-in-from-top{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes event-bonus-chip-icon-slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}@keyframes event-bonus-chip-number-slide-in-from-top{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes event-bonus-chip-number-rise-from-bottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.event-bonus-chip-container{align-items:center;display:flex;gap:var(--space-4);transition:transform var(--motion-steady) var(--motion-ease-in-out-strong),opacity .1s linear calc(var(--motion-steady) - .1s)}.event-bonus-chip-delta{aspect-ratio:1;background:var(--color-icon-win);border-radius:var(--radius-circular);color:var(--color-text-boldest);display:grid;height:var(--icon-20);overflow:clip;place-items:center;width:var(--icon-20);z-index:1}.event-bonus-chip-multiplier .event-bonus-chip-delta{background:var(--color-gold-400)}.event-bonus-chip-hard-mode .event-bonus-chip-delta{background:var(--color-red-200)}.event-bonus-chip-icon,.event-bonus-chip-number{grid-area:1/1}.event-bonus-chip-chip-mask{overflow:clip}.event-bonus-chip-label{background-color:var(--color-bg-secondary);border-radius:var(--radius-10);color:var(--color-text-boldest);display:grid;place-items:center}[dir=ltr] .event-bonus-chip-label{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-12);transform:translate(-100%)}[dir=rtl] .event-bonus-chip-label{padding:var(--space-2) var(--space-12) var(--space-2) var(--space-8);transform:translate(100%)}.event-bonus-chip-idle,.event-bonus-chip-landed{display:none}.event-bonus-chip-entering .event-bonus-chip-delta{animation:event-bonus-chip-circle-scale-in var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-label{animation:event-bonus-chip-label-slide-in var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-icon{animation:event-bonus-chip-icon-slide-in-from-top var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-number:not(.event-bonus-chip-number-variant){animation:event-bonus-chip-number-slide-in-from-top var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-entering .event-bonus-chip-number-variant{opacity:0;transform:translateY(1rem)}.event-bonus-chip-held .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-held .event-bonus-chip-label{transform:translate(calc(-1 * var(--space-12)))}[dir=rtl] .event-bonus-chip-held .event-bonus-chip-label{transform:translate(calc(-1*(-1 * var(--space-12))))}.event-bonus-chip-held .event-bonus-chip-icon{opacity:1;transform:translateY(0)}.event-bonus-chip-held .event-bonus-chip-number:not(.event-bonus-chip-number-variant){opacity:1;transform:translateY(0)}.event-bonus-chip-held .event-bonus-chip-number-variant{opacity:0;transform:translateY(1rem)}.event-bonus-chip-flipping .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-flipping .event-bonus-chip-label{transform:translate(calc(-1 * var(--space-12)))}[dir=rtl] .event-bonus-chip-flipping .event-bonus-chip-label{transform:translate(calc(-1*(-1 * var(--space-12))))}.event-bonus-chip-flipping .event-bonus-chip-icon{animation:event-bonus-chip-icon-slide-out-up var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-flipping .event-bonus-chip-number-variant{animation:event-bonus-chip-number-rise-from-bottom var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-flipped .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-flipped .event-bonus-chip-label{transform:translate(calc(-1 * var(--space-12)))}[dir=rtl] .event-bonus-chip-flipped .event-bonus-chip-label{transform:translate(calc(-1*(-1 * var(--space-12))))}.event-bonus-chip-flipped .event-bonus-chip-icon{opacity:0;transform:translateY(-1rem)}.event-bonus-chip-flipped .event-bonus-chip-number{opacity:1;transform:translateY(0)}.event-bonus-chip-closing .event-bonus-chip-delta{transform:scale(1)}.event-bonus-chip-closing .event-bonus-chip-label{animation:event-bonus-chip-label-slide-out var(--motion-steady) var(--motion-ease-in-out-strong) forwards}.event-bonus-chip-closing .event-bonus-chip-icon{opacity:0;transform:translateY(-1rem)}.event-bonus-chip-closing .event-bonus-chip-number{opacity:1;transform:translateY(0)}.event-bonus-chip-exiting{opacity:0;transform:translate(var(--exit-x, 0rem),var(--exit-y, 0rem))}.event-bonus-chip-exiting .event-bonus-chip-delta{transform:scale(1)}[dir=ltr] .event-bonus-chip-exiting .event-bonus-chip-label{transform:translate(-100%)}[dir=rtl] .event-bonus-chip-exiting .event-bonus-chip-label{transform:translate(100%)}.event-bonus-chip-exiting .event-bonus-chip-icon{opacity:0;transform:translateY(-1rem)}.event-bonus-chip-exiting .event-bonus-chip-number{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.event-bonus-chip-container{transition:none}.event-bonus-chip-entering .event-bonus-chip-delta,.event-bonus-chip-entering .event-bonus-chip-label,.event-bonus-chip-entering .event-bonus-chip-icon,.event-bonus-chip-entering .event-bonus-chip-number,.event-bonus-chip-flipping .event-bonus-chip-delta,.event-bonus-chip-flipping .event-bonus-chip-label,.event-bonus-chip-flipping .event-bonus-chip-icon,.event-bonus-chip-flipping .event-bonus-chip-number,.event-bonus-chip-closing .event-bonus-chip-delta,.event-bonus-chip-closing .event-bonus-chip-label,.event-bonus-chip-closing .event-bonus-chip-icon,.event-bonus-chip-closing .event-bonus-chip-number,.event-bonus-chip-exiting .event-bonus-chip-delta,.event-bonus-chip-exiting .event-bonus-chip-label,.event-bonus-chip-exiting .event-bonus-chip-icon,.event-bonus-chip-exiting .event-bonus-chip-number{animation:none}}