#actor{display:grid;grid-template:auto auto auto 1fr auto / auto 1fr;h3{grid-column:span 2;div{display:flex;align-items:baseline;gap:.3em}}.portrait{grid-row:span 4;max-width:100%;height:auto;aspect-ratio:4 / 3}>p{padding-right:8px}.id,.status,.last_update,.skills{font-size:90%;color:var(--neutral-color)}.skills{counter-reset:skill-idx;.skill:before{counter-increment:skill-idx;content:counter(skill-idx) ": "}}.last_update{justify-self:flex-end}.crown[role=button]{transition:scale .1s color .2s;&:active{scale:95%}}}@media screen and (max-width:1150px){#actor{display:flex}}#notes:has(.notes:empty){display:none}