.character-reference{cursor:pointer;border-bottom:2px dotted var(--gold);text-underline-offset:.17em;outline-offset:4px;transition:color .2s,border-color .2s}.character-reference:hover,.character-reference:focus-visible{color:var(--pink);border-color:var(--pink)}.character-popup{z-index:2000;background:var(--ink);width:min(360px,100vw - 24px);color:var(--paper);border:1px solid var(--gold);grid-template-columns:105px minmax(0,1fr);gap:12px;padding:12px;display:grid;position:fixed;box-shadow:0 18px 55px #000c}.character-popup img{object-fit:cover;object-position:center 22%;width:105px;height:145px}.character-popup>div{padding:8px 11px 7px 0}.character-popup span{color:var(--gold);letter-spacing:.08em;font:.6rem Manrope,sans-serif}.character-popup h3{letter-spacing:-.03em;margin:.6rem 0;font:500 1.65rem Playfair Display,serif}.character-popup p{color:var(--paper);margin:0;font:.78rem/1.6 Manrope,sans-serif}.character-popup-close{width:29px;height:29px;color:var(--paper);cursor:pointer;background:0 0;border:0;font-size:1.6rem;position:absolute;top:3px;right:4px}@media (width<=420px){.character-popup{grid-template-columns:90px minmax(0,1fr);gap:8px;padding:8px}.character-popup img{width:90px;height:120px}.character-popup h3{font-size:1.35rem}.character-popup p{font-size:.7rem}}