html:has(.login-page){scrollbar-width:none;height:100%;overflow:hidden}body:has(.login-page){flex-direction:column;height:100dvh;display:flex;overflow:hidden}body:has(.login-page) .site-header{flex-shrink:0}body:has(.login-page) .site-footer{display:none}main:has(>.login-page){flex:1;min-height:0;overflow:hidden}.login-page{height:100%;min-height:0}.login-page .account-loading{height:100%;min-height:0;padding-block:24px}.login-page .account-auth{grid-template-rows:minmax(0,1fr);align-items:stretch;gap:clamp(24px,5vw,80px);height:100%;min-height:0;padding-block:clamp(14px,3dvh,32px)}.login-page .auth-story{min-height:0;padding:clamp(22px,3.5dvh,38px)}.login-page .auth-story>*{flex-shrink:0}.login-page .auth-story h2{margin-top:17px;font-size:clamp(34px,5.8dvh,54px)}.login-page .auth-story>p:not(.eyebrow){margin-top:14px}.login-page .id-preview{width:min(100%,270px);margin-block:auto}.login-page .auth-form-panel{overscroll-behavior-y:contain;scrollbar-width:none;align-self:center;max-height:100%;padding:8px;overflow-y:auto}.login-page .auth-form-panel::-webkit-scrollbar{display:none}html:has(.login-page)::-webkit-scrollbar{display:none}.login-page .auth-form-panel h1{margin-block:12px 14px;font-size:clamp(38px,4.4vw,56px)}.login-page .auth-form-panel h1 br{display:none}.login-page .auth-form-panel>.account-muted{margin-bottom:20px;font-size:13px}.login-page .google-button,.login-page .account-submit{min-height:44px}.login-page .account-submit{padding-block:11px}.login-page .form-divider{margin-block:16px}.login-page .account-fields{gap:14px}.login-page .account-field{gap:6px}.login-page .account-field input{min-height:44px;padding-block:10px}.login-page .auth-switch{margin-top:18px}.login-page .auth-fine-print{margin-top:16px}@media (max-height:760px){.login-page .auth-story h2{margin-top:12px;font-size:clamp(30px,5.5dvh,42px)}.login-page .id-preview{grid-template-columns:64px minmax(0,1fr);column-gap:15px;padding:16px;display:grid}.login-page .id-preview-top{grid-column:1/-1;margin-bottom:14px}.login-page .id-preview>.player-avatar{grid-area:2/1/4;width:64px;height:64px;margin:0}.login-page .id-preview>p{text-align:left;grid-area:2/2;align-self:end;font-size:20px}.login-page .id-preview>span{text-align:left;grid-area:3/2;align-self:start;font-size:10px}.login-page .id-preview-bottom{grid-column:1/-1;margin-top:14px}.login-page .auth-form-panel>.eyebrow{display:none}.login-page .auth-form-panel h1{margin-block:0 10px;font-size:40px}.login-page .auth-form-panel>.account-muted{margin-bottom:14px;font-size:12px}.login-page .form-divider{margin-block:12px}.login-page .auth-switch{margin-top:13px}.login-page .auth-fine-print{margin-top:12px;font-size:10px;line-height:1.5}}@media (max-width:767px){.login-page .account-auth{gap:0}.login-page .auth-form-panel{width:100%}.login-page .auth-form-panel h1{font-size:clamp(34px,8vw,46px)}}@media (max-height:660px){.login-page .auth-form-panel>.account-muted{margin-bottom:10px}.login-page .account-fields{gap:12px}.login-page .auth-fine-print{display:none}}@media (max-height:540px){.login-page .account-auth{grid-template-columns:minmax(0,1fr);justify-items:center;padding-block:10px}.login-page .auth-story,.login-page .auth-form-panel>.account-muted,.login-page .auth-fine-print{display:none}}
