/* banner-hmd.css */
.banner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  cursor: none;
}
#banner-bg,
#banner-canvas,
#banner-ui {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
#banner-bg {
  z-index: 0;
}
#banner-canvas {
  z-index: 1;
}
#banner-ui {
  z-index: 2;
  pointer-events: none;
}

#banner-hint {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
  user-select: none;
  font-family: "DM Mono", "Syne Mono", monospace;
  font-size: clamp(14px, 1.8vw, 20px);
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: rgba(255, 210, 190, 0.45);
  white-space: nowrap;
}