/* 太陽系の静かな動き。公転周期を実時間で再現するものではありません。 */
.solar-intro .solar-map .solar-planet{will-change:translate}
.solar-intro .solar-map .solar-planet:nth-of-type(1){animation:solar-drift-a 33s ease-in-out infinite}
.solar-intro .solar-map .solar-planet:nth-of-type(2){animation:solar-drift-b 40s ease-in-out infinite}
.solar-intro .solar-map .solar-planet:nth-of-type(3){animation:solar-drift-c 48s ease-in-out infinite}
.solar-intro .solar-map .solar-planet:nth-of-type(4){animation:solar-drift-a 55s ease-in-out infinite reverse}
.solar-intro .solar-map .solar-planet:nth-of-type(5){animation:solar-drift-b 64s ease-in-out infinite reverse}
.solar-intro .solar-map .solar-planet:nth-of-type(6){animation:solar-drift-c 72s ease-in-out infinite}
.solar-intro .solar-map .solar-planet:nth-of-type(7){animation:solar-drift-a 80s ease-in-out infinite}
.solar-intro .solar-map .solar-planet:nth-of-type(8){animation:solar-drift-b 89s ease-in-out infinite}
.solar-intro .solar-map .solar-planet:nth-of-type(9){animation:solar-drift-c 98s ease-in-out infinite reverse}
.solar-intro .solar-map .solar-orbit{animation:solar-orbit-light 90s linear infinite}
.solar-intro .solar-map g[transform] > circle:nth-of-type(2){animation:solar-glow 12s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.solar-intro .solar-map g[transform] > circle:nth-of-type(1){animation:solar-halo 16s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.solar-motion-toggle{border:1px solid #8296b0;border-radius:12px;color:#e3ebf9;background:#263854;padding:10px 16px;font-size:14px;font-weight:700}
.solar-motion-toggle:hover,.solar-motion-toggle:focus-visible{border-color:#f4d69b;color:#fff1cf}
.solar-intro.motion-paused .solar-map .solar-planet,.solar-intro.motion-paused .solar-map .solar-orbit,.solar-intro.motion-paused .solar-map g[transform] > circle:nth-of-type(1),.solar-intro.motion-paused .solar-map g[transform] > circle:nth-of-type(2){animation-play-state:paused!important}
@keyframes solar-drift-a{0%,100%{translate:0 0}25%{translate:5px -4px}50%{translate:8px 1px}75%{translate:2px 5px}}
@keyframes solar-drift-b{0%,100%{translate:0 0}25%{translate:-4px 3px}50%{translate:-7px -2px}75%{translate:2px -5px}}
@keyframes solar-drift-c{0%,100%{translate:0 0}25%{translate:3px 5px}50%{translate:-4px 7px}75%{translate:-6px -1px}}
@keyframes solar-orbit-light{to{stroke-dashoffset:-32}}
@keyframes solar-glow{0%,100%{opacity:.93;scale:1}50%{opacity:1;scale:1.08}}
@keyframes solar-halo{0%,100%{opacity:.72;scale:1}50%{opacity:.95;scale:1.15}}
@media(prefers-reduced-motion:reduce){.solar-intro .solar-map .solar-planet,.solar-intro .solar-map .solar-orbit,.solar-intro .solar-map g[transform] > circle:nth-of-type(1),.solar-intro .solar-map g[transform] > circle:nth-of-type(2){animation:none!important}}
