/* ======================================================
   Sayonara_Alice.exe — v72.16
   Mobile Final Refinement
   ------------------------------------------------------
   Mobile only:
   - slightly wider/more present portal
   - title/copy more prominent
   - less empty air above and below
   - tighter footer / scroll cue
====================================================== */

@media (max-width: 699px) {
  .v72-opening-shell {
    row-gap: .55rem !important;
    padding: .72rem clamp(.95rem, 4.6vw, 1.25rem) max(.55rem, env(safe-area-inset-bottom)) !important;
  }

  .v72-opening-header {
    font-size: .6rem !important;
    letter-spacing: .16em !important;
  }

  .v72-video-portal {
    top: 27.5% !important;
    left: 50% !important;
    width: min(92vw, 27rem) !important;
    max-height: 62svh !important;
    border-radius: 0 0 30px 30px !important;
  }

  body.is-entering .v72-video-portal {
    transform: translate(-50%, -50%) scale(1.055) !important;
  }

  .v72-opening-copy {
    width: min(92vw, 27rem) !important;
    margin-inline: auto !important;
    padding-top: 35.8vh !important;
    padding-bottom: .55rem !important;
  }

  .v72-opening-copy::before {
    inset: -1.35rem -1rem -1.15rem !important;
    filter: blur(9px) !important;
  }

  .v72-opening-kicker {
    margin-bottom: .72rem !important;
  }

  .v72-opening-title {
    width: 100% !important;
  }

  .v72-title-sayonara {
    font-size: clamp(2.9rem, 15vw, 5rem) !important;
  }

  .v72-title-alice {
    font-size: clamp(3.45rem, 18.2vw, 6rem) !important;
  }

  .v72-opening-subtitle {
    width: min(88vw, 25rem) !important;
    max-width: 25rem !important;
    margin-top: .72rem !important;
    font-size: clamp(.92rem, 3.85vw, 1.03rem) !important;
    line-height: 1.42 !important;
  }

  .v72-opening-actions {
    width: min(92vw, 27rem) !important;
    margin-top: .85rem !important;
    gap: .52rem !important;
  }

  .v72-enter,
  .v72-archive-link {
    min-height: 42px !important;
    padding: .72rem .95rem !important;
    font-size: .62rem !important;
  }

  .v72-opening-footer {
    gap: .42rem !important;
    padding-top: .42rem !important;
    border-top-color: rgba(115,225,255,.08) !important;
  }

  .v72-opening-coordinate {
    display: none !important;
  }

  .v72-scroll-cue {
    justify-self: center !important;
    gap: .38rem !important;
    padding: 0 !important;
    font-size: .54rem !important;
  }

  .v72-scroll-cue-line {
    height: 16px !important;
  }

  .v72-memory-orbit {
    right: -38vw !important;
    top: 29% !important;
    width: 96vw !important;
    opacity: .52 !important;
  }
}

@media (max-width: 420px) {
  .v72-video-portal {
    top: 27% !important;
    width: min(93vw, 26rem) !important;
    max-height: 61svh !important;
    border-radius: 22px !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 83%, transparent 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 83%, transparent 100%) !important;
  }

  .v72-opening-copy {
    padding-top: 34.6vh !important;
  }

  .v72-opening-subtitle {
    width: min(86vw, 23.5rem) !important;
    font-size: clamp(.88rem, 3.7vw, .98rem) !important;
  }
}