:root{--bg:#0e0e14;--card:#16161e;--card-border:#e8e8f0;--text:#fff;--muted:#88a;--muted-dark:#666680;--gold:#f0b429;--accent:#9090c8;--green:#7cfc9a;--red:#f77}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background-color:var(--bg);color:var(--text);background-image:repeating-linear-gradient(90deg,#ffffff05,#ffffff05 2px,#0000 0 6px);font-family:VT323,ui-monospace,monospace;font-size:22px;line-height:1.45}.pixel,h1,h2,h3{font-family:"Press Start 2P",ui-monospace,monospace;line-height:1.4}a{color:var(--gold)}.card{background:var(--card);padding:20px;box-shadow:6px 6px #0000008c}.card,.pixel-input{border:2px solid var(--card-border)}.pixel-input{width:100%;color:var(--text);text-align:center;text-transform:uppercase;letter-spacing:3px;background:#101018;outline:none;padding:12px;font-family:ui-monospace,monospace;font-size:22px}.pixel-input::placeholder{color:var(--muted-dark)}.pixel-button{color:#111;text-transform:uppercase;cursor:pointer;background:#fff;border:none;padding:16px 20px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:13px;display:inline-block;box-shadow:4px 4px #0000008c}.pixel-button:hover:not(:disabled){background:var(--gold)}.pixel-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #0000008c}.pixel-button:disabled{color:#55556a;cursor:not-allowed;background:#23232e}.muted{color:var(--muted)}.error{color:var(--red)}