.avatar.portrait{display:inline-block;position:relative;width:52px;height:52px;flex-shrink:0;border:1px solid #c8b58770;border-radius:50%;overflow:hidden;background:#143e34;margin:0;vertical-align:middle;box-shadow:0 3px 10px #0002}.portrait-art{display:block;width:100%;height:100%;background-size:300% 200%;background-repeat:no-repeat;transition:transform .3s}.opponent .portrait{width:60px;height:60px}.opponent.active .portrait{border-color:#efd49a;box-shadow:0 0 0 3px #e6bd6f28}.portrait.mood-thinking .portrait-art{transform:scale(1.035) rotate(-2deg)}.portrait.mood-penalty .portrait-art{animation:portrait-reaction .45s ease-out}.portrait.mood-cheeky .portrait-art,.portrait.mood-tap .portrait-art{animation:portrait-nod .65s ease-out}.portrait.mood-win{border-color:#edc476;box-shadow:0 0 0 3px #edc47644}.portrait.mood-win .portrait-art{transform:scale(1.045)}.avatar-picker .portrait{width:40px;height:40px}.avatar-picker>div{gap:4px}.avatar-picker .portrait-compare{border:0;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px;color:inherit;font-size:14px}.portrait-tabs{display:flex;gap:8px}.portrait-tabs button{flex:1;background:#dfdfd3;color:#174d43}.portrait-tabs button[aria-pressed=true]{background:#174d43;color:#fff}.portrait-table{background:radial-gradient(ellipse at top,#28685a,#123c35);border-radius:18px;margin:16px 0;padding:20px 14px 8px;color:#fff}.portrait-sample-players{display:flex;justify-content:space-around;text-align:center}.portrait-sample-players span:not(.avatar):not(.portrait-art){display:block;margin-top:8px;font-size:14px}.portrait-sample-players .portrait{width:64px;height:64px}.portrait-sample-cards{display:flex;justify-content:center;gap:22px;padding:25px 0 5px}.portrait-sample-cards img{width:80px;filter:drop-shadow(0 5px 5px #0004);transform:rotate(-5deg)}.portrait-sample-cards img+img{transform:rotate(5deg)}.portrait-table p{text-align:center;font-size:14px}.portrait-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.portrait-options button{padding:8px;background:transparent;border:2px solid transparent;border-radius:14px;margin:0}.portrait-options button[aria-pressed=true]{border-color:#8a6427;background:#dcca9a33}.portrait-options .portrait{width:64px;height:64px}
.pilot-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}.pilot-links button{font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:0 8px;color:inherit}.pilot-settings{border-top:1px solid #bdc6bb;margin-top:24px;padding-top:16px}.pilot-settings button{margin-left:0}.pilot-settings label{display:flex;gap:12px;align-items:flex-start;font-size:16px}.pilot-settings input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.pilot-note{font-size:14px!important;color:#526458}.pilot-form label{display:block;margin:16px 0;font-size:16px;font-weight:600}.pilot-form select,.pilot-form textarea,.pilot-form input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #8b9d91;border-radius:10px;background:#fff;color:#173c32;margin-top:8px}.pilot-form textarea{min-height:140px;resize:vertical}.pilot-form button{margin-left:0}.pilot-form small{font-size:14px;font-weight:400}.pilot-share-qr canvas{display:block;width:min(100%,240px);height:auto;margin:auto;border-radius:14px}.pilot-share-actions{display:flex;flex-wrap:wrap;gap:6px}.pilot-share-actions a{display:inline-flex;align-items:center;padding:10px 16px;color:#174d43;font-size:16px}.pilot-share-link{width:100%;font:inherit;padding:10px;border:1px solid #899f91;border-radius:8px}.pilot-install-steps{font-size:16px;line-height:1.6;padding-left:22px}@keyframes portrait-reaction{40%{transform:translateX(2px) rotate(3deg)}70%{transform:translateX(-2px)}}@keyframes portrait-nod{40%{transform:translateY(2px) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.portrait-art{animation:none!important;transition:none!important}}
img.portrait-art{object-fit:cover;object-position:50% 30%}
.hero-clans{display:grid;gap:14px;margin:12px 0}.hero-clans h3{margin:0 0 6px;font-size:15px}
.hero-clans .portrait-options button{display:grid;justify-items:center;gap:4px}.hero-name{font-size:13px;font-weight:600;color:#293c32}