1

src/components/visual-novel-runtime/VisualNovelRuntimeShell.tsx

@@ -39,6 +39,7 @@ type VisualNovelRuntimeShellProps = {
   isLoadingArchives?: boolean;
   resumingWorldKey?: string | null;
   error?: string | null;
+  embedded?: boolean;
   streamedSteps?: VisualNovelRuntimeStep[];
   streamingText?: string;
   saveArchives?: ProfileSaveArchiveSummary[];
@@ -224,6 +225,7 @@ export function VisualNovelRuntimeShell({
   isLoadingArchives = false,
   resumingWorldKey = null,
   error,
+  embedded = false,
   streamedSteps = [],
   streamingText = '',
   saveArchives,
@@ -383,7 +385,9 @@ export function VisualNovelRuntimeShell({
   };
 
   return (
-    <main className="relative flex min-h-dvh w-full justify-center overflow-hidden bg-[#111827] text-white">
+    <main
+      className={`relative flex ${embedded ? 'h-full min-h-0' : 'min-h-dvh'} w-full justify-center overflow-hidden bg-[#111827] text-white`}
+    >
       {backgroundImageSrc ? (
         <ResolvedAssetImage
           src={backgroundImageSrc}
@@ -395,7 +399,7 @@ export function VisualNovelRuntimeShell({
       )}
       <div className="absolute inset-0 bg-[linear-gradient(180deg,rgba(15,23,42,0.18),rgba(15,23,42,0.88)),linear-gradient(90deg,rgba(0,0,0,0.32),transparent_36%,rgba(0,0,0,0.38))]" />
       <div
-        className="relative flex min-h-dvh min-w-0 flex-col overflow-hidden px-3 pb-[calc(env(safe-area-inset-bottom,0px)+0.8rem)] pt-[calc(env(safe-area-inset-top,0px)+0.65rem)]"
+        className={`relative flex ${embedded ? 'h-full min-h-0' : 'min-h-dvh'} min-w-0 flex-col overflow-hidden px-3 pb-[calc(env(safe-area-inset-bottom,0px)+0.8rem)] pt-[calc(env(safe-area-inset-top,0px)+0.65rem)]`}
         style={{
           boxSizing: 'border-box',
           maxWidth: '100vw',