.time-control{display:none}
body[data-angle=tilt][data-mode=map]:not(.is-welcome):not(.catalog-open) .time-control,body[data-mode=walk]:not(.is-welcome):not(.catalog-open) .time-control{display:block}
.top-right{gap:8px}
#time-of-day{height:40px;min-width:96px;padding:9px 8px;font:inherit;font-size:11px;color:#244338;border:1px solid #e7eadc;border-radius:5px;background:#f5f4ec;cursor:pointer;box-shadow:0 3px 20px #12243215}
#time-of-day:focus-visible{outline:2px solid #c19b64;outline-offset:3px}
body[data-time-of-day=evening] #time-of-day,body[data-time-of-day=night] #time-of-day{background:#233849;color:#f6dfb3;border-color:#74818a}
body.night header{background:#132635f2!important;color:#f0f0df;border-bottom-color:#ffffff1c}
body.night .map-angle,body.night #minimap button{color:#20382e}
body.night header nav span{color:#bac9cf}
body.night .nav-active{border-bottom-color:#e4d3ae}
body.night .catalog,body.night .map-panel,body.night .home-detail,body.night #contact{color:#20382e;--green:#203c31;--muted:#65766a}
body.night .scene-heading{color:#f4ecdb;background:#122a3be0;border-color:#546779}
body.night .scene-heading .eyebrow{color:#d6c6a5}
body.night .demo-note{background:#142b3cdd!important;color:#d5dedc!important}
body.night[data-mode=map] .shade{background:linear-gradient(180deg,#0a18251c,transparent 35%),linear-gradient(0deg,#07172244,transparent 22%)}
body.night[data-mode=walk] .shade{background:linear-gradient(180deg,#07142122,transparent 35%),linear-gradient(0deg,#07142166,transparent 28%)}
@media(min-width:901px){body[data-angle=tilt][data-mode=map] #village-filters{right:calc(3.5% + 200px)}}
@media(max-width:700px){
  .top-right{gap:6px}
  #time-of-day{min-width:0;width:84px;height:44px;padding:8px 3px;font-size:11px}
  body[data-mode=map]:not(.is-welcome):not(.catalog-open) #mobile-filters{padding:11px 12px}
  body[data-mode=walk]:not(.is-welcome):not(.catalog-open) .top-right{display:flex!important;top:calc(var(--mobile-header) + 10px)!important;right:14px!important}
  body[data-mode=walk] #scene-heading{top:calc(var(--mobile-header) + 62px)!important}
}
