/* Original WhyForKids mission guides — not official character art */
.hero-scene.has-guide{
  display:flex;align-items:center;justify-content:center;
  min-height:0;height:auto;padding:12px 14px 4px;
}
.hero-scene.has-guide::before,
.hero-scene.has-guide::after{display:none!important;content:none!important}
.hero-scene.has-guide .sky{opacity:.5}

.hero-scene.has-guide .hero-emoji{display:none!important}
.hero-guide{
  width:min(72%,280px);height:auto;display:block;
  border-radius:28px;border:4px solid rgba(43,33,24,.85);
  box-shadow:0 10px 0 rgba(43,33,24,.85);
  background:#fff;
}
.mission-guide{
  display:flex;gap:.85rem;align-items:center;
  margin:0 0 1rem;padding:.75rem .9rem;
  border:3.5px solid rgba(43,33,24,.85);border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 5px 0 rgba(43,33,24,.55);
  max-width:560px;
}
.mission-guide img{
  width:72px;height:72px;border-radius:18px;object-fit:cover;
  border:3px solid rgba(43,33,24,.75);flex:0 0 auto;background:#fff;
}
.mission-guide .mg-name{
  font-family:var(--font-display,Fredoka,ZCOOL KuaiLe,sans-serif);
  font-size:1.15rem;margin:0 0 .15rem;line-height:1.2;
}
.mission-guide .mg-role{margin:0;font-size:.88rem;opacity:.75;font-weight:700}
.mission-guide .mg-line{margin:.25rem 0 0;font-size:.95rem;font-weight:650;line-height:1.35}
.sec-dark .mission-guide,
.sec-head.light + .mission-guide{
  background:rgba(255,255,255,.12);color:inherit;border-color:rgba(255,255,255,.55);
  box-shadow:0 5px 0 rgba(0,0,0,.25);
}
.sec-dark .mission-guide img{border-color:rgba(255,255,255,.65)}