:root{--bz-green: #2bff6a;--bz-dim: #0c5a25;--bz-bg: #020604}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#000;color:var(--bz-green);font-family:Courier New,ui-monospace,monospace;overflow:hidden;user-select:none}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.bz-wrap{position:relative;width:min(100vw,177.7vh);height:min(100vh,56.25vw)}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--bz-bg);image-rendering:pixelated}.bz-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;background:#000802c7;text-align:center;pointer-events:auto}.bz-overlay.hidden{display:none}.bz-title{font-size:clamp(1.6rem,5vw,3.4rem);letter-spacing:.4em;text-shadow:0 0 12px var(--bz-green);margin:0}.bz-sub{max-width:32ch;line-height:1.5;font-size:clamp(.8rem,1.8vw,1rem);color:#8effb1}.bz-btn{background:transparent;color:var(--bz-green);border:2px solid var(--bz-green);padding:.7em 1.6em;font-family:inherit;font-size:1.1rem;letter-spacing:.2em;cursor:pointer;text-transform:uppercase}.bz-btn:hover{background:var(--bz-green);color:#021}.bz-keys{font-size:.8rem;color:var(--bz-dim);letter-spacing:.1em}