/* Alpha 47 mobile polish: keep the orb, copy, props, and composer in separate visual zones. */
.stage-copy>.greeting{
 position:absolute!important;
 top:clamp(12px,4vh,34px);
 left:16px;
 right:16px;
 z-index:9!important;
 margin:0!important;
 font-size:clamp(18px,5.8vw,30px)!important;
 line-height:1.16;
 text-wrap:balance;
}
.stage-copy>.status{
 position:absolute!important;
 top:calc(50% + 112px);
 left:18px;
 right:18px;
 z-index:9!important;
 margin:0!important;
}
.stage-copy>.nudge{
 position:absolute!important;
 top:calc(50% + 142px);
 left:12px;
 right:12px;
 z-index:9!important;
 min-height:0;
 margin:0!important;
}
.stage #bluey-version{
 position:absolute!important;
 top:auto!important;
 right:10px!important;
 bottom:8px!important;
 z-index:10!important;
 max-width:calc(100% - 20px);
 padding:3px 6px;
 border-radius:8px;
 background:rgba(255,255,255,.8);
 color:rgba(75,91,106,.72);
 text-align:right;
}
.app.working .stage #bluey-version{display:none!important}
@media(max-width:520px){
 .stage-copy>.greeting{
  top:12px;
  left:14px;
  right:14px;
  font-size:clamp(18px,6vw,23px)!important;
  line-height:1.15;
 }
 .stage-copy>.status{top:calc(50% + 104px);font-size:14px}
 .stage-copy>.nudge{top:calc(50% + 132px);font-size:14px;line-height:1.2}
 .stage .bluey-interactive-object{
  min-width:108px;
  min-height:58px;
  padding:7px;
 }
 .stage .bluey-item-label{
  max-width:116px;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  font-size:10px;
  line-height:1.2;
  letter-spacing:0;
 }
}
@media(max-width:520px) and (max-height:560px){
 .stage{min-height:320px}
 .stage-copy>.status{top:calc(50% + 90px)}
 .stage-copy>.nudge{top:calc(50% + 115px)}
}

/* Mobile copy stack: greeting then status directly beneath Bluey. */
.stage-copy{display:contents}
@media(max-width:700px){
 .app.working .stage-copy{top:132px!important}
 .app.working .stage-copy .greeting{font-size:clamp(14px,4vw,16px)!important}
 .app.working .stage-copy .status,.app.working .stage-copy .nudge{font-size:clamp(12px,3.5vw,14px)!important;line-height:1.15!important}
 .stage-copy{position:absolute!important;top:calc(50% + 98px)!important;left:12px!important;right:12px!important;z-index:20!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;text-align:center!important}
 .stage-copy .greeting{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:20!important;width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;font-size:clamp(15px,4.5vw,18px)!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
 .stage-copy .status,.stage-copy .nudge{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:20!important;width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;min-height:0!important;font-size:clamp(13px,3.8vw,16px)!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
 .stage-copy .status:empty,.stage-copy .nudge:not(.show){display:none!important}
}
@media(max-width:700px) and (max-height:560px){.app:not(.working) .stage{min-height:380px!important}.app:not(.working) .stage-copy{top:calc(50% + 95px)!important}}

/* Home props stay hidden at every layout width until the user asks to see them. */
.stage[data-bluey-world="home"]:not(.bluey-home-props-visible) .bluey-interactive-object,
.stage[data-bluey-world="home"]:not(.bluey-home-props-visible) .bluey-trip-object,
.stage[data-bluey-world="home"]:not(.bluey-home-props-visible) .bluey-object,
.stage[data-bluey-world="home"]:not(.bluey-home-props-visible) .bluey-memory-artifact,
body.bluey-world43-home:not(.bluey-home-props-visible) .stage .bluey-interactive-object,
body.bluey-world43-home:not(.bluey-home-props-visible) .stage .bluey-trip-object,
body.bluey-world43-home:not(.bluey-home-props-visible) .stage .bluey-object,
body.bluey-world43-home:not(.bluey-home-props-visible) .stage .bluey-memory-artifact{display:none!important}