.game-back { margin-left: auto; color: var(--purple); }
.moon-game { padding-top: 35px; padding-bottom: 45px; text-align: center; }
.moon-game h1 { font-size: clamp(34px, 4.4vw, 58px); line-height: 1.15; letter-spacing: -1.7px; margin-top: 15px; }
.game-intro { color: #6e6578; line-height: 1.8; margin-top: 18px; }
.game-board { position: relative; margin-top: 30px; aspect-ratio: 1672 / 941; border-radius: 18px; overflow: hidden; background: #0b1c3f; cursor: crosshair; }
.game-board>img { display: block; width: 100%; height: auto; user-select: none; }
.game-reveal, .game-overlay { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.game-reveal { opacity: 0; transition: opacity .35s ease; }
.game-board.is-landed .game-reveal { opacity: 1; }
.game-board[aria-disabled="true"] { cursor: default; }
.game-overlay { fill: none; stroke: #ffde74; stroke-width: 4; filter: drop-shadow(0 1px 3px #000); }
.game-flight-line { stroke-dasharray: 12 12; stroke-width: 3; }
.game-moon-ring { stroke: #bdf7c5; stroke-width: 4; }
.game-aim { opacity: 0; }
.game-board:focus-visible .game-aim, .game-board:hover .game-aim, .game-board.is-landed .game-aim { opacity: 1; }
.game-instructions { font-size: 12px; color: #746c7e; margin: 15px auto 0; max-width: 650px; }
.game-coordinates { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.game-result { margin-top: 24px; min-height: 84px; }
.game-result h2 { font-size: 27px; letter-spacing: -.5px; }
.game-result p { margin-top: 10px; color: #6e6578; }
.game-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 18px; }
.game-footnote, .game-footer { font-size: 12px; color: #746c7e; }
.game-footnote { margin-top: 20px; }
.game-footer { text-align: center; border-top: 1px solid var(--line); padding: 22px 0; }
@media(max-width: 600px) { .moon-game { padding-top: 20px; } .moon-game>.mono-label { font-size: 8px; } .game-board { border-radius: 12px; margin-top: 22px; } .game-intro { font-size: 13px; } .game-result h2 { font-size: 24px; } .game-result p { font-size: 13px; } .game-back { font-size: 12px; } }
@media(prefers-reduced-motion: reduce) { .game-reveal { transition: none; } }
.game-success { max-width: 540px; margin: 25px auto; }
.game-success img { width: 100%; height: auto; display: block; border-radius: 14px; }
.game-success figcaption { margin-top: 9px; font-size: 12px; color: #746c7e; }