/* 20261015-between-still2 — Experience Director cut. While the book note is new (html[data-book-new="1"]) Between is still:
   only the note's gold edge settles once and Thunder arrives/points/idles. Book page (#book-page) keeps its own fx. */
html[data-book-new="1"] #view-between,
html[data-book-new="1"] #view-between *:not(.book-note):not(#book-page):not(#book-page *),
html[data-book-new="1"] #view-between *:not(.book-note):not(#book-page):not(#book-page *)::before,
html[data-book-new="1"] #view-between *:not(.book-note):not(#book-page):not(#book-page *)::after { animation: none !important; }
/* the one settle: gold edge once */
html[data-book-new="1"] #view-between .book-note::before { animation: bookEdge 520ms cubic-bezier(.3,1.4,.5,1) 1 both !important; }
/* note fx layers: no loops, end state static (sparks/runs hidden) */
html[data-book-new="1"] #view-between .book-note .bk-fx, html[data-book-new="1"] #view-between .book-note .bk-run { display: none !important; }
html[data-book-new="1"] #view-between .book-note .book-cover::after { content: none !important; }
html[data-book-new="1"] #view-between .book-note .book-note-line { background-position: 0 0 !important; }
/* door tapped: the box opens with its existing tap motion (morph/strike/bubbles) */
html[data-book-new="1"] #view-between .between-chat.bbx-morph { animation: bbx-morph 620ms cubic-bezier(.22,1.25,.36,1) 1 both !important; }
html[data-book-new="1"] #view-between .between-chat.bbx-morph .between-chat-name { animation: bbx-name 560ms cubic-bezier(.22,1,.36,1) 80ms 1 both !important; }
html[data-book-new="1"] #view-between .between-msg.bbx-in { animation: bbx-spring 780ms cubic-bezier(.2,.9,.3,1) var(--bbx-d, 0ms) 1 both !important; }
html[data-book-new="1"] #view-between .between-msg .bbx-spark { animation: bbx-spark 700ms cubic-bezier(.22,.61,.2,1) calc(var(--bbx-d, 0ms) + 200ms) 1 both !important; }
@media (prefers-reduced-motion: reduce) { html[data-book-new="1"] #view-between .book-note::before, html[data-book-new="1"] #view-between .between-chat * { animation: none !important; } }
