/* OVERDRIVE — style.css
 * Full-viewport canvas, synthwave neon theme, no-scroll/zoom gestures,
 * boot splash styling. All in-game HUD is canvas-drawn; this file only
 * styles the page shell and the temporary boot note.
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #12042b;
  /* synthwave neon backdrop behind the canvas (letterboxing) */
  background-image:
    radial-gradient(1200px 700px at 70% -10%, rgba(255, 95, 122, 0.28), transparent 60%),
    radial-gradient(1000px 600px at 10% 110%, rgba(76, 125, 255, 0.30), transparent 55%),
    linear-gradient(180deg, #1a0636 0%, #12042b 45%, #1d0a3c 100%);
  overscroll-behavior: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#game {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: #12042b;
  touch-action: none;
  /* crisp neon edge */
  box-shadow:
    0 0 0 1px rgba(255, 95, 122, 0.18),
    0 0 60px rgba(255, 95, 122, 0.12),
    0 0 0 8px rgba(0, 0, 0, 0.25);
}

/* Boot splash — removed by main.js once the game is up */
#boot {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #ffe066;
  text-shadow: 0 0 18px rgba(255, 95, 122, 0.8), 0 0 40px rgba(125, 249, 255, 0.5);
  background: #12042b;
  z-index: 10;
  transition: opacity 0.45s ease;
}
#boot span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3em;
  color: rgba(255, 255, 255, 0.6);
  animation: bootpulse 1.2s ease-in-out infinite;
}
#boot.hidden {
  opacity: 0;
  pointer-events: none;
}
@keyframes bootpulse {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  #boot span { animation: none; }
}