/* HTNS v302 r93 — desktop login composition.
   Keep the phone/PWA layout untouched; wide browsers render the login as a
   centered app-width experience so artwork, copy and actions never stretch
   across an ultrawide monitor. */
@media (min-width: 900px) {
  html.htns-theme-v234.login-screen-active[data-theme="light"],
  html.htns-theme-v234.login-screen-active[data-theme="light"] body,
  html.htns-theme-v234.login-screen-active[data-theme="light"] body #app {
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 50% 12%, rgba(255,255,255,.96) 0 7%, rgba(232,245,255,.88) 38%, rgba(214,234,249,.96) 100%) !important;
  }

  html.htns-theme-v234.login-screen-active[data-theme="light"] body #app {
    position:relative !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] {
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(820px, 100vw) !important;
    max-width:820px !important;
    min-width:0 !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    overflow:hidden !important;
    border-left:1px solid rgba(136,181,216,.26) !important;
    border-right:1px solid rgba(136,181,216,.26) !important;
    box-shadow:0 0 58px rgba(22,61,99,.14) !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] .htns-login-hero-r71 {
    width:100% !important;
    height:clamp(320px,42dvh,455px) !important;
    min-height:clamp(320px,42dvh,455px) !important;
    max-height:clamp(320px,42dvh,455px) !important;
    margin:0 !important;
    background-size:100% 100% !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] .htns-login-panel-stage-r71 {
    width:100% !important;
    margin:-2px 0 0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
    background-size:100% 100% !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] .panel {
    width:calc(100% - 72px) !important;
    max-width:720px !important;
    margin:0 auto !important;
    padding:18px 18px 14px !important;
    gap:11px !important;
    border-radius:28px !important;
    box-shadow:0 12px 34px rgba(23,70,107,.12) !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #htnsLoginWelcomeR71 {
    font-size:31px !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #htnsLoginHelpR71 {
    font-size:15px !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #loginMemberTrigger.login-member-trigger {
    height:58px !important;
    min-height:58px !important;
    border-radius:18px !important;
    padding-left:16px !important;
    font-size:17px !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #loginMemberTrigger .login-member-trigger-arrow {
    width:42px !important;
    height:42px !important;
    right:8px !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #loginSecondaryActions.login-secondary-actions {
    gap:10px !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #loginSecondaryActions.login-secondary-actions :is(#btnGuest,#langBar,#htnsSongbookOfflineEntry) {
    height:92px !important;
    min-height:92px !important;
    border-radius:18px !important;
    padding:11px 6px !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #loginSecondaryActions.login-secondary-actions :is(#btnGuest,#langBar,#htnsSongbookOfflineEntry) > svg,
  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #loginSecondaryActions.login-secondary-actions #langBar .lang-btn > .login-lang-icon {
    width:29px !important;
    height:29px !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] #loginMemberMenu.open {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-height:min(34dvh,300px) !important;
  }

  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] .htns-login-scene-r71 {
    flex:1 1 auto !important;
    min-height:0 !important;
    width:100% !important;
    background-position:center top !important;
    background-size:cover !important;
  }
}

@media (min-width: 1400px) {
  html.htns-theme-v234[data-theme="light"] body #app #gate.gate[data-login-skin="r71"] {
    width:840px !important;
    max-width:840px !important;
  }
}