/* The drawn bamboo becomes paper before settling into the reading column. */
.lot-morph{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
.lot-morph-stick,.lot-morph-paper,.lot-morph-aura{position:absolute;left:0;top:0;transform-origin:center;will-change:transform,opacity}
.lot-morph-stick{max-width:none;object-fit:fill;opacity:0}
.lot-morph-paper{opacity:0}
.lot-morph-paper>.slip{width:100%;max-width:none;height:100%;min-height:0;margin:0;animation:none!important;transform:none;visibility:visible;overflow:hidden}
.lot-morph-material{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,#76542a12 0 2px,transparent 2px 7px),linear-gradient(95deg,#634422,#b99358 20%,#e5cd94 46%,#ac8045 75%,#61401e);box-shadow:inset 1px 0 1px #fff4}
.lot-morph-aura{width:min(720px,110vw);height:min(850px,110vh);border-radius:50%;opacity:0;background:radial-gradient(ellipse,#f8dca544,#e4a4ae20 28%,transparent 65%);filter:blur(12px)}
.slip-transfer-target{visibility:hidden!important;animation:none!important;transform:none!important}
#scroll .r-panel,#scroll .artifact-label{transition:opacity .7s ease}
.slip-morphing #scroll .r-panel,.slip-morphing #scroll .artifact-label{opacity:0}
.slip-morphing #shrine .instruct,.slip-morphing #shrine .shake-ctl{opacity:.2;transition:opacity .8s ease}
@media(prefers-reduced-motion:reduce){#scroll .r-panel,#scroll .artifact-label{transition:none}}