/* Mipez.app V5.1.8.2.3 — Symmetric Dual-Wing Flight System */
.mipez-flight-hud-v51823,
.mipez-wings-cue-v51823,
.mipez-flight-banner-v51823,
.mipez-wing-jump-v51823 {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  pointer-events: none;
  position: absolute;
  z-index: 76;
}

.mipez-flight-hud-v51823 {
  top: max(82px, calc(env(safe-area-inset-top, 0px) + 68px));
  left: 50%;
  width: min(330px, calc(100vw - 32px));
  transform: translate(-50%, -10px) scale(.96);
  opacity: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 3px 9px;
  align-items: center;
  padding: 8px 11px 9px;
  border: 1px solid rgba(186,230,253,.58);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(7,36,70,.88), rgba(11,85,112,.78));
  box-shadow: 0 10px 32px rgba(2,15,35,.30), inset 0 1px 0 rgba(255,255,255,.12);
  color: #fff;
  backdrop-filter: blur(8px);
  transition: opacity .2s ease, transform .2s ease;
}
.mipez-flight-hud-v51823.is-visible { opacity: 1; transform: translate(-50%, 0) scale(1); }
.mipez-flight-hud-v51823__icon { grid-row: 1 / 3; font-size: 25px; filter: drop-shadow(0 2px 7px rgba(125,211,252,.38)); }
.mipez-flight-hud-v51823__copy { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; min-width: 0; }
.mipez-flight-hud-v51823__copy b { font-size: 11px; letter-spacing: .11em; white-space: nowrap; }
.mipez-flight-hud-v51823__copy small { font-size: 10px; color: #bae6fd; white-space: nowrap; }
.mipez-flight-hud-v51823__meter { grid-column: 2; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(2,15,35,.52); box-shadow: inset 0 1px 2px rgba(0,0,0,.25); }
.mipez-flight-hud-v51823__meter i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #67e8f9, #fde68a); transition: width .12s linear; }
.mipez-flight-hud-v51823.is-low { border-color: rgba(253,186,116,.75); }
.mipez-flight-hud-v51823.is-low .mipez-flight-hud-v51823__meter i { background: linear-gradient(90deg, #fb7185, #fbbf24); }

.mipez-wings-cue-v51823 {
  top: 26%;
  left: 50%;
  transform: translate(-50%, -10px) scale(.97);
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  max-width: min(360px, calc(100vw - 40px));
  padding: 8px 14px;
  border: 1px solid rgba(253,230,138,.68);
  border-radius: 999px;
  background: rgba(3,24,52,.75);
  box-shadow: 0 8px 28px rgba(2,12,28,.27);
  color: white;
  text-align: center;
  backdrop-filter: blur(8px);
  transition: opacity .18s ease, transform .18s ease;
}
.mipez-wings-cue-v51823.is-visible { opacity: 1; transform: translate(-50%, 0) scale(1); }
.mipez-wings-cue-v51823 b { font-size: 11px; letter-spacing: .08em; color: #fef3c7; }
.mipez-wings-cue-v51823 span { font-size: 10px; color: #dbeafe; }

.mipez-wing-jump-v51823 {
  pointer-events: auto;
  left: 50%;
  bottom: max(104px, calc(env(safe-area-inset-bottom, 0px) + 92px));
  transform: translate(-50%, 12px) scale(.94);
  opacity: 0;
  visibility: hidden;
  border: 1px solid rgba(253,230,138,.78);
  border-radius: 999px;
  padding: 9px 14px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  background: linear-gradient(135deg, rgba(8,47,73,.95), rgba(14,116,144,.91));
  box-shadow: 0 8px 24px rgba(3,31,53,.34), inset 0 1px 0 rgba(255,255,255,.16);
  cursor: pointer;
  touch-action: manipulation;
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.mipez-wing-jump-v51823.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0) scale(1); }
.mipez-wing-jump-v51823 span { font-size: 19px; }
.mipez-wing-jump-v51823 b { font-size: 10px; letter-spacing: .07em; }

.mipez-flight-banner-v51823 {
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.82);
  opacity: 0;
  min-width: min(360px, calc(100vw - 42px));
  padding: 14px 22px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.45);
  background: linear-gradient(135deg, rgba(7,38,75,.88), rgba(8,145,178,.80));
  box-shadow: 0 18px 52px rgba(1,15,34,.35), 0 0 52px rgba(125,211,252,.24);
  color: white;
  text-align: center;
  backdrop-filter: blur(10px);
  transition: opacity .2s ease, transform .24s cubic-bezier(.2,.85,.3,1.2);
}
.mipez-flight-banner-v51823.is-visible { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.mipez-flight-banner-v51823 span { display: block; font-size: 34px; line-height: 1; margin-bottom: 4px; }
.mipez-flight-banner-v51823 strong { display: block; font-size: 20px; letter-spacing: .06em; }
.mipez-flight-banner-v51823 small { display: block; margin-top: 3px; font-size: 10px; letter-spacing: .18em; color: #fef3c7; }

/* V5.1.8 legacy aerial contract remains available on the surface, but does not compete with the transformation HUD during actual flight. */
body.mipez-flight-active #mipez-sky-hud-v518 { display: none !important; }

@media (max-width: 820px) {
  .mipez-flight-hud-v51823 { top: max(76px, calc(env(safe-area-inset-top, 0px) + 62px)); width: min(300px, calc(100vw - 24px)); padding: 7px 10px 8px; }
  .mipez-flight-hud-v51823__copy b { font-size: 10px; }
  .mipez-flight-hud-v51823__copy small { font-size: 9px; }
  .mipez-wings-cue-v51823 { top: 23%; }
}

@media (orientation: landscape) and (max-height: 520px) {
  .mipez-flight-hud-v51823 {
    top: max(44px, calc(env(safe-area-inset-top, 0px) + 36px));
    width: min(275px, 40vw);
    padding: 5px 9px 6px;
    border-radius: 13px;
  }
  .mipez-flight-hud-v51823__icon { font-size: 20px; }
  .mipez-flight-hud-v51823__copy b { font-size: 9px; }
  .mipez-flight-hud-v51823__copy small { font-size: 8px; }
  .mipez-flight-hud-v51823__meter { height: 4px; }
  .mipez-wings-cue-v51823 { top: 19%; padding: 5px 11px; }
  .mipez-wings-cue-v51823 span { display: none; }
  .mipez-wing-jump-v51823 { bottom: max(66px, calc(env(safe-area-inset-bottom, 0px) + 54px)); padding: 7px 11px; }
  .mipez-flight-banner-v51823 { top: 46%; padding: 9px 18px; }
  .mipez-flight-banner-v51823 span { font-size: 25px; }
  .mipez-flight-banner-v51823 strong { font-size: 14px; }
}

@media (hover: hover) and (pointer: fine) {
  .mipez-wing-jump-v51823 { display: none !important; }
}


.mipez-flight-banner-v51823.is-visible{animation:mipez-flight-burst-v51823 .55s cubic-bezier(.18,.9,.3,1.2);}
@keyframes mipez-flight-burst-v51823{0%{transform:translate(-50%,-50%) scale(.74)}65%{transform:translate(-50%,-50%) scale(1.04)}100%{transform:translate(-50%,-50%) scale(1)}}