/* Actual depth coordinates are animated in spatial-gallery.js. */
#room-films:before,#room-story:before,#room-studio:before,#room-noel:before{background:linear-gradient(90deg,#06030b99,transparent 12%,transparent 88%,#06030b99),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#bca7d015 calc(25% - 1px),#bca7d015 25%),linear-gradient(#17121f66,#100d1644)}
#filmstrip{background:radial-gradient(ellipse at center,#38204933,transparent 70%)!important;isolation:isolate;overflow:hidden;padding-bottom:60px}
#gallerySparkles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#filmstrip .strip-lane{position:relative;height:310px;overflow:visible;padding:0;background:none;perspective:1000px;perspective-origin:50% 40%;touch-action:pan-y}
#filmstrip .strip-track,#filmstrip .strip-group{display:contents;animation:none!important}
#filmstrip .strip-group[aria-hidden]{display:none}
#room-films .strip-card{position:absolute;top:25px;left:0;width:320px;transform-style:preserve-3d;will-change:transform;padding:7px;border:1px solid #ccb4e6b3;background:#21142f;box-shadow:10px 22px 34px #0008;backface-visibility:hidden}
#room-films .strip-card:before{content:"";position:absolute;inset:-1px;transform:translateZ(-10px);background:#0b0711;border:1px solid #a080be;box-shadow:0 0 22px #bf82ff44}
#room-films .strip-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff24,transparent 35%,transparent 70%,#b792ff18);border-top:1px solid #f4ddffb3}
#room-films .strip-card span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}#room-films .strip-card img{pointer-events:none}
#filmstrip .strip-heading,#filmstrip .all-films{position:relative;z-index:3}
#filmInspect{width:min(700px,94vw);max-width:94vw;padding:54px 15px 18px;border:0;background:transparent;overflow:visible;color:#faf3ff;text-shadow:none}
#filmInspect::backdrop{background:#080411d9;backdrop-filter:blur(9px)}
#inspectBack{position:absolute;top:0;right:15px;min-height:44px;padding:9px 17px;background:#201429;border:1px solid #b99dcc;color:#fff;font:13px sans-serif}
.inspect-frame{padding:10px 10px 24px;background:linear-gradient(#3b274d,#17101e);border:1px solid #d3b6ed;box-shadow:0 0 60px #c089f333,12px 18px 0 #08040ccc;text-align:center;animation:faceForward .4s ease-out}
.inspect-frame img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #736184}
#inspectTitle{font:400 20px/1.6 var(--jp);padding:17px 8px 12px;margin:0}
#inspectPlay{min-height:48px;padding:12px 25px;border:1px solid #ddc9ef;background:#dfc8f1;color:#1b1024;font:14px var(--jp)}
@keyframes faceForward{from{transform:perspective(1000px) rotateY(-22deg) translateZ(-100px);opacity:.3}to{transform:perspective(1000px) rotateY(0);opacity:1}}
@media(max-width:650px){#filmstrip .strip-lane{height:260px;perspective:850px}#room-films .strip-card{width:260px;top:20px}#inspectTitle{font-size:17px}}
@media(prefers-reduced-motion:reduce){.inspect-frame{animation:none}#filmstrip .strip-lane{display:block;height:auto;overflow-x:auto;padding:15px 12px;white-space:nowrap;perspective:none}#filmstrip .strip-track,#filmstrip .strip-group{display:contents}#room-films .strip-card{position:relative;display:inline-block;transform:none!important;top:auto;margin-right:18px;vertical-align:top}#filmstrip .strip-group[aria-hidden]{display:none}}

/* Slim floating screens: image edge, brushed silver rim, quiet caption. */
#room-films .strip-card{padding:2px 2px 0;border:1px solid #c5bdce70;background:linear-gradient(135deg,#aaa1b780,#15121c 20%,#0c0b11 80%,#6e657d);box-shadow:5px 7px 0 #08070ce6,6px 8px 0 #82788b55,14px 24px 30px #0009;border-radius:3px}
#room-films .strip-card:before{inset:-1px;transform:translateZ(-7px);background:#100e16;border:1px solid #6e647c70;box-shadow:none;border-radius:3px}
#room-films .strip-card:after{background:linear-gradient(125deg,#ffffff15,transparent 27%,transparent 85%,#c9b6e20c);border-top:1px solid #eee6fa60;border-radius:3px}
#room-films .strip-card img{border:0;border-radius:1px}
#room-films .strip-card span{margin:0;padding:11px 28px 12px 11px;background:#0d0b13;letter-spacing:.03em;color:#e2dce9}
#room-films .strip-card b{right:12px;bottom:12px;font-size:14px;color:#b8a9c8}
#room-films #filmstrip{background:radial-gradient(ellipse at center,#3820491a,transparent 70%)!important}
#room-films #gallerySparkles{opacity:.7}
.inspect-frame{padding:3px 3px 22px;background:linear-gradient(#302c37,#100d16);border:1px solid #b8adca80;box-shadow:6px 8px 0 #08060dcf,7px 9px 0 #7b71874d,0 24px 60px #0009;border-radius:4px}
.inspect-frame img{border:0}

/* Closed monitor housing: four real planes connect front and back. */
#room-films .strip-card{padding:5px 5px 0;background:linear-gradient(135deg,#c7c1cd,#49434f 12%,#27232f 75%,#8b8197);border:1px solid #b1a8bd;border-radius:5px;box-shadow:12px 26px 36px #0009;overflow:visible}
#room-films .strip-card:before{transform:translateZ(-24px);background:#16121d;border:1px solid #71687d;border-radius:5px}
#room-films .strip-card .monitor-side{position:absolute;display:block;pointer-events:none;margin:0;padding:0;background:linear-gradient(90deg,#797080,#292430 28%,#100e15);border:1px solid #514957;backface-visibility:visible}
#room-films .monitor-left{left:0;top:0;width:24px;height:100%;transform-origin:left center;transform:rotateY(90deg)}
#room-films .monitor-right{left:100%;top:0;width:24px;height:100%;transform-origin:left center;transform:rotateY(90deg)}
#room-films .monitor-top{left:0;top:0;width:100%;height:24px;transform-origin:center top;transform:rotateX(-90deg)}
#room-films .monitor-bottom{left:0;top:100%;width:100%;height:24px;transform-origin:center top;transform:rotateX(-90deg)}
#room-films .strip-card img{position:relative;transform:translateZ(1px)}
#room-films .strip-card span{position:relative;transform:translateZ(1px);background:#15111c;border-radius:0 0 3px 3px}
@media(prefers-reduced-motion:reduce){#room-films .monitor-side{display:none}}