body { margin: 0; background: #1b1630; color: #fff0c8; font: 17px/1.55 system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
h1, h2 { font-family: ui-monospace, monospace; letter-spacing: 0.04em; }
a { color: #f2a65a; }
img { image-rendering: pixelated; max-width: 100%; height: auto; display: block; }
.shots { display: flex; gap: 12px; overflow-x: auto; margin: 20px 0; }
.shots img { width: 180px; flex: none; border: 2px solid #383270; }
.game { display: flex; gap: 16px; align-items: center; }
.game img { width: 96px; border-radius: 20px; }
footer { margin-top: 48px; font-size: 14px; opacity: 0.7; }
form { display: grid; gap: 12px; margin: 24px 0; }
input[type=email], button { font: inherit; padding: 10px 12px; border-radius: 6px; border: 2px solid #383270; }
input[type=email] { background: #0f0c1f; color: inherit; }
button { background: #f2a65a; color: #1b1630; border-color: #f2a65a; font-weight: 600; cursor: pointer; justify-self: start; }
.check { display: flex; gap: 10px; align-items: flex-start; }
.check input { margin-top: 6px; width: 18px; height: 18px; flex: none; }
.hint { margin: -6px 0 4px; font-size: 14px; opacity: 0.7; }
.hp { position: absolute; left: -10000px; }