.account-modal{width:min(690px,calc(100vw - 30px))}.account-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.account-tabs button[aria-pressed=true]{background:#e5c99f;color:#27211a;border-color:#e5c99f}.account-description{font-size:13px;line-height:1.8;color:#cbd2db;margin:12px 0 20px}.account-section{border-top:1px solid #657181;padding-top:20px;margin-top:24px}.account-section h3{font-size:17px;margin:0 0 12px}.account-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #4c5766}.account-row strong{flex:1;min-width:180px;font-size:13px;overflow-wrap:anywhere}.account-row small{color:#ced8e2;font-size:11px}.account-row .button{padding:8px 11px;font-size:11px}.account-list{color:#c4ceda;font-size:13px;line-height:1.8;margin-top:12px}.account-inline{display:flex;gap:10px;align-items:center}.account-inline .name-input{margin:0;flex:1;min-width:0}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0}.recovery-result{padding:18px;border:1px solid #d4b37e;border-radius:12px;background:#403628;margin:20px 0}.recovery-result h3{font-size:16px;margin:0 0 8px}.recovery-result p{color:#f1e2c9;font-size:13px;line-height:1.8;margin-bottom:13px}.recovery-result input{font-family:monospace;font-size:13px;margin-bottom:12px}.account-feedback{position:sticky;bottom:0;background:#252c35;border-radius:8px;color:#f2d4a5;font-size:13px;line-height:1.8;padding:10px 0;margin:12px 0 0}.account-feedback:empty{display:none}.account-transition-note{padding:11px 13px;border-left:3px solid #b59bd0;background:#b59bd010;font-size:12px;line-height:1.8;color:#d4cadd;margin-bottom:20px}#profile-account{margin:13px auto 0;font-size:12px}#account-guest{margin:16px auto 0}#account-current-save{margin-top:12px}.account-modal details>summary{cursor:pointer;font-size:14px;margin-bottom:16px;color:#e5d3f2}.account-modal details form{margin-top:18px}@media(max-width:600px){.header-actions{gap:8px}.header-actions .live-label{display:none}#account-button{font-size:11px;padding:10px}.account-inline{flex-wrap:wrap}.account-inline>.button{width:100%}.account-row strong{flex-basis:100%}.account-modal{padding:27px 18px}.account-tabs .button{padding:9px 11px}}
#friends-button{white-space:nowrap}#friends-button.has-invites{color:#26221b;background:#edd2a8;border-color:#edd2a8}.friend-card strong,.friend-card>small{flex-basis:100%}.friend-card>small{color:#c1ddc6}.friend-card .button{margin-top:3px}.room-invite-card{padding:17px;border:1px solid #bfa275;border-radius:12px;background:#38332c;margin:12px 0}.room-invite-card strong{font-size:14px;color:#f0dfc6}.room-invite-card p{font-size:12px;line-height:1.8;color:#d8c9b7;margin:8px 0 12px}.room-invite-card .button{margin:4px 8px 0 0}#account-room-invite-section h4{font-size:14px}#account-friends-title:focus{outline:none}.header-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){#friends-button{font-size:10px;padding:9px}.site-header{height:auto;min-height:88px;padding-top:14px;padding-bottom:14px;gap:12px}.header-actions{max-width:65%}}