body{margin:0;overflow:hidden;background-color:#111;color:#fff;font-family:Courier New,Courier,monospace}canvas{display:block}#ui{position:absolute;top:10px;left:10px;pointer-events:none;text-shadow:1px 1px 2px black}.instructions{font-size:14px;color:#ccc;background:#00000080;padding:10px;border-radius:5px}#login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:100}.login-box{background:#222;padding:40px;border:2px solid #00FFFF;border-radius:10px;text-align:center;box-shadow:0 0 20px #00ffff4d}.login-box h1{margin-top:0;color:#0ff;letter-spacing:2px}#username-input{display:block;width:100%;padding:12px;margin:20px 0;background:#333;border:1px solid #555;color:#fff;font-size:18px;font-family:inherit;box-sizing:border-box}#username-input:focus{outline:none;border-color:#0ff}#start-button{background:#0ff;color:#000;border:none;padding:12px 30px;font-size:18px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .1s}#start-button:hover{transform:scale(1.05);background:#0cc}.instructions-login{margin-top:20px;color:#888;font-size:12px}