@charset "UTF-8";
/* Moonlit needlework: separate artwork sizes for a gallery and a tiny mount. */
.card.custom-frame[data-style] .lace-planet{
 background-image:url('./assets/museum-v4/lace-planet-card.webp');
 background-size:contain;background-position:center;aspect-ratio:4/3;
 filter:drop-shadow(0 .14cqw .2cqw #29343f20);
}
.card.custom-frame[data-family="rose"] .lace-planet,
.card.custom-frame[data-family="lavender"] .lace-planet{filter:drop-shadow(0 .14cqw .2cqw #29343f20)}
.draw-stage .letter-seal{background-image:url('./assets/museum-v4/lace-planet-card.webp');background-size:contain;background-position:center;background-repeat:no-repeat}
/* The ornament supplies its own halo. A second oval behind it would crowd it. */
.museum-entry .entry-arch{display:none}
.museum-entry .entry-planet{top:41%;width:min(76vw,440px,41.6dvh);max-height:52dvh;filter:drop-shadow(0 12px 16px #52586318)}
.museum-entry:before{background:radial-gradient(ellipse at 50% 37%,#fffdf8,transparent 57%),linear-gradient(135deg,#efeee9,#e8e7e6)}
:root[data-theme="dark"] .museum-entry:before{background:radial-gradient(ellipse at 50% 37%,#41495680,transparent 57%),linear-gradient(135deg,#2c3039,#23272f)}
:root[data-theme="dark"] .museum-entry .entry-planet{filter:drop-shadow(0 10px 18px #1119272e)}
/* Exhibition folios, with generous clear space around the hanging chains. */
.study-grid[data-mode="planets"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.planet-study{margin:0;min-width:0;text-align:center}
.planet-art-button{display:block;width:100%;padding:0;position:relative;aspect-ratio:5/6;cursor:zoom-in;isolation:isolate;border:1px solid #92928d26;border-radius:48% 48% 3px 3px;background:radial-gradient(ellipse at 50% 39%,#fffdf8bd,#e6e3df2e 77%);overflow:hidden}
.planet-art-button:before{content:"";position:absolute;inset:9px;border:1px solid #a3a3a21e;border-radius:inherit;pointer-events:none}
.planet-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.planet-study figcaption{margin-top:19px;font:400 19px/1.5 var(--serif);letter-spacing:.1em;padding-left:.1em}
.planet-study figcaption strong{display:block;font:inherit;font-weight:400}.planet-study figcaption span{display:block;margin-top:6px;font:8px/1.5 var(--ui);letter-spacing:.18em;padding-left:.18em;color:var(--muted)}.planet-study figcaption small{display:block;margin-top:7px;font:10px/1.6 var(--ui);letter-spacing:.04em;padding-left:.04em;color:var(--muted)}
:root[data-theme="dark"] .planet-art-button{border-color:#dce0e022;background:radial-gradient(ellipse at 50% 39%,#4146519c,#252b330d 77%)}
:root[data-theme="dark"] .planet-art-button:before{border-color:#dce0e013}
#detail-dialog[data-content="planet"]{width:min(610px,calc((100dvh - 80px)*.72 + 24px));max-width:calc(100% - 24px);padding:18px 12px 12px}
#detail-dialog[data-content="planet"] #detail-slot{aspect-ratio:5/7;border-radius:6px;background:radial-gradient(ellipse at 50% 40%,#f7f5f1,#e9e6e0);overflow:hidden}
#detail-dialog[data-content="planet"] .planet-detail{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;width:100%;height:100%;margin:0}
#detail-dialog[data-content="planet"] .planet-detail img{display:block;min-height:0;width:100%;height:100%;object-fit:contain}
:root[data-theme="dark"] #detail-dialog[data-content="planet"] #detail-slot{background:radial-gradient(ellipse at 50% 40%,#3f4652,#282e37)}
#detail-dialog[data-content="planet"] :is(.motion-toggle,.motion-hint){display:none!important}
@media(max-width:740px){
 .study-grid[data-mode="planets"]{grid-template-columns:1fr;max-width:320px;gap:35px}
 .planet-study figcaption{font-size:18px;margin-top:16px}
 .study-nav{max-width:100%;gap:2px;padding:4px}
 .study-nav button{padding-inline:12px;letter-spacing:.4px}
}
@media(max-width:355px){.study-nav button{padding-inline:8px;font-size:9px}.study-grid[data-mode="planets"]{max-width:270px}}
@media(max-height:600px){.museum-entry .entry-planet{top:36%;width:min(49vw,220px,42dvh);max-height:53dvh}}
@media(max-height:600px) and (min-width:600px){.museum-entry .entry-planet{left:32%;top:47%;width:min(38vw,280px,62.4dvh);max-height:78dvh}}
@media(prefers-reduced-motion:reduce){.museum-entry .entry-planet{animation:none;transform:translate(-50%,-50%);opacity:1}}
@media(forced-colors:active){.planet-art-button,#detail-dialog[data-content="planet"] #detail-slot{background:Canvas;border:1px solid CanvasText}.planet-art-button:before{display:none}}

.planet-art-button:not([data-ready="true"]) .planet-art{opacity:0}.planet-art{transition:opacity .28s ease-out}.planet-art-status{position:absolute;inset:0;display:grid;place-items:center;font:10px/1.7 var(--ui);letter-spacing:.1em;color:var(--muted)}
.planet-detail-caption{text-align:center;padding:5px 12px 19px;color:var(--ink)}.planet-detail-caption h2{font:400 21px/1.4 var(--serif);letter-spacing:.1em;padding-left:.1em;margin:0 0 5px}.planet-detail-caption span{font:8px/1.5 var(--ui);letter-spacing:.16em;padding-left:.16em;color:var(--muted)}.planet-detail-caption p{font:10px/1.8 var(--ui);color:var(--muted);margin:7px 0 0}
@media(max-height:500px){.planet-detail-caption{padding-bottom:10px}.planet-detail-caption h2{font-size:16px}.planet-detail-caption p{font-size:8px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.planet-art{transition:none}}