/* Strong scenes share a fixed composition; creation forms retain their layout. */
body[data-version='4.4.10'] :is(#game,#intro).scene-frame.cinematic-frame {
 display:block; padding:0; border:0;
 --dialogue-width:min(640px,64%);
 --dialogue-height:clamp(160px,30%,230px);
}
body[data-version='4.4.10'] .cinematic-frame .scene-heading {
 position:absolute; top:12px; left:16px; z-index:3; margin:0; padding:3px 7px;
 font-size:16px; font-weight:500; background:rgba(255,248,232,.32); border:0;
}
body[data-version='4.4.10'] .cinematic-frame .scene-visual {
 position:absolute; inset:50px 3% 10px; display:block; padding:0; pointer-events:none;
}
body[data-version='4.4.10'] .cinematic-frame .scene-visual .portrait-slot {
 position:absolute; bottom:0; width:34%; max-width:34%; height:100%; margin:0;
 opacity:.4; transform:none;
}
body[data-version='4.4.10'] .cinematic-frame .scene-visual [data-slot='left'] { left:0; }
body[data-version='4.4.10'] .cinematic-frame .scene-visual [data-slot='right'] { right:0; }
body[data-version='4.4.10'] .cinematic-frame .scene-visual .portrait-focus { opacity:1; }
body[data-version='4.4.10'] .cinematic-frame .scene-interaction {
 position:absolute; z-index:4; bottom:12px; left:50%; transform:translateX(-50%);
 width:var(--dialogue-width); height:var(--dialogue-height); box-sizing:border-box;
 display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; justify-content:stretch; gap:7px; padding:12px;
 color:#302b24; background:rgba(255,248,232,.45); border:0; border-radius:9px;
 backdrop-filter:blur(5px);
}
body[data-version='4.4.10'] .cinematic-frame .scene-text {
 padding:0; margin:0; background:none; border:0; border-radius:0; backdrop-filter:none;
 font-size:15px; line-height:1.65; overflow:auto;
}
body[data-version='4.4.10'] .cinematic-frame .scene-text p { margin:0; }
body[data-version='4.4.10'] .cinematic-frame .scene-actions {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:end; gap:5px;
}
body[data-version='4.4.10'] .cinematic-frame .scene-actions > :only-child,
body[data-version='4.4.10'] .cinematic-frame .scene-actions > :is(details,p,.narrative-hint) { grid-column:1/-1; }
body[data-version='4.4.10'] .cinematic-frame .scene-actions button {
 width:100%; margin:0; padding:5px 8px; min-height:34px; line-height:1.4;
 background:rgba(255,248,232,.38); border-color:transparent; box-shadow:none; font-size:13px;
}
body[data-version='4.4.10'] .cinematic-frame .narrative-hint { font-size:11px; opacity:.65; text-align:right; }
body[data-version='4.4.10'] .cinematic-frame .scene-paths {
 position:absolute; top:12px; right:12px; z-index:5; padding:0; max-width:36%;
}
body[data-version='4.4.10'] .cinematic-frame .scene-paths button { border:0; background:rgba(255,248,232,.3); }
body[data-version='4.4.10'] .cinematic-frame .scene-paths details { max-height:70svh; overflow:auto; }
body[data-version='4.4.10'] .cinematic-frame .scene-visual .empress-overlay { bottom:5%; height:12%; width:46%; left:26%; }
body[data-version='4.4.10'] .cinematic-frame .scene-visual [data-slot='right'] .empress-overlay { left:74%; }
@media (orientation:landscape) and (max-height:440px) {
 body[data-version='4.4.10'] :is(#game,#intro).scene-frame.cinematic-frame { --dialogue-height:170px; }
 body[data-version='4.4.10'] .cinematic-frame .scene-interaction { bottom:9px; padding:9px; gap:5px; }
 body[data-version='4.4.10'] .cinematic-frame .scene-text { font-size:13px; line-height:1.55; }
 body[data-version='4.4.10'] .cinematic-frame .scene-actions button { min-height:31px; font-size:12px; }
}
@media (orientation:portrait) and (max-width:700px) {
 body[data-version='4.4.10'] :is(#game,#intro).scene-frame.cinematic-frame { --dialogue-width:88%; --dialogue-height:260px; }
 body[data-version='4.4.10'] .cinematic-frame .scene-visual { bottom:240px; }
 body[data-version='4.4.10'] .cinematic-frame .scene-visual .portrait-slot { width:65%; max-width:65%; }
 body[data-version='4.4.10'] .cinematic-frame .scene-paths { max-width:42%; }
}