html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--embed-bg);
  color: var(--embed-accent);
  font-family: "Courier New", Courier, monospace;
}

:root,
html[data-theme="crt-green"] {
  --embed-bg: #000000;
  --embed-accent: #50dc64;
}

html[data-theme="amber-monitor"] {
  --embed-bg: #000000;
  --embed-accent: #ffb000;
}

html[data-theme="corn-field-day"] {
  --embed-bg: #0a0a06;
  --embed-accent: #dcc83c;
}

html[data-theme="win95-lan"] {
  --embed-bg: #000000;
  --embed-accent: #008080;
}

html[data-theme="lcars"] {
  --embed-bg: #0a0808;
  --embed-accent: #ff9966;
}

body {
  background: var(--embed-bg);
  display: flex;
  align-items: center;
  justify-content: center;
}

canvas {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  background: #000000;
}

#boot-status {
  position: fixed;
  left: 12px;
  bottom: 12px;
  font-size: 12px;
  color: var(--embed-accent);
  opacity: 0.65;
  z-index: 2;
}