html, body { margin: 0; height: 100%; overflow: hidden; background: #000; overscroll-behavior: none; -webkit-user-select: none; user-select: none; }
#stage { position: fixed; inset: 0; width: 100%; height: 100dvh; overflow: hidden; }
#canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; outline: none; touch-action: none; }
#status { position: fixed; left: 12px; bottom: 12px; color: #aaa; font: 12px monospace; }
#credit { position: fixed; left: 50%; transform: translateX(-50%); bottom: 6px; color: #777; font: 11px monospace; pointer-events: none; }
#gate { position: fixed; inset: 0; z-index: 2; display: grid; place-content: center; gap: 12px; padding: 16px; background: #000; color: #aaa; font: 13px monospace; text-align: center; }
#gate[hidden] { display: none; }
#gate-btn { justify-self: center; background: #000; color: #aaa; border: 1px solid #555; font: 13px monospace; padding: 6px 12px; cursor: pointer; }