/* Detail layers use the same 512 × 512 coordinates as each original sprite. */
.telescope-base,.reader-sprite,.kiteboy-sprite{position:relative}
.character-detail{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.blink-overlay{opacity:0}
.blink-eye-detail{transform-box:view-box}
@media(prefers-reduced-motion:reduce){.character-detail{display:none}}

/* Keep the reader and book still; eye blinks have their own isolated layer. */
.child.reader{animation:none;transform:rotate(9deg)}