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; }
#neustart { position: fixed; top: 10px; right: 16px; padding: 8px 16px; border: 0; border-radius: 8px; background: #ff9800; color: white; font: 700 18px system-ui, sans-serif; cursor: pointer; }