footer{
flex:none}
.map-caption{
margin-bottom:1.1rem;
font-size:.75rem;
color:var(--muted)}
.legend{
display:flex;
gap:1.5rem}
.legend span,.status{
display:flex;
align-items:center;
gap:.5rem}
.legend i{
width:.65rem;
height:.65rem;
border-radius:50%;
border:1px solid #ffffff25}
.day{
background:#73979d}
.twilight{
background:#546471}
.night{
background:#142b3a}
.status i{
width:.4rem;
height:.4rem;
background:#9ac3a9;
border-radius:50%}
.status i.simulated{
background:var(--accent)}
.controls{
border-top:1px solid var(--line);
padding:1rem 0;
gap:1rem;
font-size:.85rem;
justify-content:flex-start}
.speed-controls{
display:flex;
gap:.2rem;
background:#0f2634;
border:1px solid var(--line);
border-radius:.5rem;
padding:.2rem}
.speed-controls button{
min-width:3.6rem}
.speed-controls button:first-child{
padding-left:1.1rem;
padding-right:1.1rem}
.reset{
color:var(--muted)}
#date-controls{
margin-left:auto;
position:relative}
summary{
padding:.85rem 1rem;
border:1px solid var(--line);
border-radius:.4rem;
list-style:none}
summary::-webkit-details-marker{
display:none}
summary::after{
content:' ＋';
color:var(--muted)}
details[open] summary::after{
content:' −'}
#date-form{
position:absolute;
z-index:20;
bottom:calc(100% + .7rem);
right:0;
width:23rem;
max-width:calc(100vw - 2rem);
background:#132c3b;
border:1px solid #3b5765;
border-radius:.6rem;
box-shadow:0 1rem 4rem #0006;
padding:1.3rem;
display:grid;
gap:.9rem}
#date-form label{
font-size:.9rem}
#date-form input{
min-width:0;
width:100%;
background:#081a27;
border:1px solid #456171;
border-radius:.3rem;
padding:.75rem;
color:#eaf1ed}
#date-form button{
background:#d6bb89;
color:#142734}
#date-form p{
margin:0;
color:var(--muted);
font-size:.8rem;
line-height:1.5}
.credits{
font-size:.6rem;
color:#698590;
letter-spacing:.08em;
gap:1rem}
.credits b{
padding:0 .4rem;
font-weight:400;
color:#496674}
.credits a{
letter-spacing:0}
#notice{
position:fixed;
left:50%;
bottom:1.5rem;
transform:translateX(-50%);
max-width:90vw;
width:max-content;
padding:1rem 1.4rem;
border:1px solid #547284;
border-radius:.6rem;
background:#183647;
z-index:100;
box-shadow:0 .5rem 2rem #0004;
font-size:.9rem}