/* The complete room projection stays beneath the book, above the paper-coloured ground. */
.room-shadow-field{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden;isolation:isolate}
.room-shadow-field #room-shadows{position:absolute;inset:0;z-index:1;opacity:.92;mix-blend-mode:multiply;transform-origin:80% 10%;animation:leaf-wind-near 9s ease-in-out infinite alternate}
.room-shadow-field .linen-curtain{z-index:2;left:-3%;width:25%;opacity:.95;animation:curtain-breath-near 8s cubic-bezier(.4,0,.6,1) infinite alternate}
.room-wind-light{position:absolute;inset:-10%;z-index:0;background:linear-gradient(116deg,transparent 12%,#f9efd75c 19%,#f7ecd529 28%,transparent 38%,transparent 65%,#e1cb9538 78%,transparent 86%);transform-origin:20% 0;animation:room-light-breath 12s ease-in-out infinite alternate}
.window-cast{opacity:1;filter:contrast(1.25);animation-duration:12s}
@keyframes leaf-wind-near{0%{transform:translate3d(-18px,-12px,0) rotate(-1.4deg) scale(1.06)}38%{transform:translate3d(20px,10px,0) rotate(1.2deg) scale(1.06)}72%{transform:translate3d(9px,3px,0) rotate(.25deg) scale(1.06)}100%{transform:translate3d(27px,19px,0) rotate(1.7deg) scale(1.06)}}
@keyframes curtain-breath-near{0%{transform:translate3d(-12px,0,0) skewX(-1.8deg)}60%{transform:translate3d(21px,7px,0) skewX(2.6deg)}100%{transform:translate3d(9px,3px,0) skewX(.7deg)}}
@keyframes room-light-breath{0%{transform:translate3d(-2%,0,0) rotate(-1deg);opacity:.5}60%{transform:translate3d(2%,1%,0) rotate(1deg);opacity:.95}100%{transform:translate3d(1%,0,0);opacity:.72}}

/* Keep the room sharp. Defocus belongs to the neighbouring paper, not the space behind it. */
.edge-mist{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important}
#fold-book>.leaf{filter:blur(max(0px,calc(var(--defocus,0px)*2.65 - 1.4px)))!important}

/* Revisions fade on one fixed plane. No wipe, lift, pan, zoom or animated blur. */
.mounted-art .process-plate{will-change:auto;transform:none;filter:none;box-shadow:none;transition:none;overflow:hidden;mask:none;-webkit-mask:none}

/* Original v27 score bookmark, including its size and caption. */
.listening-room .listen-toggle{width:61px;min-width:61px;height:55px;min-height:55px}
.listening-room .score-bookmark{width:59px;height:46px}

/* Remove the old dock divider; feather the room layers rather than drawing a frame. */
.ruler-dock:before{display:none}
.room-shadow-field .linen-curtain{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 77%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 77%,transparent)}
.room-environment:after{background:linear-gradient(176deg,transparent 25%,#75694c0c 52%,#f3ead42b 70%,#b5aa8c08 85%,transparent);filter:blur(7px)}

body.ambient-paused .room-shadow-field #room-shadows,body.ambient-paused .room-shadow-field .linen-curtain,body.ambient-paused .room-wind-light{animation-play-state:paused}
@media(max-height:570px){.listening-room .listen-toggle{height:44px;min-height:44px}.listening-room .score-bookmark{height:37px}}
@media(max-width:800px){.listening-room .listen-toggle{width:37px;min-width:37px;height:40px;min-height:40px}.listening-room .score-bookmark{width:39px;height:34px}}
@media(prefers-reduced-motion:reduce){.room-shadow-field #room-shadows,.room-shadow-field .linen-curtain,.room-wind-light{animation:none!important;transform:none;will-change:auto}}
