.puzzle-path-container-container{bottom:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.puzzle-path-container-wrapper{height:100%;overflow:hidden;width:100%}.puzzle-path-container-path-enter-active,.puzzle-path-container-path-leave-active{transition:transform .5s var(--motion-ease-out-dramatic),opacity .25s linear}.puzzle-path-container-path-enter-from,.puzzle-path-container-path-leave-to{opacity:0}@media (prefers-reduced-motion: no-preference){.puzzle-path-container-path-enter-from,.puzzle-path-container-path-leave-to{transform:translateY(-100%)}}.puzzle-path-container-path-enter-to,.puzzle-path-container-path-leave-from{opacity:1;transform:translateY(0)}.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}.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}}@media all and (min-width: 60em){body .battle-over-modal-two-boards{min-height:auto;position:fixed;top:calc(var(--boardOffsetTop) + var(--boardHeight) / 2);width:33.6rem}[dir=ltr] body .battle-over-modal-two-boards{left:calc(var(--navWidth) / 2 + 50%);transform:translate(-50%,-50%)}[dir=rtl] body .battle-over-modal-two-boards{right:calc(var(--navWidth) / 2 + 50%);transform:translate(50%,-50%)}}.battle-over-modal-modal-enter,.battle-over-modal-modal-leave{opacity:0;top:var(--boardOffsetTop)}[dir=ltr] .battle-over-modal-modal-enter,[dir=ltr] .battle-over-modal-modal-leave{transform:translate(-50%)}[dir=rtl] .battle-over-modal-modal-enter,[dir=rtl] .battle-over-modal-modal-leave{transform:translate(50%)}.battle-over-modal-component{max-width:100%;position:relative;width:33.6rem}.battle-over-modal-close{background-color:transparent;border:none;margin:0;padding:0;font-size:2rem;color:var(--color-transparent-white-72);cursor:pointer;position:absolute;top:1.3rem;width:2.2rem;z-index:10}[dir=ltr] .battle-over-modal-close{right:1.3rem}[dir=rtl] .battle-over-modal-close{left:1.3rem}.battle-over-modal-close:hover{color:var(--color-neutrals-white)}.battle-over-modal-users{color:var(--color-text-bolder)}.battle-over-modal-bottom{padding:0 3rem 2.5rem;position:relative;text-align:center}.battle-over-modal-details{margin:0 0 1.3rem}.battle-over-modal-register{margin:2rem 0}.battle-over-modal-disconnected{padding:0 3rem 2rem}.battle-over-modal-disconnected h4{color:var(--color-text-danger);margin-bottom:.5rem;text-transform:uppercase}.battle-over-modal-disconnected p{color:var(--color-text-subtle);font-size:1.4rem}.battle-over-modal-rounded-green{background:radial-gradient(61rem 27rem at top center,var(--color-green-300) 39%,var(--color-bg-opaque) 40%)}.battle-over-modal-rounded-grey{background:radial-gradient(61rem 27rem at top center,var(--color-gray-600) 39%,var(--color-bg-opaque) 40%)}.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}}