/* Compact sign-in only: brand artwork is decorative; inputs remain native. */
#loginDialog { width: min(calc(100% - 28px),420px); border-radius: 18px; }
#loginForm { display: block; padding: 0; overflow: hidden; border-radius: 18px; background: #1c1920; }
#loginForm .login-heading { position: relative; display: flex; align-items: center; gap: 12px; min-height: 96px; padding: 19px 62px 19px 22px; background: #28191d url('/player/assets/login/login-ambience-v8.webp') center/cover no-repeat; border-bottom: 1px solid #bb8a4b55; }
#loginForm .login-heading::before { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg,#1a1518b8,#23171a42); pointer-events: none; }
#loginForm .login-heading img { position: relative; width: 42px; height: 42px; flex: none; object-fit: contain; filter: drop-shadow(0 3px 8px #0008); }
#loginForm .login-heading h2 { position: relative; min-width: 0; padding: 0; margin: 0; color: #fff1dc; font-size: 22px; line-height: 1.3; letter-spacing: .02em; }
#loginForm .close { top: 12px; right: 12px; width: 38px; height: 38px; border-color: #e1b98466; background: #1a141bc9; color: #f2dec8; }
#loginForm .close:hover { background: #53313a; border-color: #e1b984; }
#loginForm .login-fields { display: grid; gap: 15px; padding: 22px; }
#loginForm .login-fields label { gap: 7px; color: #d6c4cb; font-size: 12px; font-weight: 500; }
#loginForm .login-fields input { min-height: 46px; padding: 10px 13px; border: 1px solid #5c4552; border-radius: 10px; background: #14131a; color: #f7eff0; }
#loginForm .login-fields input:focus { border-color: #d0a46b; box-shadow: 0 0 0 3px #d0a46b24; }
#loginForm .password-field input { padding-right: 49px; }
#loginForm .password-toggle { top: 1px; right: 1px; width: 44px; height: 44px; color: #c6acba; }
#loginForm .primary { min-height: 46px; margin-top: 2px; border-radius: 10px; background: linear-gradient(105deg,#bc394a,#92253c); }
#loginForm .form-error { margin: 0; color: #ff9aaf; }
#loginForm .login-footnote { margin: 0; color: #ad97a1; font-size: 10px; }
@media(max-width:540px) {
  #loginDialog { width: calc(100% - 36px); max-height: calc(100dvh - 24px); }
  #loginForm .login-heading { min-height: 84px; padding: 16px 54px 16px 18px; gap: 10px; }
  #loginForm .login-heading img { width: 36px; height: 36px; }
  #loginForm .login-heading h2 { font-size: 20px; }
  #loginForm .close { top: 9px; right: 9px; width: 36px; height: 36px; }
  #loginForm .login-fields { gap: 13px; padding: 18px; }
}