/* Opt-in three-person scenes: learner/companion at left, third role at right. */
.coffee-mission-portraits { display: flex; flex: 0 0 auto; gap: 4px; }
.tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) {
  grid-template-columns: minmax(96px,.72fr) minmax(92px,.70fr) minmax(285px,1.6fr) minmax(125px,.95fr);
  gap: 6px;
}
.tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-michael { grid-column: 1; }
.tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-companion {
  grid-column: 2; grid-row: 1; --waist: .53; --below-waist: 47%; --portrait-scale: 1.84;
}
.tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-anna { grid-column: 4; }
.tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .chat-feed { grid-column: 3; padding-inline: 18px; }
.tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-character figcaption { padding: 5px 8px; }
.chat-bubble[data-speaker="companion"] { align-self: flex-start; background: #e9f7ff; }
.tur-stage[data-cast-layout="group"] .chat-bubble[data-speaker="companion"] { background: #f1f7ed; }
.chat-bubble[data-speaker="companion"] > .coffee-explanation .coffee-explanation-popover { left: 0; transform: none; }
.chat-role-name { display: block; margin: 0 28px 5px 0; font-size: 12px; font-weight: 800; color: #386666; }
@media (max-width: 900px) {
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) {
    --cast-height: 230px; height: auto; min-height: 0;
    grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: var(--cast-height) auto;
    gap: 0 6px;
  }
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-anna { grid-column: 3; }
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-background,
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"])::after { height: var(--cast-height); bottom: auto; }
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .chat-feed {
    grid-column: 1 / -1; grid-row: 2; height: 280px; max-height: 280px; padding: 20px 16px 14px;
  }
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .chat-feed:empty { display: none; }
}
@media (max-width: 460px) {
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) { --cast-height: 194px; }
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-character figcaption { padding: 4px 6px; }
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-character figcaption strong { font-size: 12px; }
  .tur-stage:is([data-cast-layout="companions"],[data-cast-layout="group"]) .tur-character figcaption span { font-size: 9px; }
}