/* V0.3.9 — clean legacy geometry and isolate scene families */

/* Kill old CSS-drawn carriage geometry everywhere except phone UI. */
.stage:not([data-type="phone_ui"]) .bg:before,
.stage:not([data-type="phone_ui"]) .bg:after{content:none!important;display:none!important;}

/* Direct action uses the lever environment only, never the trio artwork. */
.stage[data-visual-mode="action"] .bg,
.stage[data-visual-bg="lever"] .bg{
  background-color:#05080a!important;
  background-image:url('./backgrounds/lever_area.svg')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:saturate(.86) contrast(1.12) brightness(.72)!important;
  transform:none!important;
  opacity:1!important;
}
.stage[data-visual-mode="action"] .scene{align-items:center!important;padding:84px 20px 48px!important;}
.stage[data-visual-mode="action"] .center{max-width:360px!important;}
.stage[data-visual-mode="action"] .speaker-focus{display:none!important;}

/* Results deliberately leave the train. */
.stage[data-visual-mode="result"] .bg,
.stage[data-visual-bg="result"] .bg{
  background-image:none!important;
  background:radial-gradient(circle at 50% 28%,rgba(110,150,166,.12),transparent 26%),linear-gradient(180deg,#090c0e,#030405 68%,#000)!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
.stage[data-visual-mode="result"] .speaker-focus{display:none!important;}
.stage[data-visual-mode="result"] .scene{align-items:center!important;padding-top:88px!important;}

/* Trio artwork should only appear on explicit trio-family scenes. */
html[data-trio-art="ready"] .stage[data-visual-bg="trio"] .bg{
  background-image:var(--trio-master-url)!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  background-position:center 54px!important;
  opacity:1!important;
}

/* Ensure phone scene keeps its device construction and art backdrop cleanly. */
.stage[data-type="phone_ui"] .bg{opacity:1!important;}

/* Prevent old scene pseudo overlays from drawing light bars on action/result. */
.stage[data-visual-mode="action"] .scene:before,
.stage[data-visual-mode="result"] .scene:before{content:none!important;display:none!important;}