/* Scenery belongs to existing guide bands only; portrait sources, home and loading
   remain unchanged. All original display/hidden/easy-detail gates are inherited. */
:is(.cdx-character-band,.cdx-intake-band,.cdx-story-greet)[data-cdx-character] {
  position: relative;
  isolation: isolate;
  background-color: var(--scene-paper, #fffdfa);
  border-color: #e5dfd4;
}
:is(.cdx-character-band,.cdx-intake-band,.cdx-story-greet)[data-cdx-character]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(90deg, transparent 0%, transparent 18%, var(--scene-paper) 47%), var(--scene-art);
  background-position: left center;
  background-size: 100% 100%, auto 100%;
  background-repeat: no-repeat;
}
[data-cdx-character="dosa"] { --scene-art: url('/img/dosa-scene-07743.webp'); --scene-paper: #f5f8fa; }
[data-cdx-character="myeongwol"] { --scene-art: url('/img/myeongwol-scene-07743.webp'); --scene-paper: #faf6fb; }
[data-cdx-character="hongyeon"] { --scene-art: url('/img/hongyeon-scene-07743.webp'); --scene-paper: #fff7f3; }
[data-cdx-character="yeonhwa"] { --scene-art: url('/img/yeonhwa-scene-07743.webp'); --scene-paper: #f5faf6; }
[data-cdx-character="somyeong"] { --scene-art: url('/img/somyeong-scene-07743.webp'); --scene-paper: #fcf8ef; }
[data-cdx-character="saebom"] { --scene-art: url('/img/saebom-scene-07743.webp'); --scene-paper: #f8faf2; }
[data-cdx-character="eunha"] { --scene-art: url('/img/eunha-scene-07743.webp'); --scene-paper: #f7f6fc; }
/* Opaque reading surface starts before the text. Large font or long translated
   copy grows the band naturally; no clipping, absolute text or new animation. */
:is(.cdx-character-band,.cdx-intake-band,.cdx-story-greet)[data-cdx-character] > :is(.bubble,.cdx-character-copy,.cdx-intake-copy,p) {
  position: relative;
  background-color: var(--scene-paper);
  border-radius: 10px;
  box-shadow: -12px 0 16px 6px var(--scene-paper);
}
@media (forced-colors: active) {
  :is(.cdx-character-band,.cdx-intake-band,.cdx-story-greet)[data-cdx-character]::before { display: none; }
  :is(.cdx-character-band,.cdx-intake-band,.cdx-story-greet)[data-cdx-character] > :is(.bubble,.cdx-character-copy,.cdx-intake-copy,p) { box-shadow: none; }
}