/* Theme-specific menus share six photographs, retaining their native detail. */
:root[data-center-body]:not([data-center-body="default"]) :is(#black-hole,#winter-sun){display:none}
.center-body{position:absolute;width:112px;height:112px;left:55%;top:50%;transform:translate(-50%,-50%) scale(var(--sun-scale,1));z-index:1;pointer-events:none;--center-glow:#c7d5e7}
.center-body:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--center-glow) 24%,transparent),transparent 72%);box-shadow:0 0 32px 7px color-mix(in srgb,var(--center-glow) 16%,transparent)}
.center-body[data-body="solstice"]{--center-glow:#dc9973;--limb-edge:99.4%}
.center-body[data-body="inferno"]{--center-glow:#ef8d49;--limb-edge:99.4%}
.center-body[data-body="bluehour"]{--center-glow:#b6c7d6;--limb-edge:98.2%}
.center-body[data-body="halo"]{--center-glow:#dce7fa}
.center-body[data-body="eclipse"]{--center-glow:#b77b67}
.center-body[data-body="gibbous"]{--center-glow:#c9d7e9}
.center-body[data-body="halo"]:before{box-shadow:0 0 24px 10px #dce7fa40,0 0 60px 12px #dce7fa25}
.center-body svg{width:100%;height:100%;position:relative;overflow:visible;animation:center-body-turn 180s linear infinite;transform-origin:center;transform-box:view-box}
/* Keep the source photos' black sky and the backing disc out of their limbs. */
.center-body:is([data-body="solstice"],[data-body="inferno"],[data-body="bluehour"]) svg{mask-image:radial-gradient(closest-side,#000 calc(var(--limb-edge) - 1%),transparent var(--limb-edge))}
.center-body:is([data-body="solstice"],[data-body="inferno"],[data-body="bluehour"]) #center-body-fill{fill:none}
@keyframes center-body-turn{to{transform:rotate(360deg)}}
.center-control{position:relative;display:flex;align-items:center;gap:9px;min-height:36px;padding:0 24px 0 10px;background:#0b0e0fe6;border:1px solid #ffffff20;border-radius:3px;color:#99a5ab;font-size:9px;cursor:pointer}
.center-control-label{font-size:8px;color:inherit;opacity:.7;letter-spacing:.2px}
.center-control select{appearance:none;min-width:72px;max-width:112px;width:100%;height:34px;border:0;border-radius:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;outline:0}
.center-control:after{content:'';position:absolute;right:10px;top:14px;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none}
.center-control:focus-within{outline:1px solid var(--accent);outline-offset:3px}
.center-control option{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .center-control{background:#ffffffdf;border-color:#17212724;color:#526168}
:root[data-theme="snow"] .center-control{background:#f9fcffbb;border-color:#91a5bf38;color:#60738d;backdrop-filter:blur(9px)}
:root[data-theme="moonwake"] .center-control{background:var(--world-paper);border-color:var(--world-border);color:var(--world-ink);backdrop-filter:blur(9px)}
:root[data-theme="celestial"] .center-control{background:#233132e6;border-color:#d9b87730;color:#ddc596}
@media(min-width:681px) and (max-width:1100px){
  .scene-controls{width:221px;flex-wrap:wrap;justify-content:flex-end}
  .center-control{width:100%}
  .center-control select{flex:1;max-width:none}
}
@media(max-width:680px){
  .center-body{width:76px;height:76px}
  .center-control{width:100%;gap:5px;padding-left:7px;padding-right:17px;min-height:36px}
  .center-control select{min-width:0;flex:1;font-size:9px}
  .center-control-label{font-size:7px}
  .center-control:after{right:7px}
}
@media(prefers-reduced-motion:reduce){.center-body svg{animation:none}}