html,body,#app{width:100%;height:100%;margin:0;background:#0d0d0d;touch-action:none}canvas{display:block;margin:0 auto;image-rendering:pixelated}.ui-card{display:flex;flex-direction:column;gap:12px;align-items:center;padding:16px 18px;background:#00000059;border:1px solid rgba(255,255,255,.15);border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-input{width:260px;height:40px;font-size:18px;padding:6px 10px;border-radius:8px;border:1px solid #006b75;outline:none}.ui-input:focus{border-color:#00a9b7;box-shadow:0 0 0 3px #00a9b740}.ui-button{min-width:140px;height:42px;font-size:18px;color:#fff;background:#006b75;border:none;border-radius:8px;cursor:pointer}.ui-button:hover{background:#0094a1}.ui-error{color:#ffb3b3;font-size:14px;margin:0}.retro-login{font-family:Courier New,monospace;color:#0f0;background:#000;border:2px solid #00ff00}.retro-login .ui-input,.retro-login .ui-button{font-family:inherit;color:inherit;background:#000;border:2px solid #00ff00}.retro-login .ui-button:hover{background:#030}