/* A camera move into the photographed cabinet. The old sleeve layout remains available. */
#record-sifter{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:var(--cream)}
#record-sifter::backdrop{background:transparent;backdrop-filter:none}
#record-sifter:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#140b0870,transparent 24%,transparent 71%,#160d0abd);opacity:0;transition:opacity .45s;z-index:0}
#record-sifter.is-ready:before{opacity:1}
.room-world,.sifter-world{transition:transform .9s cubic-bezier(.22,.67,.22,1),filter 1s}
.sifter-world{position:absolute;left:50%;top:50%;width:1672px;height:941px;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center;pointer-events:none;z-index:1;opacity:0;will-change:transform}
body.shelf-zoomed .room-world,body.shelf-zoomed .sifter-world{transform:translate(calc(-50% + var(--shelf-x)),calc(-50% + var(--shelf-y))) scale(var(--shelf-scale))}
#record-sifter.is-ready .sifter-world{opacity:1;transition:transform .9s cubic-bezier(.22,.67,.22,1),opacity .5s .2s}
.sifter-world{transition:transform .9s cubic-bezier(.22,.67,.22,1),opacity .25s}
.room-hud,.ambient-hud,.room-cue{transition:opacity .4s}
body.sifting-records .room-hud,body.sifting-records .ambient-hud,body.sifting-records .room-cue{opacity:0;pointer-events:none}
body.sifting-records .object-target,body.sifting-records .propped-sleeve{pointer-events:none}
body.sifting-records .object-target span,body.sifting-records .scene-paper-link span,body.sifting-records .incense-control{visibility:hidden}
.sifter-toolbar{position:absolute;top:24px;left:32px;right:32px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
.sifter-toolbar button{min-height:44px;padding:8px 0;text-shadow:0 2px 8px #120904}
.sifter-spread{color:#e2cba4;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d5bc9466}
.sifter-heading{position:absolute;top:14%;left:50%;transform:translateX(-50%);text-align:center;z-index:3;pointer-events:none;white-space:nowrap}
.sifter-heading h2{font:12px/1.5 var(--mono);letter-spacing:.1em;font-weight:400;text-transform:uppercase;margin:0;color:#ead8b7;text-shadow:0 2px 8px #160b04}
.sifter-scene{position:absolute;left:750px;top:462px;width:282px;height:127px}
.sifter-stack{position:absolute;inset:0;perspective:600px;touch-action:none;cursor:grab;pointer-events:auto}
.sifter-record{position:absolute;left:50%;bottom:2px;width:112px;height:112px;padding:0;transform-origin:center bottom;transform:translateX(calc(-50% + var(--sift-x))) translateZ(var(--sift-z)) rotateY(var(--sift-turn)) rotateZ(var(--sift-lean));transition:transform .65s cubic-bezier(.18,.7,.2,1),opacity .4s,filter .5s;background:#b8a78c;box-shadow:1px 0 #ead5af,-1px 0 #695236,4px 5px 9px #13090599;cursor:grab;will-change:transform;backface-visibility:hidden;filter:brightness(.7) saturate(.8)}
.sifter-record img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}
.sifter-record:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset .5px .5px 1px #fff4,inset -.5px 0 1px #0008;background:linear-gradient(110deg,#ffd68b0f,transparent 48%,#00000012)}
.sifter-record.is-current{filter:brightness(.92) saturate(.92);transform:translateX(calc(-50% + var(--hand-x,0px))) translateZ(15px) rotateY(calc(-4deg + var(--hand-tilt,0deg))) rotateZ(-.4deg) scale(1.04);box-shadow:1px 0 #ead5af,-1px 0 #695236,6px 7px 11px #0c0505b0}
.sifter-record:focus-visible{outline:1px solid #e9c180;outline-offset:2px}
.is-sifting,.is-sifting .sifter-record{cursor:grabbing}
.is-sifting .sifter-record.is-current{transition:transform .08s linear}
.sifter-previous,.sifter-next{position:absolute;top:calc(50% - 8px);width:44px;height:44px;border:1px solid #d6b98644;border-radius:50%;background:#27190eb3;color:#eddbb9;font-size:24px;z-index:5;transition:background .2s,opacity .3s;backdrop-filter:blur(3px)}
.sifter-previous{left:max(20px,calc(50% - 300px))}.sifter-next{right:max(20px,calc(50% - 300px))}
.sifter-previous:hover,.sifter-next:hover{background:#76502c}.sifter-previous:disabled,.sifter-next:disabled{opacity:.2;cursor:default}
.sifter-details{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:32px;width:min(730px,80vw);z-index:5;text-shadow:0 2px 8px #160b04}
.sifter-details h3{font:30px/1.1 var(--serif);font-weight:400;margin:0 0 6px;max-width:440px;text-wrap:balance}
.sifter-details p{font:12px/1.5 var(--mono);color:#e2ccac;margin:0}
.sifter-play{flex:none;padding:10px 17px;background:#d9c49c;color:#463120;font-size:13px;transform:rotate(-2deg);box-shadow:2px 3px 5px #150b0999;transition:transform .2s,background .2s;min-height:44px;text-shadow:none}
.sifter-play:hover{transform:rotate(0);background:#eddbb7}
.sifter-footer{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);width:min(720px,80vw);display:flex;justify-content:space-between;gap:16px;font:9px/1.5 var(--mono);letter-spacing:.06em;color:#c8ae89;z-index:5}
.sifter-position{color:#ead4b0}
.sifter-heading,.sifter-details,.sifter-footer,.sifter-previous,.sifter-next{opacity:0;transition:opacity .3s}
#record-sifter.is-ready .sifter-heading,#record-sifter.is-ready .sifter-details,#record-sifter.is-ready .sifter-footer,#record-sifter.is-ready .sifter-previous,#record-sifter.is-ready .sifter-next{opacity:1;transition-delay:.35s}
#record-sifter.is-ready .sifter-previous:disabled,#record-sifter.is-ready .sifter-next:disabled{opacity:.2}
#record-sifter:not(.is-ready) .sifter-world,#record-sifter:not(.is-ready) .sifter-details,#record-sifter:not(.is-ready) .sifter-previous,#record-sifter:not(.is-ready) .sifter-next{pointer-events:none}
body.lights-low .sifter-world{filter:brightness(.55) saturate(1.12)}
@media(max-width:600px){.sifter-toolbar{left:20px;right:20px;top:14px;font-size:11px;gap:16px}.sifter-heading{top:13%}.sifter-heading h2{font-size:10px}.sifter-details{display:block;text-align:center;bottom:10%;width:86vw}.sifter-details h3{font-size:25px;max-width:none}.sifter-details p{font-size:10px}.sifter-play{margin-top:15px}.sifter-footer{width:86vw;bottom:4%;font-size:8px}.sifter-previous{left:12px}.sifter-next{right:12px}.sifter-previous,.sifter-next{width:38px;height:42px;border:0}}
@media(max-height:550px){.sifter-heading{display:none}.sifter-details{bottom:8%;gap:20px;display:flex;text-align:left}.sifter-details h3{font-size:22px}.sifter-details p{font-size:10px}.sifter-play{margin:0}.sifter-footer{bottom:2%}.sifter-toolbar{top:6px}}
@media(prefers-reduced-motion:reduce){.room-world,.sifter-world,.sifter-record,#record-sifter.is-ready .sifter-world,#record-sifter .sifter-heading,#record-sifter .sifter-details,#record-sifter .sifter-footer,#record-sifter .sifter-previous,#record-sifter .sifter-next{transition:none!important}.sifter-play{transition:none}}