/* Reset and base layout. */
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--bg);
  font-family: var(--font-mono);
}

canvas {
  display: block;
  width: 100%;
  height: 100%;
}

#gl-bg,
#c {
  position: fixed;
  inset: 0;
}

#gl-bg {
  z-index: 0;
  pointer-events: none;
}

#c {
  z-index: 1;
  background: transparent;
}

/* Shared cursor defaults. */
#terminal, #terminal *,
.entry-panel-window, .entry-panel-window *,
.reader-window, .reader-window *,
.transmitter-window, .transmitter-window *,
#terminal-close, .reader-close, .transmitter-close, #nav-terminal-label,
#nav-entry-panel-label, .entry-panel-close,
#terminal-titlebar, .reader-titlebar, .transmitter-titlebar, .entry-panel-titlebar,
.resize-se, .resize-s, .resize-e {
  cursor: var(--cursor-arrow);
}

#terminal-input, .reader-body, .transmitter-body, .transmitter-input,
.entry-panel-title-input, .entry-panel-body-input {
  cursor: var(--cursor-bar);
}