* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: #120e24; color: #e8e3ff;
  font-family: 'Courier New', monospace; font-weight: bold; }
body { display: flex; align-items: center; justify-content: center; padding: 16px; }
#menu { display: none; text-align: center; }
h1 { color: #f2c14e; letter-spacing: 4px; text-shadow: 3px 3px 0 #08060f; margin: 0 0 6px; }
p { color: #a9a2cc; margin: 0 0 22px; }
.jogos { display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; }
button { width: 190px; padding: 18px 10px; cursor: pointer; font: inherit; font-size: 18px; color: #e8e3ff;
  background: #22183f; border: 4px solid #08060f; box-shadow: inset 3px 3px 0 #3d2e70, inset -3px -3px 0 #140e28; }
button:hover { background: #2e2154; }
button .ic { display: block; font-size: 42px; margin-bottom: 8px; }
#msg { color: #a9a2cc; }
#flor { position: fixed; right: 10px; bottom: 10px; width: 27px; height: 27px; image-rendering: pixelated; }