.skill-character{aspect-ratio:2/3;width:min(100%,300px,36svh);position:relative}.skill-character-static,.skill-character-canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.skill-character-canvas{opacity:0}.skill-character-canvas.is-ready{opacity:1}.skill-character-static.is-hidden{opacity:0}.notes-entry-transition-reader .skill-character{width:100%;height:100%}.notes-room-reader .skill-character-static{aspect-ratio:2/3;height:100%}@media (max-width:760px){.notes-room-sidebar:has(.skill-character){grid-template-columns:minmax(0,1fr) 112px}.notes-room-reader .skill-character{width:112px}}