/* One complete illustrated scene, fitted without deforming either character. */
#campaignBriefing .comic-restored { width:100%; height:100dvh; margin:0; top:0; transform:none; overflow:hidden; }
.comic-restored #comicBackdrop { width:100%; height:100%; object-fit:cover; object-position:center; }
.comic-restored .comic-loading { display:none; }
.comic-restored.is-loading { background:#111722; }
.comic-restored.is-loading > :not(.comic-loading):not(#comicSkip) { visibility:hidden; }
.comic-restored.is-loading .comic-loading { display:block; position:absolute; top:45%; left:10%; width:80%; text-align:center; color:#baff24; font-size:20px; letter-spacing:2px; }
#campaignBriefing .comic-restored .comic-bubble { box-sizing:border-box; top:5%; left:36%; width:35%; max-height:40%; padding:18px 24px; transform:rotate(1deg); border-radius:40% 35% 32% 30% / 25% 30% 24% 25%; }
#campaignBriefing .comic-restored .comic-bubble[data-speaker="hero"] { left:29%; transform:rotate(-1deg); }
#campaignBriefing .comic-restored #briefingSpeech { font-size:clamp(14px,1.5vw,23px); line-height:1.25; text-transform:none; max-height:22vh; overflow-y:auto; margin:8px 0; }
.comic-restored #comicSpeaker { font-size:12px; }
.comic-restored .comic-heading { left:2%; top:2%; max-width:29%; }
#campaignBriefing .comic-restored .comic-heading h2 { color:#ff4080; font-size:clamp(16px,2vw,30px); }
.comic-restored #comicSkip { top:2%; right:2%; }
.comic-restored .comic-name { bottom:8%; font-size:clamp(16px,2vw,30px); padding:8px 16px; }
.comic-restored .comic-footer { bottom:0; left:2%; right:2%; gap:10px; }
.comic-restored #briefingStart { padding:10px 18px; font-size:clamp(16px,2vw,26px); }
#campaignBriefing .comic-restored #briefingObjective { max-width:45%; font-size:12px; padding:6px; }
@media(max-aspect-ratio:1/1) {
  #campaignBriefing { overflow-y:auto; }
  #campaignBriefing .comic-restored { top:0; transform:none; height:100dvh; width:100%; }
  .comic-restored #comicBackdrop { height:auto; aspect-ratio:16/9; top:10%; }
  #campaignBriefing .comic-restored .comic-bubble,#campaignBriefing .comic-restored .comic-bubble[data-speaker="hero"] { top:calc(10% + 56.25vw + 20px); left:5%; width:90%; max-height:30%; padding:20px; border-radius:24px; transform:none; }
  #campaignBriefing .comic-restored #briefingSpeech { font-size:18px; max-height:20vh; }
  .comic-restored .comic-name { top:calc(10% + 45vw); bottom:auto; font-size:14px; }
  .comic-restored .comic-heading { max-width:70%; }
  .comic-restored .comic-footer { bottom:10px; flex-wrap:wrap; }
  #campaignBriefing .comic-restored #briefingObjective { max-width:100%; width:100%; }
}