.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#d8e9c7;font-size:30px;border:3px solid transparent;overflow:hidden;box-sizing:border-box}.profile-avatar img{width:100%;height:100%;object-fit:cover}.frame-leaf{border-color:#8bba72;box-shadow:0 0 0 3px #365c3e}.frame-gold{border-color:#edc967;box-shadow:0 0 0 3px #7a602e}.frame-berry{border-color:#d58aaa;box-shadow:0 0 0 3px #623b58}.frame-ocean{border-color:#7cccd4;box-shadow:0 0 0 3px #295762}.profile-preview{text-align:center;padding:15px}.profile-preview .profile-avatar{width:92px;height:92px;font-size:58px}.profile-picker{border:1px solid #577258;border-radius:18px;padding:18px;margin:20px 0}.profile-picker legend{padding:0 8px}.animal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.animal-grid label{cursor:pointer;position:relative}.animal-grid input{position:absolute;opacity:0}.animal-grid label>span{display:flex;flex-direction:column;text-align:center;padding:10px 3px;border:2px solid transparent;border-radius:14px;background:#244836;font-size:30px}.animal-grid small{font-size:11px;margin-top:6px}.animal-grid input:checked+span{border-color:#c5e695;background:#3e6047}.animal-grid input:focus-visible+span{outline:3px solid white}.profile-picker input[type=file]{max-width:100%}.user-pill{display:inline-flex;align-items:center;gap:9px}.user-pill .profile-avatar{width:30px;height:30px;font-size:19px}.player-avatar:has(.profile-avatar){background:none;overflow:visible}.leader-avatar:has(.profile-avatar){background:none;overflow:visible}.profile-picker .field{margin-top:15px}