/* DELTA STRIKE */
html, body {
  margin: 0; padding: 0; width: 100%; height: 100%;
  background: #000; overflow: hidden;
  touch-action: none; overscroll-behavior: none;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
}
body {
  display: flex; align-items: center; justify-content: center;
}
#screen {
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges; /* fallback Firefox antigo */
  background: #000;
}
.hint {
  position: fixed; bottom: 18%;
  font: 12px/1.4 monospace; letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.55);
  pointer-events: none;
  opacity: 1; transition: opacity 0.5s ease-out;
}
#hint-left  { left: 8%; }
#hint-right { right: 8%; }
.hint.hidden { opacity: 0; }

#hint-keys {
  position: fixed; bottom: 4px; left: 0; width: 100%;
  text-align: center; font: 12px monospace; color: #666666;
  pointer-events: none;
}