/* One short detail transition; no perpetual movement or material overrides. */
#detail-dialog[data-content="planet"][open]::backdrop{animation:planet-backdrop-in-v9 .22s ease-out both}
#detail-dialog[data-content="planet"][data-planet-transition="closing"]::backdrop{animation:planet-backdrop-out-v9 .22s ease-in both}
#detail-dialog[data-content="planet"][data-planet-transition] .planet-detail{will-change:opacity,transform}
@keyframes planet-backdrop-in-v9{from{opacity:0}to{opacity:1}}
@keyframes planet-backdrop-out-v9{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){
 #detail-dialog[data-content="planet"][open]::backdrop{animation:none}
 #detail-dialog[data-content="planet"] .planet-detail{will-change:auto}
}