:root { --ink:#e8f4ff; --bg:#0b0420; --cy:#35f4ff; --mg:#ff3b8a; --lm:#b6ff4a; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(120% 90% at 50% 0%, #1a0d3d 0%, var(--bg) 70%); color: var(--ink); font-family: "Segoe UI", system-ui, sans-serif; }
.top { display: flex; align-items: center; justify-content: space-between; padding: 14px 22px; border-bottom: 1px solid #2b1455; }
.logo { font-weight: 900; letter-spacing: 4px; color: var(--cy); text-shadow: 0 0 12px var(--cy); }
.nav a { color: var(--lm); text-decoration: none; margin: 0 10px; }

.hero { position: relative; min-height: 62vh; }
#hero-preview { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hero-copy { position: absolute; left: 6%; bottom: 8%; max-width: 70%; text-shadow: 0 2px 14px rgba(0,0,0,.8); }
h1 { font-size: clamp(34px, 7vw, 72px); letter-spacing: 5px; color: #fff; text-shadow: 0 0 26px var(--mg), 0 0 8px var(--cy); }
.tag { font-size: clamp(14px, 2.4vw, 22px); color: var(--lm); }
.play-now {
  display: inline-block; margin-top: 16px; padding: 14px 28px;
  background: linear-gradient(90deg, var(--cy), var(--lm)); color: #0b0420;
  font-weight: 900; font-size: 18px; border-radius: 12px; text-decoration: none;
  box-shadow: 0 0 22px rgba(53, 244, 255, .55); cursor: pointer;
}
.play-now:active { transform: translateY(2px); }

h2 { font-size: 22px; letter-spacing: 2px; color: var(--cy); margin: 34px 0 4px; }
section, .gallery-sec, .feat-sec, .how-sec { padding: 18px 24px; }
#gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.shot { width: 100%; height: auto; border: 1px solid #3d2a6e; border-radius: 10px; display: block; }

#features { color: var(--ink); }
#features li { margin: 6px 0; }
#controls p { margin: 10px 0; }
.goal { color: var(--lm); }
b { color: #fff; }

@media (max-width: 640px) {
  .hero { min-height: 46vh; }
  .hero-copy { left: 5%; max-width: 88%; }
  .play-now { padding: 12px 22px; }
  #gallery { grid-template-columns: 1fr; }
  .shot { margin: 0 auto; }
  .nav { display: none; }
}