.lobby-user #profileAvatar{padding:0;flex:0 0 auto;cursor:pointer}.lobby-user #profileAvatar:hover{box-shadow:0 0 0 3px #efbd55,0 4px 15px #0009}.lobby-user #profileEditBtn{color:#e7c77b;border:1px solid #8c7045;border-radius:12px;padding:4px 8px}.profile-dialog{width:min(760px,94vw);max-width:min(760px,94vw);max-height:min(720px,92vh);padding:20px 24px;color:#4d351a;overflow:auto}.profile-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #c8b58f;padding-bottom:13px}.profile-heading .profile-preview{width:72px;height:72px;flex:0 0 auto}.profile-heading h2{margin:1px 0;font-size:21px}.profile-heading small{color:#a56d25}.profile-heading p{margin:0;color:#8b785d;font-size:11px}.profile-section{margin-top:15px;padding:12px 14px;background:#fff9eb;border:1px solid #d5c4a3;border-radius:10px}.profile-section h3{margin:0 0 10px;color:#755022;font-size:14px}.profile-section form{display:grid;gap:11px}.profile-section label{display:grid;gap:4px;color:#6f5b3d;font-size:11px}.profile-section input{min-width:0;padding:8px 10px;border:1px solid #c9b58f;border-radius:7px;background:#fff;font:inherit;color:#3d2b17}.field-title{display:block;margin-bottom:6px;color:#6f5b3d;font-size:11px}.avatar-picker{display:grid;grid-template-columns:repeat(12,44px);gap:7px}.avatar-choice{width:44px;height:44px;padding:0;border:2px solid #c6b189;border-radius:50%;background-color:#164234;overflow:hidden;cursor:pointer}.avatar-choice[aria-checked="true"]{border-color:#f0821e;box-shadow:0 0 0 3px #ffc45e,0 4px 8px #0005}.upload-avatar{grid-template-columns:auto 1fr;align-items:center;gap:7px!important}.upload-avatar input{position:absolute;opacity:0;width:1px;height:1px}.upload-avatar span{grid-row:1/3;padding:8px 14px;border:1px solid #b88b45;border-radius:16px;background:#f5e4bf;color:#64451f;cursor:pointer}.upload-avatar small{color:#9b8667}.profile-save{justify-self:start;border-radius:17px;padding:7px 18px;border:1px solid #c09043}.password-section form{grid-template-columns:repeat(3,1fr) auto;align-items:end}.password-section button{height:34px;border:1px solid #b59660;border-radius:17px}.profile-feedback{min-height:20px;margin:9px 0 0;text-align:center;color:#b04a32;font-size:11px}.profile-feedback.success{color:#207657}.user-card-dialog{width:min(360px,90vw);padding:24px;text-align:center}.user-card-avatar{width:88px;height:88px;margin:0 auto 8px}.user-card-dialog>small{color:#a37231}.user-card-dialog h2{margin:2px 0 12px}.user-card-dialog dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0}.user-card-dialog dl div{padding:9px 4px;border-radius:8px;background:#fff7e7}.user-card-dialog dt{font-size:9px;color:#8e7959}.user-card-dialog dd{margin:2px 0 0;font-size:12px;font-weight:700}.player .avatar{cursor:pointer}.player .avatar:focus-visible{outline:3px solid #fff2a7;outline-offset:3px}
@media(orientation:landscape) and (max-height:600px){.profile-dialog{width:min(820px,94vw);max-width:min(820px,94vw);max-height:94vh;padding:10px 17px}.profile-heading{padding-bottom:7px}.profile-heading .profile-preview{width:52px;height:52px}.profile-section{margin-top:7px;padding:7px 10px}.profile-section h3{margin-bottom:5px}.profile-section form{gap:6px}.profile-section input{padding:5px 8px}.avatar-picker{grid-template-columns:repeat(12,36px);gap:5px}.avatar-choice{width:36px;height:36px}.upload-avatar span{padding:5px 11px}.password-section form{grid-template-columns:repeat(3,1fr) auto}.user-card-dialog{padding:14px}.user-card-avatar{width:64px;height:64px}.user-card-dialog h2{margin-bottom:7px}}
.invite-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-heading h3{margin:0}.invite-heading p{margin:2px 0 0;color:#927c5c;font-size:9px}.invite-heading button{min-height:31px;padding:5px 15px;border:1px solid #b7863d;border-radius:16px}.share-id{margin:8px 0 5px;color:#8e7654;font-size:10px}.share-id b{color:#b2691e;word-break:break-all}.invite-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.invite-user{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;background:#f5ead2}.invite-user .avatar{width:30px;height:30px;flex:0 0 auto;font-size:10px}.invite-user span{display:flex;flex-direction:column;min-width:0}.invite-user b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.invite-user small{color:#9b8462;font-size:8px}
@media(orientation:landscape) and (max-height:600px){.invite-section{margin-top:6px}.invite-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:65px;overflow:auto}.invite-heading p,.share-id{margin:1px 0}.invite-user{padding:3px 5px}.invite-user .avatar{width:24px;height:24px}}
@media(max-width:700px){.avatar-picker{grid-template-columns:repeat(6,44px)}.password-section form{grid-template-columns:1fr 1fr}.password-section button{grid-column:1/-1}.lobby-user #profileEditBtn{display:none}}
.avatar{overflow:hidden!important;border-radius:50%!important;contain:paint}.avatar>.avatar-photo{position:absolute!important;inset:0!important;z-index:1;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;clip-path:circle(50% at 50% 50%)}.avatar:before{inset:1px;z-index:2}
.avatar .trustee-badge{position:absolute;z-index:4;left:0;right:0;bottom:0;height:16px;display:grid;place-items:center;background:#bc4b26e8;color:#fff4d6;font-size:8px;font-weight:800;line-height:1;letter-spacing:1px;text-shadow:0 1px 2px #541900;pointer-events:none}.avatar .trustee-badge[hidden]{display:none}.avatar.is-trustee{border-color:#f2a245!important;box-shadow:0 0 0 3px #f0782c99,0 3px 12px #000b!important}@media(orientation:landscape) and (max-height:600px){.avatar .trustee-badge{height:12px;font-size:7px}}