.profile-card.character-profile-card{overscroll-behavior-y:contain;scrollbar-width:thin;justify-content:flex-start;overflow-y:auto}.character-profile-card>.profile-image{flex:none;height:min(62dvh,34rem);min-height:16rem}.character-profile-summary{z-index:4;background:var(--app-background);flex:none;padding:0 1.125rem 1.5rem;position:relative}.character-profile-summary>header{flex-wrap:wrap;align-items:baseline;gap:.375rem .625rem;margin:1rem 0;display:flex}.character-profile-summary h2{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1.25rem;font-weight:600;line-height:1.35}.character-profile-summary>header>span{color:var(--muted-strong);font-size:.8125rem;line-height:1.5}.character-profile-about h3{color:var(--text);margin:0 0 .5rem;font-size:.875rem;font-weight:500}.character-profile-about p{color:var(--muted-strong);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.65}.character-profile-photos{scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:.5rem;padding:.375rem 0;display:flex;overflow-x:auto}.character-profile-photos>button{border:1px solid var(--line-strong);background:var(--surface);scroll-snap-align:center;border-radius:.625rem;flex:0 0 3.125rem;width:3.125rem;height:4.125rem;padding:.125rem;overflow:hidden}.character-profile-photos>button[aria-pressed=true]{border-color:var(--brand-rose-soft);background:var(--selection-surface)}.character-profile-photos img{object-fit:cover;border-radius:.4375rem;width:100%;height:100%;display:block}:where(:root:not([data-input-modality=pointer])) .character-profile-photos>button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}@media (max-width:700px){.character-profile-card>.profile-image{height:min(54dvh,28rem)}}