/* ETEA ND4 — portrait-desktop application-shell balance.
   Only affects unusually tall desktop viewport proportions. It does not crop,
   enlarge, or relocate the ETEA artwork relative to the nomination console. */
@media (min-width:1024px) and (min-height:1320px) and (max-aspect-ratio: 1/1) {
  body.neon-dashboard[data-etea-screen="welcome"] .etea-experience {
    min-height: 100svh !important;
    height: auto !important;
    display: flow-root !important;
    background:
      radial-gradient(ellipse 70% 44% at 50% 53%, rgba(20,133,162,.22), transparent 78%),
      radial-gradient(ellipse 45% 34% at 48% 83%, rgba(0,192,171,.055), transparent 87%),
      linear-gradient(180deg, #031b2d, #052438 51%, #031827) !important;
  }
  body.neon-dashboard[data-etea-screen="welcome"] .hero>.hero-story {
    /* Center the existing stage in tall portrait desktop viewports, keeping
       hero above member console, without enlarging or stretching either. */
    margin-top: clamp(64px, calc((100svh - 1120px) * .54), 555px) !important;
  }
}
/* A tall portrait viewport is an app-like experience, not a widescreen desktop.
   Use the same genuine navigation controls already approved for tablet. */
@media (min-width:1024px) and (min-height:1320px) and (max-aspect-ratio: 1/1) {
  body.neon-dashboard[data-etea-screen="welcome"] .etea-experience { padding-bottom: 112px!important; }
  body.neon-dashboard .nd2-bottom-nav {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;position:fixed!important;z-index:200!important;
    left:50%!important;bottom:22px!important;transform:translateX(-50%)!important;
    width:min(620px,calc(100% - 48px))!important;
    padding:8px!important;background:linear-gradient(135deg,rgba(5,43,62,.96),rgba(4,26,44,.98))!important;
    border:1px solid rgba(98,237,225,.71)!important;border-radius:22px!important;
    box-shadow:0 16px 45px rgba(0,6,19,.65),inset 0 1px 0 rgba(204,255,250,.12),0 0 25px rgba(2,223,180,.09)!important;
    backdrop-filter:blur(19px)!important;
  }
  body.neon-dashboard .nd2-bottom-item {
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    min-height:60px!important;gap:4px!important;border:1px solid transparent!important;
    border-radius:15px!important;background:transparent!important;color:#a5d2e1!important;
    font-weight:800!important;font-size:11px!important;cursor:pointer!important;
  }
  body.neon-dashboard .nd2-bottom-item.is-active {
    border-color:rgba(38,239,185,.3)!important;background:linear-gradient(130deg,#064e56cc,#07344ccc)!important;
    color:#8cffda!important;box-shadow:inset 0 -2px 0 #4effcb,0 0 18px rgba(13,217,160,.17)!important;
  }
}
@media (min-width:1024px) and (min-height:1320px) and (max-aspect-ratio: 1/1) {
  body.neon-dashboard .hero>.nav {grid-template-columns:minmax(0,1fr) auto!important;}
  body.neon-dashboard .neon-nav-links {display:none!important;}
}