.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}}.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}.login-modal-component{align-items:center;display:flex;flex-direction:column}.login-modal-title{color:var(--color-text-boldest);font-family:var(--font-family-heading);font-size:clamp(2.8rem,4vw,3.6rem);font-weight:700;line-height:1.05;margin-bottom:.8rem;text-align:center}.login-modal-subtitle{color:var(--color-text-default);font-size:1.7rem;font-weight:600;line-height:1.2;margin:.8rem 0 3rem;text-align:center}.login-modal-form-group{margin-bottom:1.5rem}.login-modal-form-group input{transition:border-color .25s var(--motion-ease-out-gentle)}.login-modal-error{color:var(--color-text-danger)}.form-error-component a{color:var(--color-text-default);text-decoration:underline}.form-error-component a:hover{color:var(--color-text-default-hovered)}.login-modal-label{line-height:1}.login-modal-header{display:flex;justify-content:center;margin:0 auto;width:100%}.login-modal-logo{background:url(/bundles/web/images/logo/logo-black.svg) no-repeat center;background-size:contain;display:inline-block;height:4.4rem;margin-bottom:3rem;width:15.8rem}.dark-mode .login-modal-logo{background:url(/bundles/web/images/logo/logo.svg) no-repeat center}.login-modal-wrap{padding:3.5rem clamp(1rem,4vw,3rem) 1rem}.login-modal-form{margin-bottom:3.5rem}.login-modal-button{margin:3rem 0 0}.login-modal-turnstile{font-size:0;line-height:0}.login-modal-footer{background-color:var(--color-bg-tertiary);border-radius:0 0 var(--radius-10) var(--radius-10);color:var(--color-text-bolder);text-align:center}.login-modal-link{align-items:center;color:var(--color-text-default);cursor:pointer;display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;padding:1.5rem;text-decoration:underline}.login-modal-link:hover{color:var(--color-text-default-hovered)}.login-modal-text{color:var(--color-text-bolder);cursor:default}[dir=ltr] .login-modal-text{margin-right:.5rem}[dir=rtl] .login-modal-text{margin-left:.5rem}.login-modal-options{align-items:center;color:var(--color-text-subtle);display:flex;font-size:1.3rem;justify-content:space-between}[dir=ltr] .login-modal-options>*:last-child{margin-left:1.5rem;text-align:right}[dir=rtl] .login-modal-options>*:last-child{margin-right:1.5rem;text-align:left}.login-modal-forgot{color:var(--color-text-default);font-weight:400;text-decoration:underline}.login-modal-forgot:hover{color:var(--color-text-default-hovered)}@media (min-width: 40em){.login-modal-wrap{padding:4rem 4rem 2rem}}