/* The original artwork owns the scene. This wrapper only reserves its space
   and keeps the supplied cover in front until the first live frame is ready. */
.my-name-sheet { position: relative; width: 100%; height: var(--sheet-h, 100vh); overflow: hidden; background: #0b0d11; color: #ece8e1; }
.my-name-stage, .my-name-mount, .my-name-cover { position: absolute; inset: 0; width: 100%; height: 100%; }
.my-name-cover { display: block; object-fit: contain; background: #0b0d11; }
.my-name-mount { visibility: hidden; }
.my-name-sheet.is-ready .my-name-mount { visibility: visible; }
.my-name-sheet.is-ready .my-name-cover { visibility: hidden; }
.my-name-title { position: absolute; top: 22px; right: 26px; z-index: 1; margin: 0; font: 500 16px/1.4 var(--f-sans); pointer-events: none; }
.my-name-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.my-name-sheet[data-state="error"] .my-name-status { top: 54px; right: 26px; width: auto; height: auto; margin: 0; clip-path: none; font: 400 12px/1.5 var(--f-sans); }
.project-view.is-my-name .pv-cue, .project-view.is-my-name .pv-dots { display: none; }
.project-view.is-my-name .project-close { color: #16171a; }
@media (max-width: 649px) { .my-name-title { top: 18px; right: 18px; font-size: 14px; } }