*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#24342e;color:#f1f5ed;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#login{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;padding:32px 24px;background:#24342e}
.login-content{width:min(100%,340px);margin:auto}
h1{font-size:28px;font-weight:500;letter-spacing:-.035em;margin:0 0 28px}
label{display:block;font-size:14px;margin:18px 0 8px}
input{width:100%;padding:12px;border:1px solid #dbe5d960;border-radius:6px;background:#1a2c25;color:inherit;font:inherit}
button{font:inherit;cursor:pointer;color:inherit}
#sign-in,#retry{width:100%;padding:12px;border:1px solid #dbe5d960;border-radius:6px;background:#e3ecdb20;margin-top:24px}
button:disabled{opacity:.5;cursor:wait}
#message,noscript{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
:focus-visible{outline:2px solid #e9e2bf;outline-offset:4px}
#world{position:fixed;inset:0;background:#b5c8cc}
canvas{display:block;width:100%;height:100%;touch-action:none}
canvas:focus-visible{outline:2px solid #e9e2bf;outline-offset:-4px}
#logout{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #dbe5d930;border-radius:50%;background:#24342e90}
#logout:hover{background:#24342ed9}