#openingFilm{display:none}
html.opening-active,html.opening-active body{overflow:hidden!important;background:#050908}
html.opening-active body>:not(#openingFilm){visibility:hidden!important}
html.opening-active #openingFilm{display:block;position:fixed;inset:0;z-index:2147483000;background:#050908;color:#fff4d3;isolation:isolate}
#openingFilm video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#openingSkip{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;padding:0;background:transparent;cursor:pointer;box-shadow:none;color:inherit}
#openingSkip:focus-visible{outline:2px solid #ffe9a8;outline-offset:-8px}
#openingTools{position:absolute;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px}
#openingSound,#openingFullscreen{display:grid;place-items:center;width:46px;height:46px;min-height:46px;border:1px solid #ead39b88;background:#07170fcc;color:#fff0bd;padding:0;border-radius:50%;cursor:pointer}#openingTools svg{display:block;width:24px;height:24px;pointer-events:none}#openingSound[aria-pressed='true']{color:#e4f4a9;border-color:#c7dd88aa}
#openingSound:focus-visible,#openingFullscreen:focus-visible{outline:2px solid #ffe9a8;outline-offset:4px}
@media(max-width:600px){#openingTools{right:14px;top:max(14px,env(safe-area-inset-top));gap:8px}#openingSound,#openingFullscreen{width:44px;height:44px;min-height:44px}}

/* Keep the movie clear after fullscreen controls have been idle. */
#openingTools{opacity:1;transition:opacity .8s ease}
#openingFilm.opening-controls-idle #openingTools{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#openingTools{transition:none}}

#openingStatus{display:none;position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:2;align-items:center;gap:12px;padding:12px;border-radius:40px;background:#07170fe6;color:#fff0bd}
#openingFilm.opening-waiting #openingStatus{display:flex}
.opening-loader{width:24px;height:24px;border:2px solid #f4df9d44;border-top-color:#f4df9d;border-radius:50%;animation:opening-load-spin 1s linear infinite}
#openingRetry{display:none;place-items:center;width:44px;height:44px;border:1px solid #ead39b88;border-radius:50%;background:transparent;color:inherit;padding:9px}#openingRetry svg{width:24px;height:24px}
#openingFilm.opening-load-retry #openingRetry{display:grid}
@keyframes opening-load-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.opening-loader{animation:none;border-color:#f4df9d}}

/* Prevent dragged interface text from leaving selection highlights. */
body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable],[data-selectable]{-webkit-user-select:text;user-select:text}