/* Edge-to-edge cinema; source framing stays intact on portrait phones. */
#cinema{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;overflow:hidden;background:#10251f;opacity:0;transform:scale(1.015);transition:opacity .48s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
#cinema.is-visible{opacity:1;transform:scale(1)}
#cinema::backdrop{background:#10251f;opacity:0;transition:opacity .48s ease}
#cinema.is-visible::backdrop{opacity:1}
#cinema .draft-film{height:100%;width:100%;padding:0;gap:0;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative}
#cinema .draft-film video{grid-row:1;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;background:#10251f}
#cinema .song-player{grid-row:2;width:100%;max-width:none;padding:8px max(12px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));background:#10251f}
#cinema .song-player iframe{width:min(480px,100%)!important;min-width:200px;height:200px;margin:0 auto}
#cinema .song-player p{font-size:12px;line-height:1.4;margin:5px 0 0}
#cinema .song-player small{display:none}
#cinema #start-film,#cinema #skip-film{position:absolute;top:max(14px,env(safe-area-inset-top));z-index:2;margin:0;min-height:40px;padding:10px 16px;border:1px solid #fffaf050;border-radius:999px;background:#10251fbd;color:#fffaf0;backdrop-filter:blur(8px);font-size:12px;box-shadow:0 2px 12px #0002}
#cinema #start-film{left:max(14px,env(safe-area-inset-left))}
#cinema #skip-film{right:max(14px,env(safe-area-inset-right))}
@media(prefers-reduced-motion:reduce){#cinema{transform:none;transition:none}#cinema::backdrop{transition:none}}

#invitation-film:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;object-fit:contain;background:#000}
#invitation-film:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;object-fit:contain;background:#000}
#enter-fullscreen{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:3;min-height:40px;padding:10px 14px;background:#10251fbd;color:#fffaf0;border:1px solid #fffaf050;border-radius:999px;font-size:12px}
#enter-fullscreen[hidden]{display:none}