html, body { margin: 0; height: 100%; background: #111; color: #ddd; font: 16px system-ui, sans-serif; }
#gate { max-width: 32rem; margin: 20vh auto; padding: 0 1rem; text-align: center; }
#gate .warn { color: #f6b; }
#gate button { font: inherit; padding: .6rem 1.6rem; background: #e33; color: #fff; border: 0; cursor: pointer; }
#world { position: fixed; inset: 0; width: 100vw; height: 100vh; border: 0; }
#status { position: fixed; top: 1rem; left: 50%; transform: translateX(-50%); z-index: 10; background: #222; color: #ddd; padding: .6rem 1rem; border: 1px solid #444; font: 15px system-ui, sans-serif; }
#status a { color: #e33; }