@keyframes profile-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){@keyframes profile-fadeUp{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}body{--login-welcome-padding:var(--spacing-20) 0 var(--spacing-16);--login-welcome-heading-size:var(--font-size-h4);--login-welcome-heading-color:var(--color-text-primary);--login-welcome-subtitle-size:var(--font-size-caption);--login-welcome-subtitle-color:var(--color-text-secondary);--login-form-padding:0 var(--spacing-16) var(--spacing-16);--login-form-card-bg:var(--color-ui-surface);--login-form-card-border:1px solid var(--color-border-1);--login-form-card-radius:var(--radius-12);--login-form-card-padding:var(--spacing-20) var(--spacing-16);--login-form-header-margin-bottom:var(--spacing-24);--login-form-title-size:var(--font-size-h4);--login-form-title-color:var(--color-text-primary);--login-form-subtitle-color:var(--color-text-secondary);--login-auth-methods-margin:0 0 var(--spacing-20);--login-auth-button-bg:var(--color-ui-bg);--login-auth-button-border:1px solid var(--color-border-1);--login-auth-button-hover-border:1px solid var(--color-ui-bg-click);--login-auth-button-active-border:1px solid var(--color-primary);--login-auth-button-radius:var(--input-border-radius);--login-auth-button-label-color:var(--color-text-primary);--login-divider-margin:var(--spacing-20) 0;--login-divider-line-color:var(--color-border-1);--login-divider-text-color:var(--color-text-tertiary,var(--color-text-secondary));--login-divider-font-size:11px;--login-divider-letter-spacing:1px;--login-errors-margin:var(--spacing-10) 0;--login-register-padding-top:var(--spacing-14);--login-register-text-color:var(--color-text-secondary);--login-split-max-width:920px;--login-split-min-height:520px;--login-split-border-radius:var(--radius-12);--login-brand-width:340px;--login-brand-bg:linear-gradient(160deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-base-surface)) 0%, var(--color-base-surface) 40%, color-mix(in srgb, var(--color-primary) 6%, var(--color-base-surface)) 100%);--login-brand-padding:36px var(--spacing-32) var(--spacing-40);--login-desktop-form-panel-padding:36px var(--spacing-32);--login-mobile-bg:var(--color-base-background);--login-mobile-form-padding:0 var(--spacing-12) var(--spacing-12)}.login-modal{flex-direction:column;min-height:100%;display:flex}.login-modal__split{flex-direction:column;flex:1;display:flex;position:relative}.login-modal__brand{display:none}.login-modal__form-panel{flex-direction:column;flex:1;display:flex}.login-modal__close-btn--desktop{display:none}.login-modal__welcome{text-align:center;padding:var(--login-welcome-padding);position:relative}.login-modal__close-btn{top:var(--close-button-top);right:var(--close-button-right);cursor:pointer;padding:var(--spacing-8);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.login-modal__welcome-heading{font-size:var(--login-welcome-heading-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-h4);color:var(--login-welcome-heading-color);margin:0 0 var(--spacing-6)}.login-modal__welcome-accent{color:var(--color-brand)}.login-modal__welcome-subtitle{font-size:var(--login-welcome-subtitle-size);color:var(--login-welcome-subtitle-color);line-height:var(--line-height-caption);margin:0}.login-modal__form{padding:var(--login-form-padding);flex:1}.login-modal__form>*{animation:.3s both profile-fadeUp}.login-modal__form>:nth-child(2){animation-delay:50ms}.login-modal__form>:nth-child(3){animation-delay:.1s}.login-modal__form>:nth-child(4){animation-delay:.15s}.login-modal__form>:nth-child(5){animation-delay:.2s}.login-modal__form>:nth-child(n+6){animation-delay:.25s}.login-modal__form-card{background:var(--login-form-card-bg);border:var(--login-form-card-border);border-radius:var(--login-form-card-radius);padding:var(--login-form-card-padding)}.login-modal__form-header{text-align:center;margin-bottom:var(--login-form-header-margin-bottom);padding:0 var(--spacing-4)}.login-modal__form-title{font-size:var(--login-form-title-size);font-weight:var(--font-weight-bold);color:var(--login-form-title-color);margin:0 0 var(--spacing-4)}.login-modal__form-subtitle{font-size:var(--font-size-caption);color:var(--login-form-subtitle-color);line-height:var(--line-height-caption);margin:0}.login-modal__auth-methods{margin-bottom:var(--login-auth-methods-margin)}.login-modal__auth-buttons{gap:var(--spacing-10);flex-direction:row;display:flex}.login-modal__auth-button{justify-content:center;align-items:center;gap:var(--spacing-8);padding:var(--spacing-10);background:var(--login-auth-button-bg);border:var(--login-auth-button-border);border-radius:var(--login-auth-button-radius);cursor:pointer;transition:border var(--transition-slow);flex:1;display:flex}.login-modal__auth-button:hover{border:var(--login-auth-button-hover-border)}.login-modal__auth-button:focus-visible{border:var(--login-auth-button-active-border);outline:2px solid var(--color-brand);outline-offset:2px}.login-modal__auth-button:active{border:var(--login-auth-button-active-border)}.login-modal__auth-button:disabled{opacity:.5;cursor:not-allowed}.login-modal__auth-button-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.login-modal__auth-button-icon img{object-fit:contain;max-width:100%;max-height:100%}.login-modal__auth-button-label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body-sm);color:var(--login-auth-button-label-color)}.login-modal__divider{align-items:center;gap:var(--spacing-12);margin:var(--login-divider-margin);display:flex}.login-modal__divider-line{background:var(--login-divider-line-color);flex:1;height:1px}.login-modal__divider-text{font-size:var(--login-divider-font-size);font-weight:var(--font-weight-regular);line-height:var(--line-height-caption);color:var(--login-divider-text-color);text-transform:uppercase;letter-spacing:var(--login-divider-letter-spacing)}.login-modal__errors{margin:var(--login-errors-margin)}.login-modal__errors .validation-errors{min-height:var(--general-validation-error-height);background:var(--general-validation-error-background);border-radius:var(--general-validation-error-border-radius);width:100%;display:flex;position:relative}.login-modal__errors .validation-errors .validation-icon{left:var(--spacing-10);width:var(--spacing-16);height:var(--spacing-16);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-modal__errors .validation-errors .validation-icon img{object-fit:contain;width:100%;height:100%}.login-modal__errors .validation-errors .error-message{font-size:var(--general-validation-error-font-size);color:var(--general-validation-error-color);padding:var(--general-validation-error-padding);padding-left:var(--spacing-32);word-break:break-word;text-align:left;width:100%;line-height:var(--general-validation-error-line-height);display:inline-block}.login-modal__field{margin-bottom:var(--spacing-16);position:relative}.login-modal__field input::placeholder{font-size:var(--input-static-label-font-size);text-transform:var(--input-static-label-text-transform);letter-spacing:var(--input-static-label-letter-spacing)}.login-modal .dench-input-wrapper--invalid .custom-input-icon{display:none}.login-modal__actions{align-items:flex-start;gap:var(--spacing-16);margin-top:var(--spacing-16);flex-direction:column;display:flex}.login-modal__actions .dench-button-component,.login-modal__actions .dench-button{width:100%}.login-modal__forgot-password{font-family:inherit;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-caption);color:var(--color-brand);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0;display:inline-flex}.login-modal__forgot-password a{color:inherit}.login-modal__register{text-align:center;padding-top:var(--login-register-padding-top);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--login-register-text-color);cursor:pointer}.login-modal__register a{color:var(--color-brand);font-weight:var(--font-weight-semibold);text-decoration:none}@media only screen and (min-width:1025px){.custom-modal-wrapper.login .modal-inner-content{background:0 0;border:none;border-radius:0;justify-content:center;align-items:flex-start;width:100%;height:100%;max-height:100%;padding-top:5vh;display:flex}.custom-modal-wrapper.login .modal-body{justify-content:center;align-items:flex-start;width:100%;display:flex}.login-modal{height:auto;max-width:var(--login-split-max-width);width:100%;margin:0 auto}.login-modal__split{min-height:var(--login-split-min-height);border-radius:var(--login-split-border-radius);border:1px solid var(--color-border-1);flex-direction:row;overflow:hidden}.login-modal__brand{width:var(--login-brand-width);min-width:var(--login-brand-width);background:var(--login-brand-bg);padding:var(--login-brand-padding);flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}.login-modal__brand:before{content:"";background:radial-gradient(circle, var(--color-glow-primary) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-60px;right:-60px}.login-modal__brand-logo{margin-bottom:var(--spacing-24)}.login-modal__brand-logo img{height:36px}.login-modal__brand-heading{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-10);line-height:1.2}.login-modal__brand-heading span{color:var(--color-brand)}.login-modal__brand-description{font-size:var(--font-size-body-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-20);line-height:1.7}.login-modal__brand-features{gap:var(--spacing-10);flex-direction:column;display:flex}.login-modal__brand-feat{align-items:center;gap:var(--spacing-10);font-size:var(--font-size-caption);color:var(--color-text-secondary);display:flex}.login-modal__brand-check{color:var(--color-brand);font-weight:var(--font-weight-bold)}.login-modal__brand-icon{width:80px;height:80px;margin-top:auto}.login-modal__brand-icon svg{width:100%;height:100%}.login-modal__form-panel{background:var(--color-ui-surface);padding:var(--login-desktop-form-panel-padding);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.login-modal__form{width:100%;padding:0}.login-modal__form-header{text-align:left}.login-modal__welcome{display:none}.login-modal__form-card{background:0 0;border:none;padding:0}.login-modal__close-btn--desktop{top:var(--close-button-top);right:var(--close-button-right);z-index:10;width:var(--close-button-size-lg);height:var(--close-button-size-lg);cursor:pointer;transition:background var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.login-modal__close-btn--desktop:hover{background:var(--close-button-ghost-bg-hover)}.login-modal__close-btn--desktop .icon-wrapper{width:20px;height:20px}.login-modal__close-btn--desktop .icon-wrapper svg{width:100%;height:100%}}@media only screen and (min-device-width:834px) and (max-device-width:1194px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),(min-device-width:834px) and (max-device-width:1194px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape),(min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait),(min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.custom-modal-wrapper-backdrop.backdrop-login.shown,.custom-modal-wrapper.login.shown{top:var(--mobile-layout-header-height)}.custom-modal-wrapper.login .modal-inner-content{background:var(--login-mobile-bg);height:calc(100vh - var(--mobile-layout-header-height));min-width:auto;padding-bottom:calc(var(--bottom-bar-height) + var(--bottom-bar-bottom) + env(safe-area-inset-bottom));overflow:auto}.custom-modal-wrapper.login .modal-inner-content.custom-scroll{scrollbar-width:none}.login-modal{background:var(--login-mobile-bg);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.login-modal__form{padding:var(--login-mobile-form-padding)}.login-modal__auth-buttons{gap:var(--spacing-8);flex-direction:column}}@media only screen and (min-width:768px) and (max-width:1024px){.custom-modal-wrapper-backdrop.backdrop-login.shown,.custom-modal-wrapper.login.shown{top:var(--mobile-layout-header-height)}.custom-modal-wrapper.login .modal-inner-content{background:var(--login-mobile-bg);height:calc(100vh - var(--mobile-layout-header-height));min-width:auto;padding-bottom:calc(var(--bottom-bar-height) + var(--bottom-bar-bottom) + env(safe-area-inset-bottom));overflow:auto}.custom-modal-wrapper.login .modal-inner-content.custom-scroll{scrollbar-width:none}.login-modal{background:var(--login-mobile-bg);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.login-modal__form{padding:var(--login-mobile-form-padding)}.login-modal__auth-buttons{gap:var(--spacing-8);flex-direction:column}}@media only screen and (max-width:767px){.custom-modal-wrapper-backdrop.backdrop-login.shown,.custom-modal-wrapper.login.shown{top:var(--mobile-layout-header-height)}.custom-modal-wrapper.login .modal-inner-content{background:var(--login-mobile-bg);height:calc(100vh - var(--mobile-layout-header-height));min-width:auto;padding-bottom:calc(var(--bottom-bar-height) + var(--bottom-bar-bottom) + env(safe-area-inset-bottom));overflow:auto}.custom-modal-wrapper.login .modal-inner-content.custom-scroll{scrollbar-width:none}.login-modal{background:var(--login-mobile-bg);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.login-modal__form{padding:var(--login-mobile-form-padding)}.login-modal__auth-buttons{gap:var(--spacing-8);flex-direction:column}}@media only screen and (max-width:1024px){.login-modal__form-header{display:none}}.show-login-in-game-play .login-modal{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}