/* Mobile uses successive, legible panels instead of a scaled desktop scene. */
@media(max-width:560px){
 html.compact .stage{width:100%!important;height:100vh!important;transform:none!important}
 html.compact .stage .floating{left:14px!important;top:14px!important;width:calc(100% - 28px)!important;max-height:calc(100vh - 62px);transition:opacity 320ms ease-out,transform 320ms ease-out}
 html.compact .stage[data-phase="2"] .floating:not(.result){opacity:0;pointer-events:none}
 html.compact .stage .content{padding:10px;gap:8px;font-size:13px}
 html.compact .stage .phead{height:36px}
 html.compact .stage .phead__title{font-size:13px}
 html.compact .stage .bubble,html.compact .stage .reply,html.compact .stage .content p{font-size:13px;line-height:1.45}
 html.compact .stage .cue{display:none}
 html.compact .stage .photo,html.compact .stage .inspection .photo{width:calc(100% - 24px);height:165px}
 html.compact .stage .photo-footer{font-size:11px}
 html.compact .stage .note-row{font-size:12px;padding:7px 0}
 html.compact .stage .story-timeline{padding:8px 0}
}

/* Shared AI-result halo; the existing reveal controls its appearance. */
.stage[data-phase="2"] .floating.result{
 box-shadow:-18px 2px 38px -13px #8b74e84d,18px 7px 38px -13px #f6b98f52,0 17px 34px -15px #ec798f45,0 8px 18px -8px #18232130;
}