/* Branded Splash video: fullscreen 4K crop + cinematic Welcome dissolve.
 * Original Owii, logo and static fallback artwork remain untouched.
 */
#splash .splash-video{
 position:absolute;
 inset:0;
 z-index:4;
 width:100%;
 height:100%;
 /* Fill the 1366 x 1024 iPad viewport. On a 16:9 MP4 this crops the LEFT
    and RIGHT sides; do not use contain, which leaves top/bottom bars.
    Adjust the focus coordinates after inspecting the actual 4K export. */
 --splash-video-focus-x:50%;
 --splash-video-focus-y:42%;
 object-fit:cover;
 object-position:var(--splash-video-focus-x) var(--splash-video-focus-y);
 background:#071531;
 opacity:0;
 pointer-events:none;
 transition:opacity 300ms ease-out;
}
#splash .splash-video.is-playing{opacity:1}
#splash .splash-continue{z-index:5}
/* Placed at the end of #device-screen, on top of both Splash and Welcome.
 * It conceals the route change, then gently reveals the new screen.
 */
#device-screen>.splash-dissolve{
 position:absolute;
 inset:0;
 z-index:1000;
 pointer-events:none;
 opacity:0;
 background:radial-gradient(ellipse at 50% 45%,#182656,#071531 85%);
 transition:opacity 750ms ease-in-out;
}
#device-screen>.splash-dissolve.is-visible{
 opacity:1;
 transition-duration:650ms;
}
#device-screen>.splash-dissolve.no-transition{transition:none!important}
@media(prefers-reduced-motion:reduce){
 #splash .splash-video,
 #device-screen>.splash-dissolve{transition:none}
}