@charset "UTF-8";
/* Preserve the illustration's upper-left warm light and lower-right cool shade. */
.planet-master .master-material-surface,
#detail-dialog[data-planet="orbit"] .master-material-surface{
 display:block;position:relative;isolation:isolate;min-width:0;min-height:0;width:100%;height:100%;
 transform:perspective(1300px) rotateX(calc(var(--orbit-rx,0deg)*.18)) rotateY(calc(var(--orbit-ry,0deg)*.18)) translate(calc(var(--orbit-dx,0px)*.14),calc(var(--orbit-dy,0px)*.14));
 transform-origin:50% 51%;transition:transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none;
}
.planet-master .master-material-surface>.planet-art,
#detail-dialog[data-content="planet"][data-planet="orbit"] .master-material-surface>.planet-detail-art{
 display:block;width:100%;height:100%;min-height:0;object-fit:contain;transform:none!important;transition:none!important;
}
#detail-dialog[data-content="planet"][data-planet="orbit"] .master-material-surface{height:auto;aspect-ratio:1}
.planet-master .planet-art-button:after{display:none}
.master-material-glaze,.master-material-ring{position:absolute;inset:0;display:block;pointer-events:none;z-index:2;opacity:calc(var(--orbit-light,0)*.46);transition:opacity .6s ease-out}
.master-material-glaze{-webkit-mask:url('./assets/museum-v6/moon-surface-mask.svg') center/contain no-repeat;mask:url('./assets/museum-v6/moon-surface-mask.svg') center/contain no-repeat}
.master-material-glaze:before,.master-material-glaze:after{content:"";position:absolute;inset:0;pointer-events:none}
/* At maximum input the warm focus moves only 8% of the image width and height. */
.master-material-glaze:before{
 background:radial-gradient(ellipse 35% 39% at calc(34% + var(--orbit-x,50%)*.08) calc(25% + var(--orbit-y,50%)*.08),#fff3d438 0%,#e9d8df13 42%,transparent 78%);
 mix-blend-mode:screen;
}
.master-material-glaze:after{
 background:radial-gradient(ellipse 39% 34% at calc(69% + var(--orbit-x,50%)*.05) calc(67% + var(--orbit-y,50%)*.05),#26364c38 0%,#35445b14 48%,transparent 80%);
 mix-blend-mode:multiply;
}
/* A small glint follows the existing front platinum path, never the whole ring. */
.master-material-ring{
 -webkit-mask:url('./assets/museum-v5/platinum-ring-light.svg') center/contain no-repeat;mask:url('./assets/museum-v5/platinum-ring-light.svg') center/contain no-repeat;
 background:radial-gradient(ellipse 7% 4% at calc(44% + var(--orbit-x,50%)*.2) calc(70% - var(--orbit-x,50%)*.1),#fff4df80,transparent 76%);opacity:calc(var(--orbit-light,0)*.54);z-index:3;
}
[data-orbit-state="engaged"] .master-material-surface,
#detail-dialog[data-planet="orbit"] [data-orbit-state="engaged"] .master-material-surface{transition:transform .12s ease-out}
[data-orbit-state="engaged"] .master-material-glaze,[data-orbit-state="engaged"] .master-material-ring{transition:opacity .18s ease-out}
@media(max-height:500px) and (min-width:600px){
 #detail-dialog[data-content="planet"][data-planet="orbit"] .master-material-surface{height:calc(100dvh - 100px);aspect-ratio:auto}
 #detail-dialog[data-content="planet"][data-planet="orbit"] .master-material-surface>.planet-detail-art{height:100%;aspect-ratio:auto}
}
[data-orbit-motion="off"] .master-material-surface{transform:none!important;transition:none!important}
[data-orbit-motion="off"] .master-material-glaze,[data-orbit-motion="off"] .master-material-ring{display:none!important}
@media(prefers-reduced-motion:reduce){
 .planet-master .master-material-surface,#detail-dialog[data-planet="orbit"] .master-material-surface{transform:none!important;transition:none!important}
 .master-material-glaze,.master-material-ring{display:none!important}
}
@media(forced-colors:active){
 .planet-master .master-material-surface,#detail-dialog[data-planet="orbit"] .master-material-surface{transform:none!important;transition:none!important}
 .master-material-glaze,.master-material-ring{display:none!important}
}