/* User-requested preview motion: book-driven transforms, not animator clips. */
.reel{display:block;isolation:isolate}
.reel-face{position:absolute;inset:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:2px;z-index:1}
.reel-runner{position:absolute;top:0;left:0;width:100%;z-index:3;will-change:transform}
.reel-runner>.cell{height:var(--step);max-height:var(--step);opacity:1;transform:none}
.reel-runner .symbol-art{opacity:.8}
.reel-departure{position:absolute;inset:0;z-index:4;will-change:transform;pointer-events:none}
.reel-arrival{z-index:5;will-change:transform}
.reel-departure,.reel-arrival{background:linear-gradient(90deg,#0d141e,#1a2632 45%,#0d141e)}
.reel.rolling{outline:0}
.reel.searching{box-shadow:inset 1px 0 #d9d4b377,inset -1px 0 #d9d4b377;outline:1px solid #d9d4b3;outline-offset:-1px}
.reel.rolling .cell{opacity:1;transform:none}
.motion-pane{background:none;z-index:6;isolation:isolate;pointer-events:none}
.pane-glass{position:absolute;inset:0;background:transparent url('./assets/panes.png') var(--pane-x) center /400% 100% no-repeat;will-change:clip-path;z-index:0}
.motion-pane .pane-gem{z-index:2;will-change:top;transform-origin:center}
.motion-pane strong{z-index:3;will-change:transform,opacity}
.glass-fracture{position:absolute;inset:0;width:100%;height:100%;z-index:1;color:var(--c);stroke-dasharray:1;stroke-dashoffset:1;pointer-events:none}
.multi.transferred{visibility:hidden}
.reel.expanding{overflow:hidden}
@media(prefers-reduced-motion:reduce){.reel-runner{visibility:hidden}.glass-fracture{display:none}.reel-arrival,.reel-departure,.pane-gem,.pane-glass{will-change:auto}}