/* The stage clips its atmosphere; tab labels and explanations stay unobscured. */
.system-stage[data-atmosphere=ready]>.function-orbit,
.system-stage[data-atmosphere=ready]>.system-orbit-secondary{display:none}
.system-stage[data-atmosphere=ready]>.system-model-layer{z-index:1}
.system-float{position:relative;width:100%;height:100%;transform-origin:52% 48%;will-change:transform}
.system-idle-orbit{position:absolute;pointer-events:none;border:1px solid #d4ebca27;border-radius:50%;transform-origin:50% 50%;will-change:transform;user-select:none}
.system-idle-orbit:after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#e5f6d65c;border-right-color:#d8edcc11;border-radius:inherit;pointer-events:none}
.system-idle-orbit--back{left:5%;top:22%;width:90%;height:61%;transform:rotate(-23deg);z-index:0;border-color:#cae4bd2a}
.system-idle-orbit--front{left:21%;top:7%;width:63%;height:85%;transform:rotate(28deg);z-index:2;border-color:#d7c8ff24}
.system-idle-orbit--front:after{border-top-color:#e8dfff4a;border-right-color:#e0d4ff0d}
.system-orbit-satellite{position:absolute;display:block;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #ffffff6b;box-shadow:inset -2px -3px 5px #304a2240,0 2px 7px #021c1633}
.system-idle-orbit--back>.system-orbit-satellite--1{left:10%;top:20%;width:16px;height:16px}
.system-idle-orbit--back>.system-orbit-satellite--2{left:85.5%;top:85.5%;width:9px;height:9px;opacity:.72}
.system-idle-orbit--front>.system-orbit-satellite--1{left:85.5%;top:14.5%;width:13px;height:13px}
.system-idle-orbit--front>.system-orbit-satellite--2{left:14.5%;top:85.5%;width:11px;height:11px;opacity:.78}
.system-orbit-satellite--lime{background:radial-gradient(circle at 28% 23%,#fffef0 0%,#f7ffdc 18%,#dffb9b 43%,#9ab84e 77%,#667d383d 100%);box-shadow:inset -2px -3px 5px #405d2040,0 0 17px #dbff8c22,0 2px 7px #021c1633}
.system-orbit-satellite--lavender{background:radial-gradient(circle at 27% 22%,#fff7ff 0%,#f1e8ff 18%,#d5c4f7 44%,#9a83c1 78%,#645b8b38 100%);box-shadow:inset -2px -3px 5px #4e39643b,0 0 16px #d8c5ff1c,0 2px 7px #021c1633}
.system-orbit-satellite--glass{background:radial-gradient(circle at 25% 20%,#ffffffd9 0%,#effffb66 24%,#c8e7df20 53%,#c9e8e14a 80%,#effffa8c 100%);border-color:#e7fff28a;box-shadow:inset 1px 1px 3px #ffffff70,inset -2px -2px 3px #0c3e354d,0 2px 7px #021c1633}
.system-sparkle{position:absolute;display:block;pointer-events:none;z-index:2;line-height:1;font-family:Arial,Helvetica,sans-serif;font-weight:400;transform-origin:center;will-change:transform,opacity;user-select:none;text-shadow:0 0 15px #d9f9bc20}
.system-sparkle--one{left:16%;top:15%;font-size:19px;color:var(--system-accent,#e0ff9c);opacity:.65;transform:rotate(14deg)}
.system-sparkle--two{right:13%;bottom:16%;font-size:12px;color:#ece6ff;opacity:.55;transform:rotate(-12deg)}
@media(max-width:1000px){.system-idle-orbit--back{left:4%;width:92%}.system-orbit-satellite{width:11px;height:11px}.system-idle-orbit--back>.system-orbit-satellite--1{width:14px;height:14px}.system-sparkle--one{left:13%;font-size:16px}.system-sparkle--two{right:11%;font-size:11px}}
@media(max-width:700px){.system-idle-orbit--back{left:4%;top:24%;width:92%;height:57%}.system-idle-orbit--front{left:19%;top:11%;width:66%;height:79%}.system-idle-orbit--back>.system-orbit-satellite--1{width:13px;height:13px}.system-idle-orbit--front>.system-orbit-satellite--1{width:11px;height:11px}.system-idle-orbit--front>.system-orbit-satellite--2{width:9px;height:9px}.system-sparkle--one{left:12%;top:18%;font-size:16px}.system-sparkle--two{right:11%;bottom:18%;font-size:10px}}
body.motion-off .system-float,body.motion-off .system-idle-orbit,body.motion-off .system-sparkle{will-change:auto}
@media(prefers-reduced-motion:reduce){html:not([data-motion-preference=on]) .system-float,html:not([data-motion-preference=on]) .system-idle-orbit,html:not([data-motion-preference=on]) .system-sparkle{will-change:auto}}