/* Maven mobile website and sign-in layout. Native authentication stays intact. */
@media (max-width:850px), (max-width:1100px) and (max-height:520px) {
  .shell {min-width:0; padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
  .shell .portal-mast {height:80px; padding-inline:16px}
  .shell .portal-logo.official-maven-logo {width:112px; height:76px; flex:none}
  .shell .portal-account {gap:12px; flex-wrap:wrap}
  .shell .portal-account a {display:inline-flex; align-items:center; min-height:44px}
  .shell[data-auth=true] .portal-mast {height:72px}
  .shell[data-auth=true] .portal-logo.official-maven-logo {width:104px; height:68px}
  .shell[data-auth=true] .shell__main {min-height:0}
  .shell .event-auth {min-height:0; max-width:520px; display:block; padding:12px 12px calc(24px + env(safe-area-inset-bottom,0px) + var(--auth-keyboard-space,0px))}
  .shell .event-auth__art {display:none}
  .shell .event-auth__journal {width:100%; max-width:none; min-width:0; padding:20px}
  .shell .event-auth__head {margin-bottom:16px}
  .shell .event-auth__head h1 {font-size:28px; margin-top:4px}
  .shell .event-auth__welcome img {max-height:52px}
  .shell .event-auth__head p {margin-top:8px; font-size:13px}
  .shell .event-auth__eyebrow {display:none}
  .shell .event-auth .ui-form {gap:12px; min-width:0}
  .shell .event-auth .ui-field {min-width:0}
  .shell .event-auth .ui-field>label {margin-bottom:4px}
  .shell .event-auth .ui-field input:not([type=radio]) {width:100%; min-width:0; min-height:48px; padding:10px 12px; font-size:16px; scroll-margin-block:16px}
  .shell .event-auth .event-password input {padding-right:72px!important}
  .shell .event-auth .event-password__toggle {min-width:60px; min-height:44px; top:2px; bottom:2px}
  .shell .event-auth .ui-btn {min-height:48px}
  .shell .event-auth__forgot {min-height:44px; margin-top:0}
  .shell :is(.event-auth__join,.ui-form__foot) a {min-height:44px}
  .shell .event-auth__return {margin-top:12px; padding-top:8px}
  .shell .event-auth__return a {min-height:44px}
  .shell #mvn-google-signin {max-width:100%!important}
  .shell .portal-dialog {width:min(440px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); height:auto; margin:8px 8px 8px auto; inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) auto auto; overscroll-behavior:contain}
  .shell .portal-dialog__body {padding:0 16px 16px}
  .shell .portal-dialog__head {position:sticky; top:0; z-index:2; background:#eff8ff; min-height:64px; padding:8px 0}
  .shell .portal-dialog nav {margin:8px 0}
  .shell .portal-dialog nav a {font-size:16px; padding:8px 0; min-height:44px}
  html[data-maven-entry=event-2] #entry-main {padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px) + var(--entry-keyboard-space,0px)) max(12px,env(safe-area-inset-left,0px)); min-height:100svh}
  #entry-main .event-entry__bar {max-width:480px; margin-bottom:12px; gap:12px}
  #entry-main .event-brand {width:104px}
  #entry-main .event-entry__layout {display:block; max-width:480px; min-height:0}
  #entry-main .event-entry__art {display:none}
  #entry-main #gate-frame {max-width:none}
  #entry-main .event-entry__paper {padding:20px}
  #entry-main .event-entry__tabs {padding:8px 16px}
  #entry-main .event-entry__welcome img {max-height:52px}
  #entry-main .event-entry__intro {margin:8px 0 16px}
  #entry-main #login-form {gap:12px}
  #entry-main .event-entry__field {gap:4px}
  #entry-main .event-entry__field input {height:48px; font-size:16px; padding-block:10px}
  #entry-main #entry-reveal {min-height:44px; top:2px; bottom:2px}
  #entry-main .event-entry__forgot {min-height:44px; margin:0}
  #entry-main .event-entry__join {margin-top:12px}
  #entry-main .event-entry__join a {min-height:44px}
  #entry-main .event-entry__footer {margin-top:12px; padding-top:8px}
  #entry-main #mvn-google-signin {max-width:100%!important}
}
@media (orientation:landscape) and (min-width:480px) and (max-height:520px) and (max-width:1100px) {
  .shell .portal-mast, .shell[data-auth=true] .portal-mast {height:52px}
  .shell .portal-logo.official-maven-logo, .shell[data-auth=true] .portal-logo.official-maven-logo {width:76px; height:50px}
  .shell .portal-nav {display:none}
  .shell .portal-menu-button {display:flex; align-items:center; gap:8px; min-height:44px}
  .shell .event-auth {max-width:760px; padding-top:8px}
  .shell .event-auth__journal {padding:16px}
  .shell .event-auth__head {margin-bottom:12px}
  .shell .event-auth__head h1 {font-size:24px; margin:0}
  .shell .event-auth__welcome img {max-height:36px}
  .shell .event-auth__head p, .shell .event-auth__return {display:none}
  .shell .event-auth .ui-form {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px}
  .shell .event-auth .ui-field input:not([type=radio]) {min-height:44px; height:44px; padding-block:8px}
  .shell .event-auth .event-password__toggle {top:0; bottom:0}
  .shell .event-auth__form>.ui-field {grid-column:1; grid-row:1}
  .shell .event-auth__form>.ui-field~.ui-field {grid-column:2}
  .shell .event-auth__form>.event-auth__forgot {grid-column:2; grid-row:2; margin:0}
  .shell .event-auth__form>button[type=submit] {grid-column:1; grid-row:2; min-height:44px}
  .shell .event-auth__form>.event-auth__join {grid-column:1/-1}
  .shell .event-auth .ui-form :is(.ui-form__foot,[role=alert],.ui-alert) {grid-column:1/-1}
  .shell .event-auth__form>[role=alert] {grid-row:3}
  .shell .event-auth #mvn-google-signin {margin:8px auto 0!important}
  .shell .portal-dialog {width:min(560px,calc(100vw - 24px))}
  .shell .portal-dialog nav {grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px}
  html[data-maven-entry=event-2] #entry-main {padding-top:max(8px,env(safe-area-inset-top,0px))}
  #entry-main .event-entry__bar {max-width:720px; margin-bottom:8px}
  #entry-main .event-brand {width:76px}
  #entry-main .event-entry__layout {max-width:720px}
  #entry-main .event-entry__paper {padding:12px 16px}
  #entry-main .event-entry__tabs, #entry-main .event-entry__intro {display:none}
  #entry-main .event-entry__welcome {margin-bottom:12px}
  #entry-main .event-entry__welcome img {max-height:36px}
  #entry-main #login-form {grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px}
  #entry-main .event-entry__field input {height:44px; padding-block:8px}
  #entry-main #entry-reveal {top:0; bottom:0}
  #entry-main .event-entry__forgot {grid-column:2; grid-row:2}
  html[data-maven-entry=event-2] #entry-main #login-submit {grid-column:1; grid-row:2; min-height:44px!important; padding:8px 12px!important; line-height:26px!important}
  #entry-main #login-alert {grid-column:1/-1; grid-row:3}
  #entry-main .event-entry__join {margin-top:8px}
  #entry-main .event-entry__footer>span {display:none}
  #entry-main .event-entry__footer {margin-top:0; padding-top:0; border:0}
  #entry-main #mvn-google-signin {margin:8px auto 0!important}
}
@media (max-width:360px) {
  .shell .event-auth__journal {padding:16px}
  #entry-main .event-entry__paper {padding:16px}
}