.sea-scene {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.sea-scene-canvas {
  --sea-scene-sky: #060f1c;
  --sea-scene-star: #d8c9a0;
  --sea-scene-moon: #e9dcb8;
  --sea-scene-crater: #b9a77c;
  --sea-scene-cloud: #12253d;
  --sea-scene-sea: #0b2440;
  --sea-scene-sea-dark: #133a5f;
  --sea-scene-foam: #4f7fa8;
  --sea-scene-sail: #efe2c0;
  --sea-scene-mast: #5a3a1c;
  --sea-scene-deck: #3d2612;
  --sea-scene-hull: #6b4423;
  --sea-scene-gun: #1a1008;
  --sea-scene-flag: #f2c14e;

  display: block;
  width: 100%;
  height: 100%;
  image-rendering: pixelated;
}