/* Level roller and weighted hem: cloth moves down, never scales or rotates. */
#auto-screen{position:absolute;left:30.7%;top:11.3%;width:19.4%;height:22.5%;z-index:1;pointer-events:none;filter:drop-shadow(2px 4px 3px #21180f66)}
.screen-housing{position:absolute;top:-2%;left:-1.4%;width:102.8%;height:5%;z-index:2;background:linear-gradient(#65523b,#2c2720 48%,#44382a 88%,#1e1b17);border:1px solid #282019;border-radius:3px;box-shadow:inset 0 1px #9a805c55}
.screen-housing::before,.screen-housing::after{content:'';position:absolute;top:15%;width:1.3%;height:70%;background:#867050;border:1px solid #312820}.screen-housing::before{left:.5%}.screen-housing::after{right:.5%}
.screen-slot{position:absolute;inset:2% 0 0;overflow:hidden}
.screen-fabric{position:absolute;inset:0 1%;transform:translateY(calc(-100% + 3px));transition:transform 3800ms cubic-bezier(.25,.1,.35,1);background:linear-gradient(90deg,#80644655,transparent 3%,transparent 96%,#80644644),radial-gradient(ellipse at 33% 28%,#d4b58b,#b89468 95%);border-left:2px solid #42372a;border-right:2px solid #42372a;}
.screen-fabric::after{content:'';position:absolute;inset:0;background:url('assets/ink-grain.svg');background-size:130px 130px;mix-blend-mode:soft-light;opacity:.45;pointer-events:none}
.screen-bottom-rail{position:absolute;bottom:0;left:-1%;width:102%;height:3.8%;background:linear-gradient(#665039,#29251e 45%,#453626);border-bottom:1px solid #241e18;box-shadow:0 -1px #7e694c55}
#auto-screen.is-descending .screen-fabric{transform:translateY(0)}
#room #auto-screen .projection{inset:0 0 4%;width:auto;height:auto;transform:none;opacity:0;z-index:1;color:#5c4630}
#room.projecting #auto-screen.is-lowered .projection{opacity:.75}
#viewport:has(#street:not([hidden])) .film-library-tool{display:none}
@media(prefers-reduced-motion:reduce){.screen-fabric{transition:none}}