:root {
  color-scheme: dark;
  font-family: "Courier New", monospace;
}

* { box-sizing: border-box; }

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

#world {
  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.status {
  position: fixed;
  top: 18px;
  right: 18px;
  padding: 7px 10px 6px;
  border: 2px solid rgba(237, 190, 95, 0.7);
  border-radius: 3px;
  color: #f4d18a;
  background: rgba(12, 17, 27, 0.82);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-shadow: 2px 2px #111522;
  transition: opacity 300ms ease;
}

.status.online { opacity: 0; }
.status.offline { color: #ff9a89; border-color: rgba(255, 112, 91, 0.75); }