/* Installed phones/tablets: a single protected viewport, matching the browser layout. */
html[data-installed=true] { --golden-app-top:max(48px,env(safe-area-inset-top,0px)); --golden-app-bottom:max(48px,env(safe-area-inset-bottom,0px)); background:#080808; }
html[data-installed=true] body { background:#080808; }
html[data-installed=true] .golden-app-viewport { position:fixed; inset:var(--golden-app-top) 0 var(--golden-app-bottom); overflow:auto; overscroll-behavior:none; container-type:size; background:#080808; }
html[data-installed=true] dialog[open] { top:var(--golden-app-top); bottom:var(--golden-app-bottom); height:calc(100dvh - var(--golden-app-top) - var(--golden-app-bottom)); max-height:calc(100dvh - var(--golden-app-top) - var(--golden-app-bottom)); margin-block:0; }