.CharacterPortrait-module__4e8ApW__portrait{flex-shrink:0;align-self:flex-start;max-width:100%}.CharacterPortrait-module__4e8ApW__frame{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--portrait-color) 45%, transparent);box-shadow:0 12px 30px #0004, 0 0 22px color-mix(in srgb, var(--portrait-color) 14%, transparent);background:#0a1e1e;border-radius:24px;overflow:hidden}.CharacterPortrait-module__4e8ApW__frame img{object-fit:cover;transform-origin:50% 80%;width:100%;height:100%;animation:CharacterPortrait-module__4e8ApW__portraitDrift var(--portrait-duration) ease-in-out var(--portrait-delay) infinite;animation-play-state:paused;display:block}.CharacterPortrait-module__4e8ApW__frame[data-moving=true] img{animation-play-state:running}.CharacterPortrait-module__4e8ApW__fallback{color:#f1d38a;place-items:center;height:100%;display:grid}.CharacterPortrait-module__4e8ApW__control{color:#d4dfd8;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;font-size:12px;transition:color .2s;display:flex}.CharacterPortrait-module__4e8ApW__control:hover{color:#fff}.CharacterPortrait-module__4e8ApW__control:focus-visible{outline-offset:2px;outline:2px solid #f1d38a}@keyframes CharacterPortrait-module__4e8ApW__portraitDrift{0%,to{transform:scale(1.025)translateY(1px)rotate(-.25deg)}50%{transform:scale(1.04)translateY(-1px)rotate(.25deg)}}@media (prefers-reduced-motion:reduce){.CharacterPortrait-module__4e8ApW__frame img{animation:none;transform:none}.CharacterPortrait-module__4e8ApW__control{transition:none}}