/* RYU Library v5.9 · Artwork controls remain attached to the book, not to the description. */
.showcase-book-area{justify-self:center;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;gap:15px}
.showcase-book-area .cover-book{flex:none;margin:0 auto;width:min(100%,340px)}
.ryu-cover-tools{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:2;width:100%;padding:0 0 6px}
.ryu-cover-tool{display:inline-flex;justify-content:center;align-items:center;width:48px;height:45px;padding:0;background:rgba(211,170,118,.09);border:1px solid rgba(219,179,124,.32);border-radius:11px;color:#e1c197;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;touch-action:manipulation}
.ryu-cover-tool svg{display:block;width:22px;height:22px}
.ryu-cover-tool:hover{background:rgba(229,188,131,.17);border-color:rgba(237,202,150,.67);box-shadow:0 0 17px rgba(202,148,75,.16);transform:translateY(-1px)}
.ryu-cover-tool:active{transform:translateY(1px)}
.ryu-cover-tool:focus-visible{outline:2px solid #f0d09a;outline-offset:3px}
@media(max-width:690px){.showcase-book-area .cover-book{width:min(60vw,252px)}.showcase-book-area{gap:11px}.ryu-cover-tool{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.ryu-cover-tool{transition:none}.ryu-cover-tool:hover,.ryu-cover-tool:active{transform:none}}

/* When WebGL is unavailable, CSS perspective enlarges the visual bounding box; leave room for its lower corner. */
.cover-book:not(.ryu3d-active) + .ryu-cover-tools{margin-top:45px}
@media(max-width:690px){.cover-book:not(.ryu3d-active) + .ryu-cover-tools{margin-top:35px}}