#world-clock {
  font-size: 11px;
  line-height: 1.5;
  color: #586953;
  margin: 3px 0 8px;
  font-variant-numeric: tabular-nums;
}
#housing-bank {
  border-top: 1px solid var(--line);
  margin-top: 20px;
  padding-top: 12px;
}
#housing-room { width: 100%; margin: 6px 0 10px; }
#sleep-countdown { font-variant-numeric: tabular-nums; font-weight: 600; }
html[data-day-phase="night"] #top,
html[data-day-phase="night"] #zone-label,
html[data-day-phase="night"] #zone-label span,
html[data-day-phase="night"] #hints > span {
  color: #f6efda;
  text-shadow: 0 1px 4px #000;
}
html[data-controls="touch"] #world-clock { font-size: 10px; margin: 2px 0 5px; }
@media (max-height: 500px) {
  html[data-controls="touch"] #world-clock { font-size: 9px; line-height: 1.3; }
}