/* The opening stays completely black; light belongs to the machine itself. */
html.fx-welcome-pending,html.fx-welcome-active{background:#000;overflow:hidden;scrollbar-gutter:stable}
html.fx-welcome-active body{background:#000}
html.fx-welcome-pending body>*,html.fx-welcome-active body>*{visibility:hidden}
html.fx-welcome-active body>#fx-welcome{visibility:visible}
html.fx-welcome-revealing body>*{visibility:visible}
#fx-welcome{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;width:100%;height:100%;height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#000;color:#e8e8e8;cursor:pointer;isolation:isolate;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit;text-align:center;opacity:1;outline:none}
#fx-welcome.is-keyboard:focus-visible{outline:1px solid #b6b6b6;outline-offset:-14px}
#fx-welcome.is-playing{cursor:default}
#fx-welcome{max-width:none;max-height:none;box-sizing:border-box}
#fx-welcome::backdrop{background:transparent;backdrop-filter:none}
.fx-welcome-enter{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:inherit;font:inherit;outline:none}
#fx-welcome .fx-welcome-enter,#fx-welcome .fx-welcome-enter:hover,#fx-welcome .fx-welcome-enter:active{outline:none;background:transparent;border:0;box-shadow:none;transform:none}
#fx-welcome.is-keyboard .fx-welcome-enter:focus-visible{outline:1px solid #b6b6b6;outline-offset:-14px}
.fx-welcome-art{position:absolute;left:50%;top:47%;width:min(96vw,1280px,98vh);width:min(96vw,1280px,98dvh);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.fx-welcome-film,.fx-welcome-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;background:#000;pointer-events:none}
.fx-welcome-poster.is-ready{opacity:1}
.fx-welcome-film.is-ready{opacity:1}
.fx-welcome-film.is-ready+.fx-welcome-poster{opacity:0}
.fx-welcome-logo{position:absolute;left:50%;top:50%;display:block;width:67%;height:auto;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
@media(max-width:767px){.fx-welcome-art{width:min(104vw,90dvh);top:46%}}
@media(max-height:480px) and (orientation:landscape){.fx-welcome-art{width:min(68vw,98dvh);top:47%}}

.fx-welcome-loading{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:0;right:0;pointer-events:none;color:#b8b3a6;font-size:12px;letter-spacing:.12em;opacity:0;transition:opacity .2s}
#fx-welcome[data-state="waiting"] .fx-welcome-loading{opacity:1;transition-delay:.35s}