
body.n5r7-status {
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  color: #eee;
  background: #1f1f1f url(stone.png) repeat;
  background-size: 48px 48px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", system-ui, sans-serif;
}
.n5r7-status .site-bar {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 0 16px;
  background: #292929;
}
.n5r7-status .site-bar a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}
.n5r7-status .site-bar img { image-rendering: pixelated; }
.n5r7-status #app { flex: 1; }
.n5r7-status #app .header-title,
.n5r7-status #app .header-desc { color: #eee !important; }
.n5r7-status #app .index-chart,
.n5r7-status #app footer { display: none !important; }
.n5r7-status .site-credit {
  padding: 14px 16px;
  background: #1a130d url(dirt.png) repeat;
  background-size: 48px 48px;
  text-align: right;
}
.n5r7-status .site-credit a { color: #eee; }
.n5r7-status a:focus-visible { outline: 2px solid #9ac8ff; outline-offset: 4px; }
