html, body { margin: 0; height: 100%; background: skyblue; overflow: hidden; }
#jeu { display: block; width: 100vw; height: 100vh; object-fit: contain; }
#hud { position: fixed; top: 12px; left: 16px; display: flex; gap: 20px; color: white; font: 700 20px system-ui, sans-serif; text-shadow: 0 2px 3px black; pointer-events: none; }
#message { position: fixed; inset: 0; display: grid; place-items: center; color: white; font: 800 44px system-ui, sans-serif; text-shadow: 0 3px 8px black; pointer-events: none; text-align: center; }
#rejouer { position: fixed; left: 50%; top: 65%; transform: translateX(-50%); padding: 14px 36px; font: 800 28px system-ui, sans-serif; border: 0; border-radius: 16px; background: gold; color: #333; cursor: pointer; box-shadow: 0 4px 0 darkgoldenrod; }
#rejouer[hidden] { display: none; }