/* SuusStudio™ V0.3 · real-phone release repair layer
   Loaded after v4-real-phone-layout.css. Physical phones must use content-driven
   height and viewport-anchored controls even when Chrome exposes a desktop-like layout viewport. */

/* A backdrop-filter on the fixed top nav creates a containing block for fixed descendants
   in Chrome. Neutralize that parent on physical phones so the child nav's bottom:10px is
   relative to the viewport, then move the visual blur to the child itself. */
html.v4-real-phone .v4-shell .v4-nav{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  contain:none!important;
  will-change:auto!important;
}
html.v4-real-phone .v4-shell .v4-nav nav{
  transform:none!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}

/* Preserve the verified coarse-device archive evidence floor. The earlier real-phone
   hardening layer reduced these rows to 190px, below the 200px provenance gate. */
html.v4-real-phone .v4-shell .v4-world,
html.v4-real-phone .v4-shell .v4-world:nth-child(even){
  min-height:220px!important;
}
html.v4-real-phone .v4-shell .v4-world>img,
html.v4-real-phone .v4-shell .v4-world:nth-child(even)>img{
  min-height:220px!important;
}

html.v4-real-phone .v4-shell .v4-ai-collective{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
}

html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  padding:18px 16px 24px!important;
}

html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-artwork-wall{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  gap:9px!important;
  overflow:visible!important;
  padding:0!important;
}

html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-agent,
html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-agent[data-band="bottom"]:first-of-type,
html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-agent[data-agent="ECHO"],
html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-agent[data-agent="NEXUS"],
html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-agent[data-agent="FORGE"]{
  grid-column:auto!important;
  aspect-ratio:2/3!important;
  min-height:0!important;
}

html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-agent[data-agent="ASTRA"]{
  order:-10!important;
}

/* Keep the canonical AI-team caption in normal document flow. Earlier coarse-device
   rules already do this for narrow viewports; this makes the same contract hold when
   a physical phone reports a wide layout viewport. */
html.v4-real-phone .v4-shell .v4-ai-collective.v46-real-artwork-mounted .v46-real-artwork-stamp{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:18px 0 0!important;
  justify-content:flex-end!important;
}