html, body { margin: 0; height: 100%; overflow: hidden; background: #111; font-family: system-ui, sans-serif; }
#game { display: block; width: 100vw; height: 100vh; }
#overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(10, 8, 20, .72); }
#overlay.hidden { display: none; }
.card { max-width: 560px; background: #1e1a2e; color: #f3eefc; border: 3px solid #e8c547; border-radius: 14px; padding: 22px 28px; line-height: 1.45; }
.card h1 { margin: 0 0 8px; color: #ffd23f; }
.card ul { padding-left: 20px; }
.card button { margin-top: 8px; font-size: 18px; font-weight: bold; padding: 10px 22px; border: 0; border-radius: 8px; background: #ffd23f; cursor: pointer; }