.character-portraits {margin:1rem 0;padding:1rem;border:1px solid #b69b6333;border-radius:8px;background:#182c3290;min-width:0;}
.character-portraits h4 {margin:0 0 .5rem;}.character-portrait-actions {display:flex;flex-wrap:wrap;gap:.6rem;}
.portrait-options {display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:.75rem;margin-top:.8rem;}
.portrait-option {padding:4px;min-width:0;background:#12272d;border:2px solid transparent;border-radius:8px;cursor:pointer;}
.portrait-option img {display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px;}.portrait-option[aria-pressed="true"] {border-color:#ddb568;box-shadow:0 0 0 2px #ddb56833;}
.participant-portrait {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;margin:.2rem .4rem .2rem 0;background:#192d34;border:1px solid #bfa26a55;border-radius:7px;cursor:pointer;vertical-align:middle;flex-shrink:0;}
.participant-portrait img {width:100%;height:100%;object-fit:cover;border-radius:6px;}.participant-with-portrait {min-height:40px;overflow-wrap:anywhere;}
.portrait-participants {display:flex;flex-wrap:wrap;align-items:center;margin:.4rem 0;gap:.15rem;}.portrait-roster-label {width:100%;margin:0;font-size:.72rem;color:#bdc8c7;}.portrait-generate-missing {font-size:.72rem;max-width:100%;}
.portrait-hover-preview {position:fixed;z-index:1100;width:280px;max-width:calc(100vw - 16px);padding:6px;border:1px solid #b69b6366;border-radius:10px;background:#172a31;box-shadow:0 8px 35px #0009;pointer-events:none;}.portrait-hover-preview img {width:100%;display:block;border-radius:6px;}.portrait-hover-preview p {margin:.3rem;text-align:center;color:#e5dbc8;}
.portrait-lightbox {position:fixed;inset:0;z-index:1200;background:#05131de0;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;}.portrait-lightbox-card {max-width:min(90vw,640px);max-height:94vh;overflow:auto;display:flex;flex-direction:column;gap:.6rem;background:#172a31;padding:12px;box-sizing:border-box;border-radius:10px;}.portrait-lightbox-card img {display:block;width:100%;max-height:75vh;object-fit:contain;}.portrait-lightbox-card button {align-self:flex-end;}.portrait-lightbox-card p {margin:0;text-align:center;color:#e5dbc8;}
@media(max-width:480px){.character-portraits{padding:.7rem;}.portrait-options{grid-template-columns:repeat(2,minmax(0,1fr));}.portrait-lightbox-card{max-width:96vw;}.portrait-hover-preview{display:none;}}