/* Visible development status, kept outside the interactive showroom. */
.yd-development-notice{box-sizing:border-box;flex-shrink:0;display:flex;justify-content:center;align-items:baseline;gap:6px 16px;padding:9px max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));border-bottom:1px solid #d9c789;background:#fff3ce;color:#273b31;font:13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}
.yd-development-notice strong{font-weight:750;white-space:nowrap}
.yd-development-notice span{max-width:74ch}
body.yd-development-showroom #showroom{height:100svh;display:flex;flex-direction:column}
body.yd-development-showroom #showroom>header{flex-shrink:0}
body.yd-development-showroom #stage{flex:1;min-height:0;height:auto}
body.yd-development-mobile{grid-template-rows:auto auto minmax(100px,1fr) auto}
@media(max-width:650px){.yd-development-notice{display:block;padding-block:7px;font-size:12px}.yd-development-notice strong{display:block}.yd-development-notice span{display:block}}

.yd-development-welcome{align-items:center;padding-block:12px}
.yd-development-welcome strong{font-size:14px}
.visitor main{justify-content:flex-start;min-height:100svh}
.visitor #stage{flex:1;width:100%;min-height:0}
.visitor #picture,.visitor .film-progress,.visitor .player-tools{width:min(100%,calc((100svh - var(--yd-development-height,100px))*16/9))}
.visitor #picture.menu-ready{max-width:100%}
@media(max-width:650px){.yd-development-welcome{font-size:13px;line-height:1.45;padding:12px 18px}.yd-development-welcome strong{margin-bottom:3px}}
@media(max-width:600px) and (orientation:portrait){.visitor #picture,.visitor .film-progress,.visitor .player-tools{width:100%}}