.library-ability a.library-card-reference{color:var(--teal,#65cbb5);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
.library-ability a.library-card-reference:hover{color:var(--ink,#f2ede4)}
.library-ability a.library-card-reference:focus-visible{outline:2px solid var(--teal,#65cbb5);outline-offset:4px;border-radius:2px}
.library-reference-preview{position:fixed;z-index:100010;width:min(240px,calc(100vw - 24px));padding:8px;background:var(--surface,#252129);border:1px solid var(--teal,#65cbb5);border-radius:12px;box-shadow:0 14px 45px #0009;line-height:0}
.library-reference-preview[hidden]{display:none!important}
.library-reference-visual{display:block;position:relative;container-type:inline-size}
.library-reference-preview img{display:block;width:100%;height:auto;max-height:calc(100vh - 48px);object-fit:contain;border-radius:5px}
/* The popover uses the same image-to-translated-details interaction as the library. */
.library-reference-preview{perspective:1000px;line-height:1.6}
.library-reference-inner{display:block;position:relative;transform-style:preserve-3d;transition:transform .38s ease;color:var(--ink,#f2ede4);text-decoration:none!important}
.library-reference-preview.is-flipped .library-reference-inner{transform:rotateY(180deg)}
.library-reference-visual,.library-reference-back{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:0}
.library-reference-visual{align-self:start;line-height:0}
.library-reference-visual>img{width:100%;max-height:calc(100vh - 48px)}
.library-reference-back{position:absolute;inset:0;transform:rotateY(180deg);padding:12px;box-sizing:border-box;overflow:auto;max-height:calc(100vh - 48px);background:var(--surface,#252129);font-size:13px;line-height:1.65;border-radius:6px}
.library-reference-back .library-type{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:8px;color:var(--muted,#b7b1b5)}
.library-reference-back .reference-card-name{display:block;font-family:var(--display);font-size:22px;line-height:1.2;margin-bottom:16px}
.library-reference-back .explorer-inline-stat img{width:20px;height:22px;border-radius:0}
.library-reference-back p{margin:10px 0}
.library-reference-back .explorer-rules>strong{color:var(--teal,#65cbb5);font-size:12px}
.library-reference-inner:focus-visible{outline:2px solid var(--teal,#65cbb5);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.library-reference-inner{transition:none}}