html,body{background:#1b1d2a;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}.hud-button{color:#fff8e8;cursor:pointer;background:#3b2f4a;border:2px solid #1b1424;padding:8px 12px;font:14px/1 ui-monospace,Cascadia Mono,Microsoft YaHei,monospace;box-shadow:inset -2px -2px #2a2036,inset 2px 2px #5a4870}.hud-button:active{box-shadow:inset 2px 2px #2a2036,inset -2px -2px #5a4870}.join-screen{background:#1b1d2a73;place-items:center;display:grid;position:fixed;inset:0}.join-panel{color:#fff8e8;background:#3b2f4a;border:2px solid #1b1424;flex-direction:column;gap:10px;width:min(280px,100vw - 32px);padding:20px;font:14px/1.4 ui-monospace,Cascadia Mono,Microsoft YaHei,monospace;display:flex;box-shadow:inset -3px -3px #2a2036,inset 3px 3px #5a4870}.join-title{text-align:center;letter-spacing:2px;margin:0 0 6px;font-size:22px}.join-input{font:inherit;color:#1b1424;background:#fff8e8;border:2px solid #1b1424;outline:none;padding:6px 8px}.join-input:focus{border-color:#f2c14e}.join-button:disabled{opacity:.6;cursor:wait}.join-error{color:#ffb0a0;min-height:1.4em;margin:0}.auth-text{text-align:center;color:#e8dcc8;margin:0}.join-welcome{color:#fff8e8;font-size:16px}a.join-button{text-align:center;text-decoration:none}.auth-discord{background:#5865f2;box-shadow:inset -2px -2px #3c45a5,inset 2px 2px #8891f7}.auth-user{justify-content:center;align-items:center;gap:8px;display:flex}.auth-avatar{border:2px solid #1b1424;width:32px;height:32px}.auth-id{gap:6px;display:flex}.auth-id code{overflow-wrap:anywhere;color:#1b1424;-webkit-user-select:all;user-select:all;background:#fff8e8;border:2px solid #1b1424;flex:1;min-width:0;padding:6px 8px}.auth-link{font:inherit;color:#c8b8e0;cursor:pointer;background:0 0;border:none;align-self:center;font-size:12px;text-decoration:underline}