/* /cloud: the real Dolly Home window as a playing scene (scripts/cloudscenes.py; scenes in assets/ui/cloud-*), in the
   site's Droplet format: min(1060px, 86%) wide, 16:9, 28px corners, a hairline, no glow; 92% and 18px on phones.
   The 1440 x 900 window (16:10) is scaled to the frame's height (--k = height / 900, set by cloudscenes.js; the default
   is a 1060px frame's) and centred: 1440 * k is always 90% of a 16:9 frame, so it starts at 5%, on var(--soft). */
.dcs { position: relative; width: min(1060px, 86%); aspect-ratio: 16 / 9; margin-inline: auto; overflow: hidden; border-radius: 28px;
  background: var(--soft, #f5f5f4); box-shadow: 0 0 0 1px var(--line, rgba(0, 0, 0, .08)); isolation: isolate; --k: .6625; }
.dcs::after { content: ""; position: absolute; top: 0; bottom: 0; left: 5%; width: 90%; box-shadow: 0 0 0 1px var(--line, rgba(0, 0, 0, .08)); pointer-events: none; z-index: 1; }
.dcs__ui { position: absolute; left: 5%; top: 0; width: 1440px; height: 900px; border: 0; transform-origin: 0 0; transform: scale(var(--k)); pointer-events: none; background: transparent; }
@media (max-width: 760px) { .dcs { width: 92%; border-radius: 18px; } }