body.opening-video-active{overflow:hidden}
body.opening-video-active #startup{visibility:hidden}
#opening-video[open]{position:fixed;inset:0;transform:none;margin:0;padding:0;border:0;border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#030909;color:#f5e7c6;overflow:hidden}
#opening-video::backdrop{background:#030909;backdrop-filter:none}
#opening-film{display:block;width:100%;height:100%;object-fit:contain;background:#030909}
.opening-video-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:32px max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(transparent,#020a0be6);box-sizing:border-box}
.opening-video-playback{display:flex;gap:8px}
#opening-video button{min-height:44px;padding:9px 16px;border:1px solid #c2a56d99;border-radius:8px;background:#132c2de8;color:#f5e7c6;font-size:15px;cursor:pointer}
#opening-video button:focus-visible{outline:3px solid #ffe2a2;outline-offset:3px}
#opening-video-status{position:absolute;left:16px;right:16px;bottom:80px;margin:0;text-align:center;color:#f5e7c6;font-size:14px;text-shadow:0 2px 4px #000}
#opening-video-status:empty{display:none}
@media(max-width:680px),(max-height:450px){.opening-video-controls{padding:20px 10px max(8px,env(safe-area-inset-bottom));gap:6px}#opening-video button{font-size:13px;padding:7px 10px}.opening-video-playback{gap:6px}#opening-video-status{bottom:64px}}