/* Mission 12 only: accepted Mission 01 visual system with Survival Master art. */
body[data-mission="12"] .intro-scene{background-image:url(../mission-12-hero.png)!important}
body[data-mission="12"] .level-scene{background:radial-gradient(circle at 50% 40%,#253427 0,#080d0a 47%,#020403 80%),url(../mission-12-hero.png) 50%/cover fixed!important}
body[data-mission="12"] .briefing-scene{background:linear-gradient(#07100de8,#030504f5),url(../mission-12-hero.png) 50%/cover fixed!important}
body[data-mission="12"] .complete-scene{background-image:url(../mission-12-hero.png)!important}

/* One mission-local accent restores the accepted M01 Vocabulary, CTA and Briefing hierarchy. */
body[data-mission="12"] .cinema-app{--accent:#a7db3b!important}
body[data-mission="12"] .language-panel h3,
body[data-mission="12"] .improve-challenge h3{color:var(--accent)!important}
body[data-mission="12"] .listen{border-color:var(--accent)!important;color:var(--accent)!important}
body[data-mission="12"] .learn-controls .challenge,
body[data-mission="12"] .start-quiz{background:var(--accent)!important;border-color:var(--accent)!important;color:#071008!important;opacity:1!important;visibility:visible!important}

body[data-mission="12"] .learn-scene{padding-left:12px!important;padding-right:12px!important;overflow-x:hidden!important}
body[data-mission="12"] .learn-layout{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
body[data-mission="12"] .hotbar{order:1!important;width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(6,minmax(42px,54px))!important;justify-content:center!important;gap:7px!important;overflow:visible!important}
body[data-mission="12"] .hotbar button{width:100%!important;min-width:0!important;height:52px!important}
body[data-mission="12"] .hotbar button img{display:block!important;width:34px!important;height:34px!important;margin:auto!important;object-fit:contain!important}
body[data-mission="12"] .cinema-app[data-level] .item-stage{order:2!important;width:100%!important;max-width:100%!important;height:290px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
body[data-mission="12"] .cinema-app[data-level] .item-art{position:static!important;display:block!important;width:230px!important;height:230px!important;max-width:78vw!important;max-height:78vw!important;margin:0 auto!important;transform:none!important;object-fit:contain!important;object-position:center!important}
body[data-mission="12"] .language-panel{order:3!important;width:100%!important;max-width:100%!important;border-left:0!important;border-top:1px solid #41573d!important;padding:18px 10px!important;text-align:center!important}
body[data-mission="12"] :is(.mission-use,.speech){text-align:left!important}
body[data-mission="12"] .speech{grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important}
body[data-mission="12"] .speech>.safety-officer{display:block!important;width:60px!important;height:60px!important;object-fit:contain!important;object-position:center bottom!important;align-self:end!important;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45))!important}
body[data-mission="12"] .speech>div>small:before{content:"XM安全员 · ";color:#d7e5d8}
body[data-mission="12"] .quiz-item-art,body[data-mission="12"] .build-part img{object-fit:contain!important;object-position:center!important}
body[data-mission="12"] .cinema-app[data-level] .quiz-item-art{display:block!important;width:120px!important;height:120px!important;max-width:42vw!important;max-height:42vw!important;margin:18px auto 0!important}
@media (width<=760px){
  body[data-mission="12"] .intro-scene{background-position:58% center!important}
  body[data-mission="12"] .hotbar{grid-template-columns:repeat(3,40px)!important;gap:5px!important}
  body[data-mission="12"] .hotbar button{height:46px!important}
  body[data-mission="12"] .hotbar button img{width:30px!important;height:30px!important}
  body[data-mission="12"] .cinema-app[data-level] .item-stage{height:250px!important}
  body[data-mission="12"] .cinema-app[data-level] .item-art{width:min(190px,78vw)!important;height:min(190px,78vw)!important}
  body[data-mission="12"] .cinema-app[data-level] .quiz-item-art{width:112px!important;height:112px!important;max-width:46vw!important;max-height:46vw!important}
  body[data-mission="12"] .speech{grid-template-columns:54px minmax(0,1fr)!important}
  body[data-mission="12"] .speech>.safety-officer{width:50px!important;height:50px!important}
}

body[data-mission="12"] .cinema-options[translate="no"],
body[data-mission="12"] .answer-bar[translate="no"]{unicode-bidi:isolate}

/* Mission 12 A2 retains its approved green level identity. */
body[data-mission="12"] .character-stage.green{--stage:#a7db3b}