@view-transition { navigation: auto; }
html[data-space-flight] { overflow: hidden; }
html[data-transfer-boot]::after { content: ''; position: fixed; inset: 0; z-index: 10000; background: #000; pointer-events: none; }
.ship-transfer { position: fixed; inset: 0; z-index: 10001; overflow: hidden; background: #000; cursor: progress; }
.ship-transfer[hidden] { display: none; }
.ship-transfer .study-film { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

#fleet-arrival-frame { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 10002; background: #000; pointer-events: none; }
.fleet-transfer-film{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;background:#000;pointer-events:none;animation:fleet-flight-opacity 3.3s linear both;will-change:opacity}
#fleet-arrival-video{z-index:10002}
@keyframes fleet-flight-opacity{0%{opacity:0}9%,79%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.fleet-transfer-film{display:none!important;animation:none}}
html[data-fleet-framed]{overflow:hidden}
html[data-flight-state="preparing"]{cursor:progress}
.fleet-route-frame{position:fixed;inset:0;width:100%;height:100%;border:0;background:#000;opacity:0;z-index:9999;pointer-events:none}
.fleet-route-frame[data-current]{pointer-events:auto}
.fleet-route-frame.fleet-route-enter{animation:fleet-page-underlay 3.3s linear both}
@keyframes fleet-page-underlay{0%,8.9%{opacity:0}9%,100%{opacity:1}}
html[data-fleet-framed] body>[aria-hidden="true"]:not(video):not(iframe):not(script):not(style){visibility:hidden}