/* RYU v6.0 — unobtrusive floating shelf of related cover art. */
.cover-tags .ryu-tag-trigger{font:inherit;line-height:inherit;background:transparent;cursor:pointer;appearance:none;transition:background .18s,color .18s,border-color .18s}
.cover-tags .ryu-tag-trigger:hover,.cover-tags .ryu-tag-trigger:focus-visible{color:#ffe5b6;background:#86674036;border-color:#e1bb83;outline-offset:3px}
.ryu-tag-overlay{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,45px);background:#090b0dcc;backdrop-filter:blur(6px)}
.ryu-tag-overlay[hidden]{display:none!important}
.ryu-tag-panel{width:min(860px,100%);max-height:min(80vh,740px);overflow:hidden;background:linear-gradient(155deg,#312923,#171c20 75%);border:1px solid #a6865977;border-radius:13px;box-shadow:0 27px 100px #000b;padding:clamp(18px,3.8vw,30px)}
.ryu-tag-header{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.ryu-tag-eyebrow{font:10px/1.5 Georgia,serif;letter-spacing:.22em;color:#ae8c68;margin:0 0 5px!important}
.ryu-tag-header h3{margin:0;font:500 clamp(17px,3vw,22px)/1.5 'Noto Serif KR',serif;color:#f4dfc0;overflow-wrap:anywhere}
#ryu-tag-close{width:42px;height:42px;flex:none;border:1px solid #b29a785c;border-radius:9px;background:#fff1;color:#ead1ab;font-size:27px;cursor:pointer}
#ryu-tag-close:hover{background:#88633b44}
.ryu-tag-track{display:flex;gap:clamp(12px,2vw,22px);overflow-x:auto;overscroll-behavior-x:contain;padding:8px 4px 20px;scroll-snap-type:x proximity;min-height:200px;max-height:65vh}
.ryu-tag-card{flex:0 0 auto;width:clamp(108px,18vw,153px);border:1px solid #f2c99338;background:#17191d;border-radius:7px;padding:8px;cursor:pointer;scroll-snap-align:start;box-shadow:0 5px 18px #0007;transition:transform .18s,border-color .18s,box-shadow .18s}
.ryu-tag-card:hover,.ryu-tag-card:focus-visible{transform:translateY(-4px);border-color:#e6c188;box-shadow:0 9px 25px #0009,0 0 15px #dba75f25;outline-offset:3px}
.ryu-tag-cover{display:grid;place-items:center;position:relative;overflow:hidden;width:100%;aspect-ratio:1415/2050;background:linear-gradient(140deg,var(--c1),var(--c2));color:var(--ink);font:600 12px/1.4 'Noto Serif KR',serif;box-shadow:1px 4px 8px #0006;padding:4px;word-break:keep-all}
.ryu-tag-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ryu-tag-empty{color:#d0c0ab;font-size:14px;align-self:center;white-space:normal}
@media(max-width:690px){.ryu-tag-overlay{padding:14px}.ryu-tag-panel{padding:17px}.ryu-tag-track{min-height:175px}.ryu-tag-card{width:116px}#ryu-tag-close{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.ryu-tag-card,.cover-tags .ryu-tag-trigger{transition:none}.ryu-tag-card:hover{transform:none}}