@charset "UTF-8";
/* Champagne lettering and light belong to the museum, not a new panel. */
:root{--museum-gold-ink:#8b6938;--museum-gold-light:#d6bb7e;--museum-gold-line:#b29a6c}
.museum-brand-face{
 position:relative;display:inline-block;font:inherit;font-style:normal;white-space:nowrap;
 color:var(--museum-gold-ink);isolation:isolate;
}
@supports(background-clip:text){
 .museum-brand-face{
  background:linear-gradient(112deg,#836039 4%,#ad894d 29%,#c3a465 43%,#97713a 59%,#bd9b60 77%,#876438 96%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
 }
}
.wordmark .museum-brand-face{padding-inline:0 4px}
.wordmark>span{color:#7c8079}
.museum-brand-glint{
 --glint-size:8px;position:absolute;left:13%;top:28%;display:block;
 width:var(--glint-size);height:var(--glint-size);pointer-events:none;
 background:#ba9252;clip-path:polygon(50% 0,59% 39%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 39%);
 opacity:.14;transform:scale(.5) rotate(12deg);
 animation:museum-type-star-v11 6.8s ease-in-out infinite;
 animation-play-state:paused;filter:drop-shadow(0 0 3px #ead7a8);
}
.museum-brand-glint:nth-child(2){left:91%;top:42%;--glint-size:11px;animation-delay:-3.3s;animation-duration:8.2s}
[data-atmosphere-running="true"]>.museum-brand-glint{animation-play-state:running}
.wordmark .museum-brand-glint{--glint-size:6px;top:21%}
.wordmark .museum-brand-glint:nth-child(2){--glint-size:7px;top:45%}
#arrival-dialog{
 --entry-light-x:44%;--entry-light-y:37%;background:#f3f0e9;
}
#arrival-dialog:before{
 background:radial-gradient(ellipse at var(--entry-light-x) var(--entry-light-y),#fffdf4 0%,#fffaf270 25%,transparent 58%),
 radial-gradient(ellipse at 67% 43%,#dce3ed63,transparent 48%),
 radial-gradient(ellipse at 25% 62%,#ebded852,transparent 46%),
 linear-gradient(132deg,#f5f2eb,#efede9 63%,#eae9e5);
}
#arrival-dialog:after{border-color:#bba98435;inset:clamp(14px,3.8vw,38px)}
#arrival-dialog .entry-copy{top:69%;left:24px;right:24px}
#arrival-dialog .entry-copy h1{
 width:fit-content;max-width:100%;margin:10px auto 9px;padding:0;
 font-size:clamp(54px,8vw,76px);line-height:1.12;letter-spacing:normal;
}
#arrival-dialog .entry-copy h1 .museum-brand-face{padding:0 12px 0 4px}
#arrival-dialog .entry-kicker{
 color:#817767;font-size:8px;letter-spacing:.34em;padding-left:.34em;
}
#arrival-dialog .entry-copy p{color:#7d7568;font-size:11px;letter-spacing:.38em;padding-left:.38em}
#arrival-dialog .entry-actions{gap:18px}
#arrival-dialog #entry-enter{color:#85683f}
#arrival-dialog #entry-enter:before{filter:sepia(.52) saturate(.75);opacity:.9}
#arrival-dialog #entry-enter:hover:before{filter:sepia(.52) saturate(.75) brightness(.94)}
#arrival-dialog #entry-skip{color:#817d72}
/* Warm, visible motes stay close to the exhibit; no full-screen white flashes. */
#arrival-dialog .entry-sky i{
 width:2px;height:2px;background:#b6985d;box-shadow:0 0 8px 2px #ead5a26b;
 animation:museum-room-mote-v11 7.4s calc(var(--i)*-.71s) ease-in-out infinite;
 animation-play-state:paused;opacity:0;
}
#arrival-dialog .entry-sky i:before,#arrival-dialog .entry-sky i:after{background:#ba9b62;height:7px}
#arrival-dialog .entry-sky i:after{height:1px;width:7px}
#arrival-dialog[data-atmosphere-running="true"] .entry-sky i{animation-play-state:running}
#arrival-dialog .entry-sky i:nth-child(n+7){display:none}
.app-nav button[aria-current="page"]:after,.study-nav button[aria-pressed="true"]:after{background:#ab9366}
.text-button,.planet-art-button{transition:color .22s ease,opacity .22s ease}
.text-button:hover{color:#916d38}
:root[data-theme="dark"]{--museum-gold-ink:#d9bd82;--museum-gold-light:#f0dfb2;--museum-gold-line:#b6a17b}
:root[data-theme="dark"] .museum-brand-face{background-image:linear-gradient(112deg,#cfb17a,#eedcaa 35%,#c5a264 59%,#ead39a 82%,#ceb179)}
:root[data-theme="dark"] .wordmark>span{color:#b9b5a9}
:root[data-theme="dark"] #arrival-dialog{background:#242b33}
:root[data-theme="dark"] #arrival-dialog:before{
 background:radial-gradient(ellipse at var(--entry-light-x) var(--entry-light-y),#8587842b,transparent 56%),
 radial-gradient(ellipse at 67% 43%,#706d8c28,transparent 48%),linear-gradient(132deg,#313a43,#262c35 65%,#222831);
}
:root[data-theme="dark"] #arrival-dialog:after{border-color:#bca37638}
:root[data-theme="dark"] #arrival-dialog :is(.entry-kicker,.entry-copy p,#entry-skip){color:#c3bcac}
:root[data-theme="dark"] #arrival-dialog #entry-enter{color:#e2c994;--atelier-control-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 64'%3E%3Cg fill='none' stroke='%23baa77f' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath fill='%23d1bd90' fill-opacity='.07' d='M28 11H94L110 5L126 11H192Q196 11 196 16V21C204 19 210 25 211 32C210 39 204 45 196 43V48Q196 53 192 53H126L110 59L94 53H28Q24 53 24 48V43C16 45 10 39 9 32C10 25 16 19 24 21V16Q24 11 28 11Z'/%3E%3Cpath opacity='.55' d='M33 16H90M130 16H187M33 48H90M130 48H187M18 26C12 27 13 35 19 35C24 35 25 29 21 29M202 38C208 37 207 29 201 29C196 29 195 35 199 35'/%3E%3Cpath d='m110 10 3 3-3 3-3-3Zm0 38 3 3-3 3-3-3Z'/%3E%3C/g%3E%3C/svg%3E")}
:root[data-theme="dark"] #arrival-dialog .entry-actions #entry-enter:before{filter:none;opacity:.9}
:root[data-theme="dark"] .museum-brand-glint{background:#f4d99e}
@keyframes museum-type-star-v11{
 0%,12%,49%,100%{opacity:.08;transform:scale(.35) rotate(10deg)}
 26%{opacity:.85;transform:scale(1) rotate(0)}
 35%{opacity:.2;transform:scale(.55) rotate(-8deg)}
}
@keyframes museum-room-mote-v11{
 0%,18%,100%{opacity:0;translate:0 5px;transform:rotate(45deg) scale(.4)}
 42%{opacity:.48;translate:2px -3px;transform:rotate(45deg) scale(.8)}
 64%{opacity:.14;translate:5px -11px;transform:rotate(45deg) scale(.5)}
 84%{opacity:0;translate:7px -15px;transform:rotate(45deg) scale(.4)}
}
@media(max-width:740px){
 #arrival-dialog .entry-copy{top:68%}
 #arrival-dialog .entry-copy h1{font-size:clamp(48px,13.9vw,64px)}
}
@media(max-width:355px){#arrival-dialog .entry-copy h1{font-size:46px}}
@media(max-height:600px){
 #arrival-dialog .entry-copy{top:auto;bottom:79px}
 #arrival-dialog .entry-copy h1{font-size:40px;line-height:1.05;margin:5px auto}
 #arrival-dialog .entry-kicker{font-size:6px}
 #arrival-dialog .entry-copy p{font-size:9px}
 #arrival-dialog .entry-actions{bottom:17px}
}
@media(max-height:600px) and (max-width:599px){
 #arrival-dialog .woven-orbit-entry{top:35.5%;width:min(70vw,260px,47dvh)}
}
@media(max-height:450px) and (max-width:599px){
 #arrival-dialog .woven-orbit-entry{top:32%;width:min(55vw,220px,37dvh)}
 #arrival-dialog .entry-copy h1{font-size:36px;margin:4px auto}
}
@media(max-height:600px) and (min-width:600px){
 #arrival-dialog .entry-copy{top:34%;bottom:auto;left:49%;right:9%}
 #arrival-dialog .entry-copy h1{font-size:clamp(36px,5.8vw,54px)}
 #arrival-dialog .entry-actions{left:49%;right:9%;bottom:24%}
}
@media(prefers-reduced-motion:reduce){
 .museum-brand-glint{animation:none!important;opacity:.35;transform:none}
 #arrival-dialog .entry-sky{display:none}
 .text-button,.planet-art-button{transition:none}
}
@media(forced-colors:active){
 .museum-brand-face{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}
 .museum-brand-glint,#arrival-dialog .entry-sky,#arrival-dialog:before{display:none!important}
 #arrival-dialog :is(.entry-kicker,.entry-copy p){color:CanvasText!important}
}