@font-face{font-family:"TAY Rosemary";src:url("assets/TAYRosemary.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#11120f;--cream:#e8e0c9;--paper:#d8d0b9;--red:#a62c24;--olive:#3f4435;--smoke:#77786c;--line:#b9af92;--rosemary:"TAY Rosemary",Georgia,serif}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050604;color:var(--cream)}
body{font-family:var(--rosemary)}
button{font:inherit}
#rotate-device{display:none}
#stage{position:absolute;left:50%;top:50%;width:1600px;height:900px;overflow:hidden;transform:translate(-50%,-50%);transform-origin:center;background:#0a0b08;box-shadow:0 0 0 1px #2b2c28}
.screen{position:absolute;inset:0;display:none}.screen.active{display:block;animation:scene-in .34s steps(2,end)}
#title-screen{padding:105px 145px;background:linear-gradient(100deg,#090a08 0 66%,#561d17 66% 69%,#a62c24 69%);text-align:left}
.title-rule{position:absolute;left:145px;top:82px;width:390px;height:7px;background:var(--red)}
.title-credit,.title-note,.scene-label,.cut-kicker{font-weight:700;letter-spacing:.34em;text-transform:uppercase}
.title-credit{margin:0 0 58px;font-size:17px}
h1{display:flex;align-items:center;gap:27px;margin:0;color:var(--cream);font-family:var(--rosemary);font-size:150px;line-height:.84;letter-spacing:-.055em;text-transform:uppercase}
h1 span:last-child{display:block;position:absolute;left:143px;top:390px;font-size:230px;letter-spacing:-.07em}
h1 small{align-self:flex-end;margin-bottom:13px;color:var(--red);font-size:34px;letter-spacing:.05em}
.title-tagline{position:absolute;left:150px;top:650px;margin:0;font-family:var(--rosemary);font-size:34px;font-style:italic;line-height:1.2}
.film-button{border:2px solid var(--cream);background:transparent;color:var(--cream);padding:15px 28px;cursor:pointer;font-size:17px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;box-shadow:7px 7px 0 var(--red)}
.film-button:hover,.film-button:focus-visible{background:var(--cream);color:var(--ink);outline:0}
#begin{position:absolute;left:146px;top:735px}#title-music{position:absolute;left:302px;top:735px}.title-note{position:absolute;left:545px;top:750px;font-size:17px}
.room{position:absolute;inset:0;background:#44473b}
.room:before{content:"";position:absolute;z-index:1;left:6%;right:20%;top:17%;height:59%;pointer-events:none;background:repeating-linear-gradient(166deg,transparent 0 82px,#17191326 84px 106px,transparent 108px 165px);clip-path:polygon(0 0,100% 13%,91% 100%,8% 86%);mix-blend-mode:multiply}
.room:after{content:"";position:absolute;z-index:2;left:0;right:0;top:75.3%;height:12px;background:#171815;box-shadow:0 6px 0 #656553}
.ceiling{position:absolute;inset:0 0 82% 0;background:#1a1b17;border-bottom:9px solid #2c2e26}
.floor{position:absolute;inset:76% 0 0;background:#252720;clip-path:polygon(0 15%,100% 0,100% 100%,0 100%)}.floor:after{content:"";position:absolute;left:6%;top:-12%;width:48%;height:150%;background:linear-gradient(105deg,transparent 0 15%,#c7b7801b 16% 34%,transparent 35% 47%,#c7b78012 48% 63%,transparent 64%);transform:skewX(-8deg)}
.window{position:absolute;z-index:3;left:11%;top:18%;width:20%;height:43%;overflow:hidden;border:15px solid #171815;background:#cfbd8c;box-shadow:10px 12px 0 #292b24}.window:before{content:"";position:absolute;z-index:2;left:48%;top:0;bottom:0;width:10px;background:#262721}.window:after{content:"";position:absolute;z-index:3;right:8%;top:0;width:3px;height:78%;background:#565748;box-shadow:0 225px 0 3px #151612}
.window i{display:block;height:16.66%;border-bottom:13px solid #292a25;background:linear-gradient(105deg,#c9b985,#958b69)}
.passing-light{position:absolute;inset:-25%;background:linear-gradient(110deg,transparent 36%,#fff9d7aa 46%,transparent 57%);transform:translateX(-100%)}
.room.alert .passing-light{animation:headlights 2.2s ease-in-out}
.wall-print{position:absolute;z-index:3;left:44%;top:7%;width:15%;height:40%;overflow:hidden;border:8px solid #24251f;background:#d8d0b9;color:#171815;transform:rotate(-1deg);font-family:var(--rosemary);box-shadow:2px 3px 0 #303228aa}
.wall-print>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}
.poster-title{position:absolute;z-index:2;left:8%;right:8%;top:5.5%;display:flex;flex-direction:column;align-items:flex-start;text-shadow:1px 1px #e4dbc5;line-height:.82;letter-spacing:.04em}
.poster-title span{font-size:23px}.poster-title b{color:var(--red);font-size:47px;line-height:.82}
.coat{position:absolute;z-index:4;left:4.5%;top:29%;width:11%;height:50%;background:linear-gradient(90deg,#625b48 0 13%,#7c7257 14% 38%,#95886a 39% 61%,#766c52 62% 86%,#595342 87%);clip-path:polygon(42% 0,58% 0,63% 6%,76% 10%,97% 24%,87% 45%,78% 40%,74% 100%,53% 98%,50% 91%,47% 98%,26% 100%,22% 40%,13% 45%,3% 24%,24% 10%,37% 6%);box-shadow:8px 8px 0 #302e25}.coat:before,.coat:after{content:"";position:absolute;z-index:2;top:8%;width:39%;height:34%;background:#a09270;border-bottom:3px solid #574f3e}.coat:before{left:15%;clip-path:polygon(0 0,100% 9%,73% 100%,33% 64%)}.coat:after{right:15%;clip-path:polygon(0 9%,100% 0,67% 64%,27% 100%)}.coat-hook{position:absolute;z-index:-1;left:44%;top:-8%;width:12%;height:12%;border:5px solid #96927f;border-bottom:0;border-radius:50% 50% 0 0}.coat-hook:after{content:"";position:absolute;left:-150%;top:76%;width:400%;height:5px;background:#777566;transform:rotate(-8deg);box-shadow:21px 3px 0 #777566}.coat-collar{position:absolute;z-index:3;left:39%;top:1%;width:22%;height:15%;background:#554f3f;clip-path:polygon(0 0,50% 45%,100% 0,82% 100%,50% 61%,18% 100%)}.coat-belt{position:absolute;z-index:4;left:16%;top:53%;width:68%;height:6%;background:#625b48;border-top:3px solid #aa9b76;border-bottom:3px solid #454034;transform:rotate(-1deg)}.coat-belt:after{content:"";position:absolute;left:42%;top:-35%;width:16%;height:145%;border:3px solid #b0a47f;background:#605946}.coat-buttons{position:absolute;z-index:4;left:47%;top:31%;width:7px;height:7px;border-radius:50%;background:#3e3b31;box-shadow:0 30px 0 #3e3b31,0 60px 0 #3e3b31,0 90px 0 #3e3b31,0 120px 0 #3e3b31}.coat-pocket{position:absolute;z-index:3;top:66%;width:23%;height:13%;border-top:4px solid #b0a17c;border-bottom:2px solid #514b3b}.coat-pocket.left{left:21%;transform:rotate(10deg)}.coat-pocket.right{right:21%;transform:rotate(-10deg)}
.door{position:absolute;z-index:3;right:5.5%;top:22%;width:15%;height:61%;border:10px solid #292a24;background:#34372e;box-shadow:10px 0 #181916}.door:before{content:"7";position:absolute;left:50%;top:4%;transform:translateX(-50%);color:#aaa38b;font-family:var(--rosemary);font-size:24px;font-weight:700}.door:after{content:"";position:absolute;left:50%;top:17%;width:13px;height:13px;border-radius:50%;background:#171815;box-shadow:0 0 0 4px #77725f}.door-panel{position:absolute;inset:11% 13% 12%;border:6px solid #55594a}.door-knob{position:absolute;right:16%;top:54%;width:25px;height:25px;border-radius:50%;background:#c8b875;box-shadow:0 0 0 6px #252620}
.desk{position:absolute;z-index:5;left:29%;top:61%;width:45%;height:24%}.desk-top{position:absolute;z-index:2;left:-4%;right:-4%;top:-25%;height:38%;overflow:hidden;background:linear-gradient(178deg,#4c4b3e 0 16%,#2f3028 48%,#1c1d18 100%);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);box-shadow:0 9px 0 #0e0f0c}.desk-top:before{content:"";position:absolute;left:9%;right:9%;top:5%;height:4px;background:#89836c;box-shadow:0 3px 0 #17181488}.desk-top:after{content:"";position:absolute;left:3%;right:3%;bottom:4px;height:5px;background:#77715f;box-shadow:0 4px 0 #12130f}.drawer{position:absolute;z-index:1;left:30%;top:11%;width:45%;height:31%;border:7px solid #20211c;background:#373a31;transition:transform .18s steps(2,end)}.drawer.open{transform:translateY(9px);background:#191a16;box-shadow:inset 0 15px 0 #0b0c09}.drawer-pull{position:absolute;left:38%;top:34%;width:24%;height:8px;background:#9c9277}.desk-front{position:absolute;z-index:0;left:12%;right:12%;top:18%;height:59%;border:6px solid #181914;border-top-width:9px;background:linear-gradient(180deg,#36382f 0 12%,#282a23 13% 72%,#20211c 100%);box-shadow:inset 0 0 0 3px #4c4c3f66,7px 7px 0 #0b0c0988}.desk-front:after{content:"";position:absolute;left:8%;right:8%;bottom:10%;height:3px;background:#57574966}.desk-leg{position:absolute;z-index:0;top:11%;width:6%;height:89%;background:linear-gradient(90deg,#151612,#2c2e27 48%,#171814);box-shadow:5px 0 0 #0c0d0aaa}.desk-leg:before{content:"";position:absolute;left:-18%;right:-18%;top:0;height:9%;background:#35372f;border-top:4px solid #555344}.desk-leg.left{left:7%}.desk-leg.right{right:7%}
.telephone{position:absolute;z-index:6;left:32%;top:55%;width:8%;height:8%;border-radius:50% 50% 15% 15%;background:#171815;border:5px solid #57594f}.telephone:after{content:"";position:absolute;left:-52%;top:44%;width:64%;height:80%;border:5px solid #161713;border-right:0;border-top:0;border-radius:0 0 0 34px;transform:rotate(13deg)}.receiver{position:absolute;left:-10%;top:-26%;width:120%;height:29%;border-radius:30px;background:#10110e;transform:rotate(-2deg)}.dial{position:absolute;left:36%;top:30%;width:28%;aspect-ratio:1;border:5px dotted #979480;border-radius:50%}
.ashtray{position:absolute;z-index:6;left:43.2%;top:55.8%;width:7%;height:4.6%;border:4px solid #9ca198;border-radius:45% 45% 50% 50%;background:radial-gradient(ellipse at 50% 34%,#20231e 0 28%,#59625b 30% 40%,#1a1c18 43% 57%,#8f9790 59% 66%,#343833 68%);box-shadow:inset 0 4px 0 #d5d8ce88,inset 0 -7px 0 #141612aa,4px 7px 0 #17181588}.ashtray:before{content:"";position:absolute;left:58%;bottom:25px;width:5px;height:58px;border-radius:50%;background:#d6d1c5aa;filter:blur(2px);transform:rotate(8deg);animation:smoke 3.8s ease-in-out infinite}.ashtray:after{content:"";position:absolute;left:10%;right:10%;top:15%;height:24%;border-top:3px solid #e7e5da88;border-radius:50%}.ashtray span{position:absolute;z-index:2;left:43%;top:-9px;width:47px;height:7px;border-radius:4px;background:linear-gradient(90deg,#b8a77d 0 24%,#e2dcc8 25% 84%,#6f6252 85%);transform:rotate(9deg);box-shadow:2px 3px 0 #16171377}.ashtray span:before{content:"";position:absolute;left:10px;top:0;width:5px;height:7px;background:#8a7352}.ashtray span:after{content:"";position:absolute;right:-2px;top:0;width:7px;height:7px;border-radius:50%;background:#a62c24;box-shadow:0 0 8px #c34b31}
.ashtray{left:42.17%;top:54.07%;width:9.5625%;height:7.875%;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.ashtray img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(.35) sepia(.12) saturate(.55) contrast(1.18) brightness(.62) drop-shadow(3px 4px 1px #0b0c0999)}
.ashtray:before{left:58%;bottom:48%}
.ashtray:after{display:none}
.ashtray span{left:50%;top:16%;width:46%;height:7px;transform:translateX(-50%) rotate(7deg) scale(.9)}
.ashtray i{position:absolute;z-index:3;left:27%;top:55%;width:29%;height:6px;border-radius:4px;background:linear-gradient(90deg,#574b3e 0 20%,#d4ccb8 21% 73%,#8b765b 74%);transform:rotate(-18deg);box-shadow:2px 2px 0 #11130f66}
.ashtray i:after{content:"";position:absolute;right:-1px;top:0;width:7px;height:6px;border-radius:50%;background:#464039}
.envelope{position:absolute;z-index:6;left:52.5%;top:55%;width:14%;height:7.5%;color:#292820;transform:rotate(4deg)}.envelope img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.58) sepia(.2) contrast(1.1) brightness(.75) drop-shadow(2px 2px 1px #11120e88)}.envelope span{position:absolute;z-index:1;left:49%;top:57%;transform:translate(-50%,-50%) rotate(8deg) skewX(-25deg) scaleY(.48);transform-origin:center;font-family:var(--rosemary);font-size:11px;font-weight:700;letter-spacing:.16em;opacity:.78}
.lamp{position:absolute;z-index:6;left:69%;top:39%;width:7%;height:24%}.shade{position:absolute;top:0;left:-20%;width:140%;height:35%;background:#9b342b;clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);box-shadow:inset -16px -7px #66231e}.stem{position:absolute;left:47%;top:35%;width:8%;height:55%;background:#24251f}.stem:after{content:"";position:absolute;left:-24px;bottom:-9px;width:56px;height:10px;border-radius:50%;background:#171815}.light{position:absolute;left:-80%;top:20%;width:260%;height:145%;background:radial-gradient(ellipse at top,#e8d38d40,transparent 62%);pointer-events:none}
.hotspot{position:absolute;z-index:8;left:var(--x);top:var(--y);width:24px;height:24px;margin:-12px;border:2px solid #eee8d7;border-radius:50%;background:#181915dd;cursor:pointer;box-shadow:0 0 0 1px #15161299;opacity:.82;transition:opacity .12s,transform .12s}.hotspot:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#eee8d7}.hotspot:hover,.hotspot:focus-visible{transform:scale(1.3);opacity:1;outline:0}.hotspot.danger{border-color:#b62e26}.hotspot.danger:after{background:#b62e26}.hotspot.hidden{display:none}
.scene-label{position:absolute;z-index:10;left:3.2%;top:4%;display:flex;align-items:center;gap:14px;padding-right:16px;background:#12130fba;font-size:14px}.scene-label b{display:grid;place-items:center;width:42px;height:42px;background:var(--red);font-size:22px}.scene-label small{color:#bbb6a5;font-size:10px}

/* Scene two: Bellweather Customs House service alley */
.alley{position:absolute;inset:0;overflow:hidden;background:#171915}
.alley-sky{position:absolute;inset:0 0 72%;background:linear-gradient(#090b0b,#252923);border-bottom:8px solid #0d0f0c}
.customs-building{position:absolute;z-index:2;left:4%;right:4%;top:9%;height:69%;overflow:hidden;border:8px solid #171815;background:repeating-linear-gradient(0deg,#4a4b40 0 36px,#32342d 38px 41px);box-shadow:14px 14px 0 #090a08}
.customs-building:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 112px,#22241e99 114px 118px,transparent 120px 228px);opacity:.65}
.customs-cornice{position:absolute;z-index:3;left:21%;right:21%;top:0;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid #191a16;border-top:0;background:#d5cdb7;color:#1b1c18;box-shadow:9px 9px 0 #252720}
.customs-cornice span{font-size:16px;font-weight:800;letter-spacing:.38em}.customs-cornice b{font-size:48px;line-height:1;letter-spacing:.06em}
.upper-window{position:absolute;z-index:2;top:25%;width:11%;height:20%;border:9px solid #1b1c18;background:linear-gradient(112deg,#242720 0 43%,#777760 45% 48%,#171916 50%);box-shadow:inset 0 0 0 5px #55564a}.upper-window:after{content:"";position:absolute;left:48%;top:0;bottom:0;width:7px;background:#1b1c18}.upper-window.one{left:10%}.upper-window.two{left:26%}.upper-window.three{right:10%}.alley.alert .upper-window.two{background:#baa86f;box-shadow:inset 0 0 0 5px #55564a,0 0 40px #d5bd7299}
.service-door{position:absolute;z-index:4;left:43%;bottom:0;width:17%;height:48%;border:10px solid #171815;background:#292c25;box-shadow:8px 0 0 #0d0e0b}.service-door:before{content:"";position:absolute;inset:13% 12% 11%;border:5px solid #4d5145}.service-door span{position:absolute;left:50%;top:6%;transform:translateX(-50%);padding:4px 12px;background:#d7cfb8;color:#191a16;font-size:12px;font-weight:800;letter-spacing:.22em}.service-door i{position:absolute;right:15%;top:54%;width:22px;height:22px;border-radius:50%;background:#a99b67;box-shadow:0 0 0 5px #151612}
.security-lamp{position:absolute;z-index:5;left:48%;top:21%;width:6%;height:8%;border:6px solid #171815;background:#303229}.security-lamp i{position:absolute;left:20%;right:20%;bottom:-8px;height:15px;background:#f0dfa1;box-shadow:0 0 26px #f0dfa1}.security-lamp:after{content:"";position:absolute;left:-155px;top:49px;width:390px;height:340px;background:linear-gradient(180deg,#e9d58d38,transparent 82%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);pointer-events:none}.alley.power-cut .security-lamp i{background:#252720;box-shadow:none}.alley.power-cut .security-lamp:after{opacity:0}
.fuse-box{position:absolute;z-index:5;left:60%;top:48%;width:9%;height:25%;border:8px solid #1b1c17;background:#68695d;box-shadow:8px 8px 0 #11120f}.fuse-box:before{content:"ALARM";position:absolute;left:50%;top:8%;transform:translateX(-50%);color:#1a1b17;font-size:11px;font-weight:800;letter-spacing:.17em}.fuse-box span{position:absolute;left:12%;right:12%;top:27%;height:5px;background:#252621}.fuse-box i{position:absolute;top:44%;width:14px;height:35%;border:4px solid #1a1b17;background:#b6ad92}.fuse-box i:nth-of-type(1){left:17%}.fuse-box i:nth-of-type(2){left:43%}.fuse-box i:nth-of-type(3){right:17%}.alley.power-cut .fuse-box i:nth-of-type(2){transform:rotate(18deg);background:#923129}
.watch-booth{position:absolute;z-index:4;right:5%;bottom:0;width:20%;height:43%;border:10px solid #171815;background:#30332b;box-shadow:8px 0 0 #0d0e0b}.watch-booth b{position:absolute;z-index:2;left:50%;top:5%;transform:translateX(-50%);color:#d7cfb8;font-size:12px;letter-spacing:.23em;white-space:nowrap}.booth-glass{position:absolute;left:8%;right:8%;top:17%;height:50%;border:7px solid #171815;background:linear-gradient(116deg,#777b6966 0 34%,#c7b98726 35% 45%,#151713 47%);box-shadow:inset 0 0 0 4px #4e5145}.booth-glass:after{content:"";position:absolute;left:49%;top:0;bottom:0;width:6px;background:#171815}.booth-release{position:absolute;z-index:3;left:39%;top:42%;width:46px;height:46px;border:7px solid #9d8b56;border-radius:50%;opacity:.18;transition:opacity .2s,transform .35s steps(4,end)}.booth-release:before{content:"";position:absolute;left:15px;top:-30px;width:8px;height:60px;background:#9d8b56;transform-origin:50% 52%;transform:rotate(42deg);box-shadow:0 0 0 3px #24251f}.booth-release:after{content:"";position:absolute;left:12px;top:12px;width:14px;height:14px;border-radius:50%;background:#c7b777;box-shadow:0 0 0 5px #24251f}.alley.power-cut .booth-release{opacity:.9}.alley.door-released .booth-release{transform:rotate(92deg);opacity:1}
.loading-step{position:absolute;z-index:3;left:39%;bottom:0;width:25%;height:7%;background:#1b1c18;box-shadow:0 -7px 0 #777668}
.alley-ground{position:absolute;z-index:1;inset:72% 0 0;background:linear-gradient(172deg,#31342d,#141612 76%)}.alley-ground:before{content:"";position:absolute;left:0;right:0;top:13%;height:5px;background:#77756855}.drain{position:absolute;right:26%;bottom:16%;width:17%;height:8%;border:5px solid #0f100d;background:repeating-linear-gradient(90deg,#161713 0 11px,#626258 12px 16px);transform:skewX(-28deg)}.puddle{position:absolute;left:34%;bottom:5%;width:28%;height:25%;border-radius:50%;background:#090c0c99;box-shadow:inset 0 8px 0 #73746622;transform:skewX(-18deg)}
.alley-car{position:absolute;z-index:6;left:5%;top:57%;width:39%;height:28%}.alley-car:before{content:"";position:absolute;left:2%;right:0;top:28%;height:48%;border:8px solid #12130f;background:linear-gradient(#30342c 0 28%,#171a17 30% 100%);clip-path:polygon(4% 14%,24% 0,82% 0,100% 34%,96% 88%,4% 100%,0 43%);box-shadow:10px 12px 0 #090a08}.car-roof{position:absolute;z-index:-1;left:30%;top:0;width:49%;height:49%;border:8px solid #11120f;background:#2f332c;clip-path:polygon(20% 0,75% 0,100% 100%,0 100%)}.car-window{position:absolute;z-index:2;top:10%;height:28%;border:6px solid #11120f;background:linear-gradient(130deg,#777d6d,#151817 65%)}.car-window.rear{left:34%;width:20%;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%)}.car-window.front{left:55%;width:20%;clip-path:polygon(0 0,72% 0,100% 100%,0 100%)}.wheel{position:absolute;z-index:3;bottom:0;width:19%;aspect-ratio:1;border:12px solid #0b0c0a;border-radius:50%;background:#858477;box-shadow:inset 0 0 0 8px #24251f}.wheel.rear{left:13%}.wheel.front{right:10%}.car-trunk{position:absolute;z-index:4;left:1%;top:28%;width:26%;height:14%;border:6px solid #11120f;background:#3c4037;transform-origin:right bottom;transition:transform .25s steps(3,end)}.alley.trunk-open .car-trunk{transform:rotate(-30deg) translateY(-3px)}.car-bumper{position:absolute;z-index:3;left:0;bottom:18%;width:13%;height:9%;background:#8b897c;box-shadow:0 5px 0 #10110e}
.manhole-cover{position:absolute;z-index:5;right:3.5%;bottom:7%;width:17%;height:6.5%;border:8px solid #171914;border-radius:50%;background:#4b4d43;box-shadow:0 9px 0 #090a08,inset 0 0 0 6px #747568,inset 0 0 0 10px #252720;transform:rotate(-3deg)}.manhole-cover:before{content:"";position:absolute;inset:13%;border:3px solid #151713;border-radius:50%;background:repeating-conic-gradient(from 5deg,#292b25 0 7deg,#66685c 8deg 13deg)}.manhole-cover:after{content:"BELLWEATHER";position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:3px 9px;border:2px solid #1a1c17;background:#55574c;color:#171914;font-size:8px;font-weight:800;letter-spacing:.14em}.manhole-cover i{position:absolute;z-index:3;left:12%;top:42%;width:8px;height:8px;border:3px solid #151713;border-radius:50%;background:#77796b;box-shadow:205px 0 0 #77796b}
.alley.forced .upper-window.one,.alley.forced .upper-window.three{background:#a22f28;box-shadow:0 0 45px #a22f2888}

/* Scene two refinement: stronger architecture, depth and physical props */
.alley-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 0 62%,#6870661c 63% 66%,transparent 68%),radial-gradient(ellipse at 51% 100%,#89907820,transparent 47%)}
.customs-building{left:2%;right:2%;top:6%;height:73%;border-width:10px;background:repeating-linear-gradient(0deg,#55564b 0 31px,#33352e 33px 37px);box-shadow:18px 17px 0 #090a08}
.customs-building:before{background:repeating-linear-gradient(90deg,transparent 0 132px,#24261f8c 134px 139px,transparent 141px 265px);opacity:.72}
.customs-building:after{content:"";position:absolute;z-index:1;left:0;right:0;top:18%;height:15px;background:#1a1b17;box-shadow:0 8px 0 #777768,0 18px 0 #24251f}
.customs-cornice{left:18%;right:18%;height:17%;border-width:8px;background:linear-gradient(#e1dac3,#c9c0a8);box-shadow:0 12px 0 #24251f,11px 18px 0 #11120e}
.customs-cornice span{font-size:14px}.customs-cornice b{font-size:51px;text-shadow:1px 1px #eee7d2}
.customs-pilaster{position:absolute;z-index:2;top:18%;bottom:0;width:5.2%;border-left:7px solid #24251f;border-right:7px solid #24251f;background:linear-gradient(90deg,#3d3f36,#77776a 48%,#3b3d34);box-shadow:8px 0 0 #191a16}.customs-pilaster.left{left:2.5%}.customs-pilaster.right{right:2.5%}
.upper-window{top:26%;height:21%;border-width:8px;background:linear-gradient(118deg,#121512 0 43%,#888c7a 44% 47%,#20231e 49%);box-shadow:inset 0 0 0 5px #5b5d50,8px 8px 0 #22231e}.upper-window.one{left:10.5%}.upper-window.two{left:27%}.upper-window.three{right:10.5%}
.wall-plaque{position:absolute;z-index:4;left:36.5%;top:48%;padding:7px 11px;border:3px solid #1c1d19;background:#c9c0a8;color:#20211d;font-size:11px;font-weight:800;letter-spacing:.2em;box-shadow:4px 4px 0 #171815}.downpipe{position:absolute;z-index:3;right:28%;top:22%;bottom:0;width:16px;border:4px solid #20211d;background:#737468;box-shadow:6px 0 0 #191a16}
.service-door{left:42%;width:18.5%;height:48%;border-width:11px;background:linear-gradient(90deg,#20231e,#34382f 48%,#1c1f1b);box-shadow:10px 0 0 #0d0e0b,inset 12px 0 #151713}.service-door:before{inset:15% 11% 10%;border-color:#55594c}.door-canopy{position:absolute;z-index:2;left:-16%;right:-16%;top:-14%;height:13%;border:6px solid #171815;background:#777568;box-shadow:0 9px 0 #11120e;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.service-door span{top:7%;background:#e0d8c0}.service-door i{width:19px;height:19px;background:#b8a768}
.security-lamp{left:48%;top:21%;width:5.5%;height:7%;box-shadow:6px 6px 0 #10110e}.security-lamp:after{left:-184px;top:45px;width:430px;height:365px;background:linear-gradient(180deg,#f3dda451,transparent 78%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%)}
.fuse-box{left:62%;top:49%;width:8%;height:23%;border-width:7px;background:linear-gradient(110deg,#747568,#55574b);box-shadow:9px 9px 0 #11120f}.fuse-box:after{content:"";position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#22231e;box-shadow:0 118px 0 #22231e}
.watch-booth{right:4%;width:22%;height:45%;border-width:11px;background:linear-gradient(90deg,#23251f,#3c4036 48%,#20221d);box-shadow:13px 0 0 #0c0d0a,inset 11px 0 #171815}.watch-booth:before{content:"";position:absolute;z-index:4;left:-9%;right:-9%;top:-12%;height:14%;border:6px solid #171815;background:#696a5e;box-shadow:0 9px 0 #11120e}.watch-booth b{top:4%;font-size:11px}.booth-glass{top:18%;height:52%;background:linear-gradient(116deg,#8a8f7a55 0 32%,#dfcf992e 33% 43%,#10130f 45%);box-shadow:inset 0 0 0 5px #55594c,6px 6px 0 #151612}.booth-glass:before{content:"";position:absolute;left:0;right:0;bottom:13%;height:6px;background:#171815}
.loading-step{left:38%;width:25.5%;height:8%;background:linear-gradient(#777668 0 32%,#1b1c18 34%);box-shadow:0 -7px 0 #22231d,13px 7px 0 #0b0c09;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}
.alley-ground{inset:72% 0 0;background:linear-gradient(169deg,#3b3e35,#11130f 74%)}.puddle{background:linear-gradient(160deg,#77807025,#090c0c99 46%);box-shadow:inset 0 8px 0 #a7a8901f}
.alley-car{left:3.5%;top:56%;width:43%;height:30%}.alley-car:before{top:29%;height:48%;background:linear-gradient(#44493e 0 16%,#2a2e27 18% 43%,#151815 45% 100%);clip-path:polygon(3% 17%,23% 0,83% 0,100% 30%,98% 86%,4% 100%,0 44%);box-shadow:11px 13px 0 #090a08}.car-roof{left:29%;top:0;width:51%;height:48%;background:linear-gradient(110deg,#3e4339,#242821);clip-path:polygon(19% 0,75% 0,100% 100%,0 100%)}.car-window{top:10%;height:29%;background:linear-gradient(132deg,#8a917f,#111512 62%)}.car-window.rear{left:34%;width:21%}.car-window.front{left:56%;width:21%}.car-door{position:absolute;z-index:3;left:48%;top:42%;width:27%;height:31%;border:5px solid #10120f;border-radius:4px;background:linear-gradient(120deg,#353a31,#20231e)}.car-door:after{content:"";position:absolute;right:10%;top:12%;width:25%;height:5px;background:#9b9a8d;box-shadow:0 3px #10110e}.car-chrome{position:absolute;z-index:4;left:25%;right:4%;top:65%;height:5px;background:#8f8e82;box-shadow:0 5px #10110e}.car-headlight,.car-tail-light{position:absolute;z-index:5;top:47%;width:4%;height:10%;border:4px solid #11120f}.car-headlight{right:1%;background:#d6c890;box-shadow:0 0 13px #d6c89055}.car-tail-light{left:1%;background:#8d2924}.trunk-interior{position:absolute;z-index:3;left:2%;top:23%;width:25%;height:20%;border:6px solid #11120f;background:#090b09;opacity:0;transition:opacity .12s}.alley.trunk-open .trunk-interior{opacity:1}.car-trunk{top:28%;height:15%;background:linear-gradient(#4a5043,#292d26)}.alley.trunk-open .car-trunk{transform:rotate(-34deg) translate(-4px,-7px)}.wheel{bottom:-1%;border-width:13px;background:#929185;box-shadow:inset 0 0 0 9px #24251f}.wheel:after{content:"";position:absolute;inset:27%;border-radius:50%;background:#171815;box-shadow:inset 0 0 0 5px #77776d}
.alley.power-cut{background:#11130f}.alley.power-cut .customs-building{filter:brightness(.86)}.alley.power-cut .watch-booth,.alley.power-cut .fuse-box{filter:brightness(.92)}
.photo-car{left:-4.2%;top:55%;width:49%;height:32%;pointer-events:none}.photo-car:before{display:none}.photo-car>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.42) brightness(.5) contrast(1.3) sepia(.1) drop-shadow(13px 15px 0 #080906bb)}
.prop-study{position:relative;height:124px;margin:15px 0 7px;border:2px solid #383931;background:#cfc7b2;overflow:hidden;box-shadow:5px 5px 0 #9e3028}.prop-study img{position:absolute;z-index:2;display:block;object-fit:contain;filter:grayscale(.25) contrast(1.08) drop-shadow(5px 6px 0 #15161255)}.trunk-study{height:178px;background:linear-gradient(155deg,#55574b,#23251f 68%,#151612)}.trunk-study:before{content:"";position:absolute;inset:13px;border:3px solid #171815;background:repeating-linear-gradient(90deg,#242620 0 9%,#303229 9.5% 10.5%);box-shadow:inset 0 12px 24px #090a0877}.trunk-study:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:18%;background:linear-gradient(#20221d,#10110e);border-top:4px solid #67685a;pointer-events:none}.trunk-prop{position:absolute;z-index:3;border:0;background:transparent;padding:0;cursor:pointer;transition:filter .12s,transform .12s}.trunk-prop:hover,.trunk-prop:focus-visible{filter:brightness(1.22);outline:2px solid #e3dac2;outline-offset:3px}.trunk-prop img{position:static;width:100%;height:100%;object-fit:contain;filter:grayscale(.12) saturate(.78) contrast(1.12) drop-shadow(5px 6px 0 #090a0888)}.trunk-blanket{left:1%;top:5%;width:38%;height:86%;transform:rotate(-7deg)}.trunk-blanket:hover,.trunk-blanket:focus-visible{transform:rotate(-7deg) translateY(-3px)}.trunk-jack{left:31%;top:29%;width:43%;height:57%;transform:rotate(-2deg)}.trunk-jack:hover,.trunk-jack:focus-visible{transform:rotate(-2deg) translateY(-3px)}.trunk-cutters{right:1%;top:-18%;width:29%;height:132%;transform:rotate(67deg)}.trunk-cutters:hover,.trunk-cutters:focus-visible{transform:rotate(67deg) translateY(-3px)}.trunk-note{min-height:1.5em}.key-study img{left:50%;top:-20%;width:40%;height:145%;transform:translateX(-50%) rotate(88deg)}
.circuit-study{display:flex;align-items:center;justify-content:center;gap:56px;height:132px;margin:15px 0 7px;border:8px solid #34362e;background:#747568;box-shadow:5px 5px 0 #9e3028}.circuit-study i{position:relative;width:17px;height:88px;border:4px solid #20211d;background:#d5cdb7;transition:opacity .15s}.circuit-study i:nth-child(1){background:#6f312c}.circuit-study i:nth-child(2){background:#d1c28e}.circuit-study i:nth-child(3){background:#283f3a}.circuit-study i:after{content:"";position:absolute;left:50%;top:-12px;width:10px;height:10px;border-radius:50%;background:#20211d;transform:translateX(-50%);box-shadow:0 100px 0 #20211d}.circuit-study i b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 8px;border:3px solid #20211d;background:#d9d0b8;color:#20211d;font-style:normal;font-size:18px}.circuit-study i.cut{opacity:.36;transform:rotate(7deg)}.circuit-study i.cut:before{content:"";position:absolute;z-index:2;left:-15px;top:41px;width:39px;height:7px;background:#20211d;transform:rotate(-18deg)}

.fixture-study,.release-study{position:relative;height:125px;margin:14px 0 10px;border:7px solid #2b2d27;background:#747568;box-shadow:5px 5px 0 #a13229;color:#1c1d19}.fixture-study i{position:absolute;left:10%;top:18%;width:30%;height:56%;border:6px solid #22231e;background:#33362e;box-shadow:7px 7px 0 #20211d}.fixture-study i:after{content:"";position:absolute;left:25%;right:25%;bottom:-8px;height:16px;background:#d8c985;box-shadow:0 0 18px #ead99b}.fixture-study b,.release-study b{position:absolute;left:49%;top:27%;font-size:29px;letter-spacing:.08em}.fixture-study span,.release-study span{position:absolute;left:49%;top:61%;font-size:13px;font-weight:800;letter-spacing:.2em}.release-study i{position:absolute;left:12%;top:17%;width:57px;height:57px;border:8px solid #9d8b56;border-radius:50%;background:#30322b}.release-study i:before{content:"";position:absolute;left:22px;top:-25px;width:9px;height:78px;background:#b6a369;transform:rotate(42deg)}.release-study i:after{content:"";position:absolute;inset:17px;border-radius:50%;background:#d0bf7b;box-shadow:0 0 0 5px #292a25}

.alley.wrong-cut .fuse-box{animation:fuse-error .22s steps(2,end) 4}.alley.wrong-cut .fuse-box:after{background:#b62e26;box-shadow:0 118px 0 #b62e26,0 0 20px #cf3b30}.alley.alert .upper-window.two{background:#baa86f;box-shadow:inset 0 0 0 5px #55564a,0 0 40px #d5bd7299}
@keyframes fuse-error{50%{filter:brightness(1.65);transform:translateX(3px)}}

/* Direct tool interaction and revised customs-office props */
.trunk-cutters{right:4%;top:7%;width:22%;height:88%;transform:rotate(62deg)}
.trunk-cutters:hover,.trunk-cutters:focus-visible{transform:rotate(62deg) translateY(-3px)}
.circuit-wire{position:relative;width:25px;height:104px;border:4px solid #20211d;padding:0;background:#d5cdb7;transition:opacity .15s,filter .12s;cursor:url("assets/cutters-cursor.svg") 8 8,crosshair}
.circuit-wire:nth-child(1){background:#6f312c}.circuit-wire:nth-child(2){background:#d1c28e}.circuit-wire:nth-child(3){background:#283f3a}
.circuit-wire:after{content:"";position:absolute;left:50%;top:-12px;width:10px;height:10px;border-radius:50%;background:#20211d;transform:translateX(-50%);box-shadow:0 108px 0 #20211d}
.circuit-wire b{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 8px;border:3px solid #20211d;background:#d9d0b8;color:#20211d;font-size:18px}
.circuit-wire:not(:disabled):hover,.circuit-wire:not(:disabled):focus-visible{filter:brightness(1.45);outline:4px solid #eee5ce;outline-offset:8px}
.circuit-wire.cut{opacity:.36;transform:rotate(7deg);cursor:default}.circuit-wire.cut:before{content:"";position:absolute;z-index:3;left:-15px;top:47px;width:47px;height:7px;background:#20211d;transform:rotate(-18deg)}

.booth-release{left:34%;top:36%;width:72px;height:76px;border:5px solid #1c1d19;border-radius:3px;background:#6f6850;box-shadow:inset 0 0 0 4px #a59359;transform:none}
.booth-release:before{left:31px;top:12px;width:9px;height:53px;border-radius:5px;background:#c0aa64;box-shadow:0 0 0 3px #25261f;transform:rotate(-25deg)}
.booth-release:after{left:20px;top:45px;width:27px;height:13px;border-radius:7px;background:#d0bd78;box-shadow:0 0 0 4px #292a24}
.alley.door-released .booth-release{transform:none}.alley.door-released .booth-release:before{transform:rotate(42deg)}.alley.door-released .booth-release:after{left:41px;top:45px}
.release-study i{left:9%;top:12%;width:91px;height:88px;border:6px solid #24251f;border-radius:4px;background:#6f6850;box-shadow:inset 0 0 0 5px #a59359}
.release-study i:before{left:39px;top:12px;width:10px;height:61px;border-radius:5px;background:#c0aa64;box-shadow:0 0 0 3px #25261f;transform:rotate(-25deg)}
.release-study i:after{inset:auto;left:27px;top:56px;width:34px;height:15px;border-radius:8px;background:#d0bd78;box-shadow:0 0 0 4px #292a24}
.release-study:after{content:"";position:absolute;left:24%;top:73%;width:26%;height:5px;background:#2b2c26;box-shadow:70px 0 0 #2b2c26;opacity:.7}

/* Night-office window puzzle: jack, movable sash, and direct release button */
.booth-glass{overflow:hidden;background:#11130f}
.booth-glass:before{z-index:7;bottom:0;height:10px;background:#171815;box-shadow:0 -4px 0 #55594c}
.booth-glass:after{z-index:6;left:49%;width:7px}
.booth-sash{box-sizing:border-box;position:absolute;z-index:4;right:0;top:0;width:50%;height:100%;border:6px solid #171815;border-top:0;background:linear-gradient(116deg,#777d6b66 0 31%,#d5c58d2e 32% 40%,#171a16ee 42%);box-shadow:inset 0 0 0 4px #55594c;transition:transform .48s steps(5,end)}
.booth-sash:before{content:"";position:absolute;left:50%;bottom:9px;width:25px;height:6px;transform:translateX(-50%);background:#b8ae91;box-shadow:0 0 0 3px #20211d}
.booth-sash:after{content:"";position:absolute;left:10%;right:10%;top:12%;height:4px;background:#bfc1aa24;transform:rotate(-16deg);box-shadow:0 13px 0 #bfc1aa15}
.booth-release-button{position:absolute;z-index:2;left:18%;bottom:14%;width:35px;height:35px;border:6px solid #d6c9a5;border-radius:50%;background:#a72f29;box-shadow:0 0 0 5px #252620,5px 6px 0 #11120f;opacity:.22;transition:opacity .2s,transform .16s}
.booth-release-button:after{content:"";position:absolute;left:50%;top:-22px;width:6px;height:15px;background:#d4ccb5;transform:translateX(-50%);box-shadow:0 50px 0 #d4ccb5}
.booth-fixed-glass{position:absolute;z-index:3;left:0;top:0;width:50%;height:100%;pointer-events:none;background:linear-gradient(116deg,#d4dbc43d 0 18%,transparent 20% 58%,#939a8826 60% 68%,transparent 70%);box-shadow:inset 0 0 16px #cbd2bd18}
.booth-jack{display:none;position:absolute;z-index:5;right:2%;bottom:1%;width:46%;height:42%;pointer-events:none;filter:grayscale(.45) brightness(.5) contrast(1.3) drop-shadow(3px 4px 0 #090a08aa)}
.booth-jack img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(.92)}
.alley.power-cut .booth-release-button{opacity:.82}
.alley.window-spread .booth-sash{transform:translateY(-40%)}
.alley.window-spread .booth-jack{display:block;animation:booth-jack-rise .48s steps(5,end)}
.alley.window-spread .booth-release-button{opacity:1}
.alley.door-released .booth-release-button{transform:translateY(3px);background:#6f2825;box-shadow:0 0 0 5px #252620,2px 3px 0 #11120f}
@keyframes booth-jack-rise{from{transform:translateY(34%)}to{transform:translateY(0)}}
.window-release-study,.window-jack-study{position:relative;height:145px;margin:14px 0 10px;border:7px solid #292a24;background:#55584c;box-shadow:5px 5px 0 #9e3028;overflow:hidden;color:#1c1d19}
.window-release-study:before{content:"";position:absolute;inset:8px;border:5px solid #20211d;background:linear-gradient(90deg,#777a6955 0 49%,#151813 50%);box-shadow:inset 0 0 0 4px #707263}
.window-release-study.narrow:after{content:"";position:absolute;z-index:2;right:8px;top:8px;width:48%;height:calc(100% - 16px);border:5px solid #20211d;border-top:0;background:linear-gradient(118deg,#777a6966,#252820ee 48%);box-shadow:inset 0 0 0 4px #616357}
.window-release-study>i{position:absolute;z-index:4;left:17%;top:43px;width:44px;height:44px;border:6px solid #e0d5b7;border-radius:50%;background:#b6312a;box-shadow:0 0 0 5px #24251f}
.window-release-study b{position:absolute;z-index:4;left:49%;top:29%;font-size:27px;letter-spacing:.08em}
.window-release-study span{position:absolute;z-index:4;left:49%;top:61%;font-size:12px;font-weight:800;letter-spacing:.16em}
.window-release-study.narrow b,.window-release-study.narrow span{opacity:.38}
.release-button-study{position:absolute;z-index:5;left:21%;top:42px;width:58px;height:58px;border:7px solid #e0d5b7;border-radius:50%;background:#b6312a;box-shadow:0 0 0 6px #24251f,6px 7px 0 #131411;cursor:pointer;transition:filter .12s,transform .1s}
.window-release-study.open:after{content:"";position:absolute;z-index:6;left:8px;top:8px;width:calc(50% - 8px);height:calc(100% - 16px);pointer-events:none;background:linear-gradient(118deg,#e1e6d23d 0 18%,transparent 21% 55%,#858d7b2b 58% 68%,transparent 71%);box-shadow:inset 0 0 0 4px #707263,inset 0 0 18px #d3d9c51f}
.release-button-study:hover,.release-button-study:focus-visible{filter:brightness(1.3);outline:4px solid #eee5ce;outline-offset:8px}
.release-button-study:active{transform:translateY(4px);box-shadow:0 0 0 6px #24251f,2px 3px 0 #131411}
.window-jack-study{background:linear-gradient(90deg,#55584c 0 49%,#151813 50%)}
.window-jack-study:before{content:"";position:absolute;z-index:3;left:50%;top:0;bottom:0;width:8px;background:#22231e;box-shadow:0 130px 0 4px #22231e}
.window-jack-study:after{content:"";position:absolute;z-index:3;right:0;top:0;width:49%;height:62%;border:6px solid #22231e;border-top:0;background:linear-gradient(118deg,#777a6966,#252820ee 48%);box-shadow:inset 0 0 0 4px #616357}
.window-jack-study img{position:absolute;z-index:5;right:3%;bottom:-5%;width:43%;height:52%;object-fit:contain;filter:grayscale(.32) brightness(.64) contrast(1.25) drop-shadow(4px 5px 0 #090a0888)}
.window-jack-study i{position:absolute;z-index:4;left:17%;top:51px;width:36px;height:36px;border:6px solid #d7cdb2;border-radius:50%;background:#a72f29;box-shadow:0 0 0 5px #252620}
#drawer-closeup{position:absolute;z-index:20;inset:0;display:none;background:#0b0c09e8}#drawer-closeup.open{display:block;animation:closeup-in .3s steps(2,end)}.closeup-frame{position:absolute;inset:74px 120px 92px;border:8px solid #77715e;background:#262720;box-shadow:18px 18px 0 #080906}.closeup-frame:before{content:"";position:absolute;inset:18px;border:3px solid #44473c;pointer-events:none}.closeup-number{position:absolute;left:36px;top:22px;margin:0;color:#b7332b;font-size:13px;font-weight:700;letter-spacing:.25em}.closeup-frame h2{position:absolute;left:35px;top:42px;margin:0;color:#e8e0c9;font-size:52px;font-weight:400;letter-spacing:.04em}.drawer-well{position:absolute;left:4.5%;right:4.5%;top:21%;bottom:10%;overflow:hidden;border:11px solid #171815;background:linear-gradient(105deg,#34362e,#1b1c18 49%,#2b2d26);box-shadow:inset 0 20px 28px #080906cc,inset 0 -10px 0 #4c4b3f}.drawer-well:before{content:"";position:absolute;inset:6%;border:2px solid #77715d55;pointer-events:none}.drawer-object{position:absolute;display:block;border:0;background:transparent;color:#dcd3bc;cursor:pointer}.drawer-object b{position:absolute;left:50%;bottom:-48px;min-width:140px;transform:translateX(-50%);font-size:14px;font-weight:400;letter-spacing:.18em}.drawer-object:hover,.drawer-object:focus-visible{filter:brightness(1.35);outline:2px solid #d8d0b9;outline-offset:16px}.drawer-object:after{content:"";position:absolute;right:-15px;top:-15px;width:17px;height:17px;border:2px solid #eee8d7;border-radius:50%;background:#181915;box-shadow:inset 0 0 0 4px #181915}.drawer-object:hover:after,.drawer-object:focus-visible:after{background:#eee8d7}.gloves-object{left:8%;top:27%;width:30%;height:32%;transform:rotate(-5deg)}.gloves-object span,.gloves-object span:before{position:absolute;width:105px;height:155px;border:7px solid #91866d;border-radius:44px 44px 28px 28px;background:linear-gradient(90deg,#5e5848,#93896f 48%,#5a5445);box-shadow:8px 8px 0 #10110e88}.gloves-object span{left:42px;top:18px;transform:rotate(-12deg)}.gloves-object span:before{content:"";left:93px;top:4px;transform:rotate(18deg)}.gloves-object span:after{content:"";position:absolute;left:17px;top:-43px;width:17px;height:73px;border:6px solid #817761;border-radius:14px;background:#716956;box-shadow:24px -4px 0 -1px #716956,48px 0 0 -1px #716956}.key-object{left:41%;top:31%;width:20%;height:25%;transform:rotate(4deg)}.key-object span{position:absolute;left:50px;top:70px;width:150px;height:22px;background:linear-gradient(#d4c37c,#897c48);box-shadow:5px 6px 0 #0d0e0b88}.key-object span:before{content:"";position:absolute;left:-70px;top:-30px;width:64px;height:64px;border:18px solid #b7a660;border-radius:50%;box-shadow:5px 6px 0 #0d0e0b88}.key-object span:after{content:"";position:absolute;right:-5px;bottom:-25px;width:42px;height:27px;background:#a89758;clip-path:polygon(0 0,100% 0,100% 45%,68% 45%,68% 100%,35% 100%,35% 45%,0 45%)}.gun-object{right:5%;top:23%;width:30%;height:36%;transform:rotate(-4deg)}.gun-object span{position:absolute;left:22px;top:66px;width:235px;height:45px;border-radius:5px 30px 11px 6px;background:linear-gradient(#5a5b53 0 20%,#171815 23% 100%);box-shadow:8px 9px 0 #0b0c09aa}.gun-object span:before{content:"";position:absolute;left:74px;top:-23px;width:73px;height:73px;border:14px solid #20211d;border-radius:50%;background:#4e5049;box-shadow:inset 0 0 0 10px #171815}.gun-object span:after{content:"";position:absolute;right:22px;top:34px;width:64px;height:122px;background:linear-gradient(100deg,#151612,#4c463a);clip-path:polygon(12% 0,86% 0,100% 100%,0 100%);box-shadow:7px 8px 0 #0b0c0988}.gun-object:after{border-color:#b7332b}.gun-object:hover:after,.gun-object:focus-visible:after{background:#b7332b}.drawer-object.taken{display:none}#drawer-close{position:absolute;right:34px;top:26px;border:1px solid #d8d0b9;background:#11120f;color:#e8e0c9;padding:12px 18px;cursor:pointer;font-size:12px;letter-spacing:.14em}#drawer-close:hover,#drawer-close:focus-visible{border-color:#a62c24;background:#a62c24;outline:0}
#subtitle{position:absolute;z-index:25;left:50%;bottom:38px;display:none;max-width:930px;transform:translateX(-50%);padding:12px 28px;background:#0b0c09dc;color:#f1ead8;text-align:center;font-family:var(--rosemary);font-size:32px;font-style:italic;line-height:1.25;text-shadow:2px 2px #000}
#subtitle.show{display:block}
#inventory{position:absolute;z-index:22;left:28px;bottom:27px;display:none;min-width:270px;padding:12px;border:2px solid #cfc7b2;background:#10110edb;color:#e6dec9}#inventory.visible{display:block}#inventory p{margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:.25em}#inventory-items{display:flex;gap:8px}.inventory-item{min-width:60px;height:56px;border:1px solid #aaa18b;background:#292b24;color:#eee8d7;cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.inventory-item.selected{border-color:#bd3027;background:#6d231e}.inventory-item:before{content:attr(data-symbol);display:block;margin-bottom:4px;color:#c6b77d;font-size:19px}
#sound{position:absolute;z-index:24;right:25px;top:24px;border:2px solid #d8d0b9;background:#171815dd;color:#eee6d2;padding:12px 15px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.18em}
#fullscreen{position:absolute;z-index:24;right:305px;top:24px;border:2px solid #d8d0b9;background:#171815dd;color:#eee6d2;padding:12px 15px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.18em;white-space:nowrap}
#fullscreen:hover,#fullscreen:focus-visible{border-color:#a62c24;background:#a62c24;outline:0;transform:translateY(-2px)}
#radio-control{position:absolute;z-index:24;right:164px;top:17px;width:118px;height:82px;overflow:hidden;border:2px solid #d8d0b9;background:#171815;box-shadow:5px 5px 0 #0b0c09aa;padding:0;cursor:pointer;line-height:0}
#radio-control img{position:absolute;left:-35px;top:-68px;width:230px;height:230px;max-width:none;filter:grayscale(.28) sepia(.08) saturate(.85) brightness(.78) contrast(1.16);pointer-events:none}
#radio-control span{position:absolute;z-index:2;right:9px;bottom:8px;width:10px;height:10px;border:2px solid #d8d0b9;border-radius:50%;background:#34362f;box-shadow:0 0 0 2px #171815}
#radio-control.playing span{background:#bd342b;box-shadow:0 0 0 2px #171815,0 0 12px #d33a30}
#radio-control:hover,#radio-control:focus-visible{border-color:#a62c24;outline:0;transform:translateY(-2px)}
#card{position:absolute;z-index:40;inset:0;display:none;place-items:center;background:#080905b8}#card.open{display:grid}.card-paper{position:relative;width:720px;max-width:84%;min-height:340px;padding:52px 62px 45px 78px;border:2px solid #292a24;background:repeating-linear-gradient(180deg,#ded7c2 0,#ded7c2 37px,#a8a18e88 38px,#ded7c2 39px);color:#191a16;box-shadow:12px 13px 0 #11120e,20px 21px 0 #9e3028;transform:rotate(-.35deg)}.card-paper:before{content:"";position:absolute;left:43px;top:0;bottom:0;width:2px;background:#ad393166}.card-paper:after{content:"INDEX";position:absolute;right:27px;bottom:17px;color:#9e3028;font-size:9px;font-weight:800;letter-spacing:.32em}#card-label{margin:0 0 14px;color:#a72f28;font-size:11px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}#card-title{max-width:90%;margin:0 0 20px;font-family:var(--rosemary);font-size:42px;font-weight:700;line-height:1.02}#card-copy{font-family:var(--rosemary);font-size:23px;line-height:1.42}#card-copy p{margin:.38em 0}#card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}#card-actions button,#card-close{border:2px solid #292a24;background:#ded7c2;color:#191a16;padding:11px 17px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;box-shadow:4px 4px 0 #9e3028}#card-actions button:hover,#card-actions button:focus-visible,#card-close:hover,#card-close:focus-visible{background:#191a16;border-color:#191a16;color:#eee7d2;outline:0}#card-close{position:absolute;right:20px;top:18px;border:0;background:transparent;box-shadow:none;padding:7px}
#cut-screen{padding:160px 180px;background:#d8d0b9;color:#161713}.cut-kicker{margin:0 0 25px;color:var(--red);font-size:15px}#cut-title{max-width:1000px;margin:0;font-family:var(--rosemary);font-size:110px;line-height:.9;letter-spacing:-.025em}#cut-copy{max-width:850px;margin:45px 0 60px;font-family:var(--rosemary);font-size:32px;font-style:italic;line-height:1.35}#cut-screen .film-button{border-color:#191a16;color:#191a16}#cut-screen .film-button:hover{background:#191a16;color:#eee5cf}.continue-card{position:absolute;right:60px;bottom:45px;font-size:12px;font-weight:800;letter-spacing:.22em}
#continued-screen{padding:112px 150px;background:#d8d0b9;color:#161713}.continued-rule{position:absolute;left:0;right:0;top:75px;height:13px;background:#a72f28;box-shadow:0 8px 0 #181914}.continued-kicker{margin:0 0 25px;color:#a72f28;font-size:14px;font-weight:800;letter-spacing:.34em}.continued-kicker:before{content:"";display:inline-block;width:62px;height:3px;margin:0 18px 4px 0;background:#a72f28}.continued-kicker:after{content:"";display:inline-block;width:62px;height:3px;margin:0 0 4px 18px;background:#a72f28}#continued-screen h2{display:flex;flex-direction:column;align-items:flex-start;margin:0;font-family:var(--rosemary);font-size:124px;line-height:.78;letter-spacing:-.035em}#continued-screen h2 span{font-size:.56em;letter-spacing:.08em}#continued-screen h2 b{color:#171814;font-weight:800}#continued-copy{max-width:1030px;margin:36px 0 32px;font-family:var(--rosemary);font-size:27px;font-style:italic;line-height:1.28}.continued-actions{display:flex;align-items:flex-end;gap:28px}.stream-button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:285px;height:58px;border:3px solid #191a16;background:#191a16;color:#eee5cf;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.18em;box-shadow:7px 7px 0 #a72f28}.stream-button span{display:grid;place-items:center;width:25px;height:25px;border:2px solid currentColor;border-radius:50%;font-size:10px}.stream-button:hover,.stream-button:focus-visible{background:#a72f28;border-color:#a72f28;outline:3px solid #191a16;outline-offset:4px}#updates-form{position:relative;width:630px}#updates-form>label{display:block;margin:0 0 9px;color:#a72f28;font-size:11px;font-weight:800;letter-spacing:.27em}.email-line{display:flex;height:58px}.email-line input{box-sizing:border-box;flex:1;min-width:0;border:3px solid #191a16;border-right:0;background:#e7e0cc;color:#191a16;padding:0 18px;font-family:var(--rosemary);font-size:18px;letter-spacing:.04em;outline:0}.email-line input:focus{box-shadow:inset 0 0 0 3px #a72f28}.email-line input::placeholder{color:#5d5c51}.email-line button{border:3px solid #191a16;background:#d8d0b9;color:#191a16;padding:0 21px;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.13em;box-shadow:6px 6px 0 #a72f28}.email-line button:hover,.email-line button:focus-visible{background:#191a16;color:#eee5cf;outline:0}.email-line button:disabled{cursor:wait;opacity:.55}#updates-status{position:absolute;left:0;top:80px;margin:0;color:#a72f28;font-size:10px;font-weight:800;letter-spacing:.16em}.form-trap{position:absolute!important;left:-9999px!important}.continued-replay{position:absolute;left:150px;bottom:35px;border:0;background:transparent;color:#191a16;padding:6px 0;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.19em;border-bottom:2px solid #191a16}.continued-replay:hover,.continued-replay:focus-visible{color:#a72f28;border-color:#a72f28;outline:0}.continued-credit{position:absolute;right:62px;bottom:38px;margin:0;color:#a72f28;font-size:13px;font-weight:800;letter-spacing:.34em}
.film-effects{position:absolute;z-index:50;inset:0;pointer-events:none}.grain{position:absolute;inset:-30%;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .45s steps(5,end) infinite}.scratch{position:absolute;top:-5%;bottom:-5%;left:74%;width:2px;background:#eee8;opacity:0;animation:scratch 8s steps(2,end) infinite}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 125px #000a,inset 0 0 24px #0008}

/* Close-up prop illustrations */
.drawer-object svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(8px 9px 0 #090a0799)}
.gloves-object{left:6%;top:24%;width:32%;height:39%;transform:rotate(-3deg)}
.glove>path:first-child{fill:#817761;stroke:#c1b493;stroke-width:5;stroke-linejoin:round}
.glove-cuff{fill:#5f5949;stroke:#aa9d80;stroke-width:5}
.glove-seam{fill:none;stroke:#d0c3a088;stroke-width:4;stroke-linecap:round}
.glove-button{fill:#22231e;stroke:#b2a486;stroke-width:4}
.gun-object{right:3.5%;top:22%;width:33%;height:42%;transform:rotate(-3deg)}
.gun-barrel,.gun-frame,.gun-hammer{fill:#252622;stroke:#898a80;stroke-width:5;stroke-linejoin:round}
.gun-rib,.gun-sight{fill:#4e5049;stroke:#8f9086;stroke-width:4}
.gun-cylinder{fill:#343630;stroke:#9b9b91;stroke-width:6}
.gun-cylinder-inner{fill:#171815;stroke:#5b5c55;stroke-width:5}
.gun-chamber{fill:#0e0f0c;stroke:#73746c;stroke-width:3}
.gun-trigger-guard,.gun-trigger{fill:none;stroke:#8d8e84;stroke-width:7;stroke-linecap:round}.gun-trigger{stroke-width:5}
.gun-grip{fill:#27251f;stroke:#85867d;stroke-width:5}.gun-grip-panel{fill:#665644;stroke:#a18a6f;stroke-width:4}
.gun-highlight{fill:none;stroke:#c1c2b755;stroke-width:4;stroke-linecap:round}.gun-screw{fill:#c1ad80;stroke:#272821;stroke-width:4}
.gun-object{right:2%;top:16%;width:34%;height:48%;transform:rotate(-5deg)}
.gun-object img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(.28) saturate(.65) contrast(1.22) brightness(.66) drop-shadow(10px 12px 0 #090a0799)}
.coat{left:1.8%;top:16.04%;width:16.5%;height:73.92%;background:none;clip-path:none;box-shadow:none}
.coat:before,.coat:after{display:none}
.coat img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(.76) sepia(.72) saturate(.86) hue-rotate(354deg) brightness(.66) contrast(1.14) drop-shadow(8px 9px 0 #25231c99)}
.fallen-key{position:absolute;z-index:7;left:8.2%;top:79.5%;display:none;width:7.2%;height:8.5%;padding:0;border:0;background:transparent;cursor:pointer;transform:rotate(78deg)}
.fallen-key.dropped{display:block;animation:key-fall .58s steps(5,end)}
.fallen-key.taken{display:none}
.fallen-key img{display:block;width:100%;height:100%;object-fit:contain;filter:sepia(.2) saturate(.72) brightness(.72) contrast(1.18) drop-shadow(5px 5px 0 #0b0c0988)}
.fallen-key:hover,.fallen-key:focus-visible{filter:brightness(1.35);outline:2px solid #ded7c2;outline-offset:4px}
.telephone{left:29.3%;top:51.85%;width:13.915%;height:13.31%;border:0;border-radius:0;background:none;box-shadow:none}
.telephone.ringing{transform-origin:50% 86%;animation:telephone-ring .28s steps(2,end) infinite}
.telephone:after{display:none}
.telephone img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(.25) contrast(1.18) brightness(.66) drop-shadow(4px 5px 1px #0b0c0999)}
.portable-radio{position:absolute;z-index:6;left:19%;top:49.5%;width:12%;height:14%;pointer-events:none;transition:opacity .12s steps(2,end),transform .12s steps(2,end)}
.portable-radio img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(.38) sepia(.16) saturate(.72) brightness(.61) contrast(1.2) drop-shadow(5px 6px 1px #0b0c09aa)}
.room.radio-taken .portable-radio{opacity:0;transform:translateY(-8px)}
.gloves-object{left:5%;top:17%;width:34%;height:51%;transform:rotate(-3deg)}
.gloves-object img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.52) sepia(.18) contrast(1.15) brightness(.72) drop-shadow(9px 11px 0 #090a0799)}
.key-object{left:39%;top:19%;width:25%;height:48%;transform:rotate(2deg)}
.key-object img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.6) contrast(1.12) brightness(.78) drop-shadow(9px 11px 0 #090a0799)}
.inventory-item.inventory-prop{position:relative;padding-top:25px}
.inventory-item.inventory-prop:before{display:none}
.inventory-item.inventory-prop img{position:absolute;left:50%;top:2px;width:36px;height:32px;transform:translateX(-50%);object-fit:contain;filter:saturate(.55) contrast(1.15) brightness(.9) drop-shadow(2px 2px 0 #090a07aa)}
.radio-study{position:relative;height:168px;margin:12px 0 18px;border:3px solid #292a24;background:linear-gradient(145deg,#817359,#3e382d);box-shadow:5px 5px 0 #9e3028;overflow:hidden}
.radio-study img{position:absolute;left:3%;top:-34%;width:49%;height:174%;object-fit:contain;filter:grayscale(.2) sepia(.1) saturate(.8) brightness(.82) contrast(1.16) drop-shadow(6px 7px 0 #17181577)}
.radio-study span{position:absolute;right:4%;top:50%;width:43%;transform:translateY(-50%);padding:14px 12px;border:2px solid #292a24;background:#d8d0b9;color:#9e3028;text-align:center;font-size:10px;font-weight:800;letter-spacing:.2em;line-height:1.5}
.radio-study span b{display:block;margin-top:4px;color:#191a16;font-family:var(--rosemary);font-size:19px;letter-spacing:.05em}
@keyframes scene-in{0%{filter:brightness(.08);transform:translateX(-9px)}48%{filter:brightness(1.45);transform:translateX(5px)}100%{filter:brightness(1);transform:none}}@keyframes closeup-in{0%{filter:brightness(.05);transform:translateX(12px)}45%{filter:brightness(1.6);transform:translateX(-6px)}100%{filter:brightness(1);transform:none}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(3%,3%)}100%{transform:translate(-2%,-2%)}}@keyframes scratch{0%,55%,61%,100%{opacity:0;transform:translateX(0)}56%{opacity:.3;transform:translateX(-15vw)}58%{opacity:.15;transform:translateX(4vw)}60%{opacity:.24;transform:translateX(11vw)}}@keyframes headlights{0%{transform:translateX(-110%)}45%,60%{transform:translateX(15%)}100%{transform:translateX(120%)}}@keyframes smoke{0%{opacity:0;transform:translate(0,7px) rotate(8deg) scale(.7)}30%{opacity:.55}75%{opacity:.2;transform:translate(8px,-16px) rotate(-9deg) scale(1.15)}100%{opacity:0;transform:translate(-5px,-28px) rotate(13deg) scale(1.3)}}@keyframes key-fall{0%{left:10%;top:50%;transform:rotate(2deg) scale(.45);opacity:0}35%{opacity:1}72%{left:7.6%;top:76%;transform:rotate(52deg) scale(1)}100%{left:8.2%;top:79.5%;transform:rotate(78deg) scale(1)}}@keyframes telephone-ring{0%{transform:translateX(-1px) rotate(-.25deg)}50%{transform:translateX(1px) rotate(.25deg)}100%{transform:translateX(-1px) rotate(-.25deg)}}
@media(prefers-reduced-motion:reduce){.screen,.grain,.scratch,.passing-light,.ashtray:before{animation:none!important}}

/* Scene three: the Customs House records hall */
.records-hall{position:absolute;inset:0;overflow:hidden;background:#252922;color:#ded6bf}
.records-ceiling{position:absolute;z-index:1;inset:0 0 76%;border-bottom:12px solid #151713;background:repeating-linear-gradient(90deg,#1c1f1a 0 7%,#4f5145 7.5% 8.3%,#292c25 8.8% 24%);box-shadow:0 13px 0 #383a31}
.records-ceiling:after{content:"";position:absolute;left:12%;right:12%;bottom:16%;height:11px;background:#777466;box-shadow:0 -66px 0 #141612,0 66px 0 #171815}
.records-ceiling i{position:absolute;bottom:-2%;width:3px;height:66%;background:#d8cc9e;box-shadow:0 0 23px #d8cc9e88}.records-ceiling i:nth-child(1){left:23%}.records-ceiling i:nth-child(2){left:50%}.records-ceiling i:nth-child(3){right:23%}
.records-wall{position:absolute;z-index:2;left:2.5%;right:2.5%;top:21%;height:56%;border:9px solid #171815;background:repeating-linear-gradient(0deg,#55564a 0 42px,#3c4036 44px 48px);box-shadow:14px 14px 0 #090a08,inset 0 0 0 5px #6d6c5c}
.records-wall:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 130px,#25272088 132px 137px,transparent 139px 260px)}
.records-sign{position:absolute;z-index:4;left:50%;top:5%;transform:translateX(-50%);width:42%;padding:10px 20px 8px;border:5px solid #191a16;background:#d9d0b7;color:#1c1d19;text-align:center;font-family:var(--rosemary);font-size:24px;font-weight:700;letter-spacing:.08em;box-shadow:6px 7px 0 #252720}.records-sign small{display:block;margin-top:4px;font-family:inherit;font-size:10px;letter-spacing:.28em}
.records-clock{position:absolute;z-index:4;left:8%;top:6%;width:68px;height:68px;border:8px solid #171815;border-radius:50%;background:#d8d0b9;box-shadow:7px 7px 0 #272922}.records-clock:before{content:"";position:absolute;inset:8px;border:2px solid #373830;border-radius:50%}.records-clock i,.records-clock b{position:absolute;left:50%;top:50%;width:3px;height:20px;background:#24251f;transform-origin:50% 100%}.records-clock i{transform:translate(-50%,-100%) rotate(10deg)}.records-clock b{height:15px;transform:translate(-50%,-100%) rotate(78deg)}
.records-board{position:absolute;z-index:4;right:5%;top:5%;display:grid;width:18%;border:6px solid #171815;background:#242720;color:#d9d0b7;box-shadow:7px 7px 0 #10110e}.records-board b,.records-board span{padding:7px 12px;border-bottom:2px solid #595b4f;font-size:10px;letter-spacing:.16em}.records-board b{background:#d8d0b9;color:#1c1d19;font-size:11px}.records-board span:last-child{border:0}
.records-floor{position:absolute;z-index:1;inset:75% 0 0;background:linear-gradient(170deg,#5e5d50,#1a1c18 72%)}.records-floor:before{content:"";position:absolute;left:0;right:0;top:10%;height:6px;background:#a29b83aa;box-shadow:0 23px 0 #25272088}
.records-desk{position:absolute;z-index:5;left:5%;bottom:12%;width:29%;height:31%;border:8px solid #171815;background:linear-gradient(#706c59 0 22%,#36382f 23%);box-shadow:13px 13px 0 #0b0c09}.records-desk:before{content:"";position:absolute;left:-3%;right:-3%;top:-10%;height:18%;border:7px solid #171815;background:#827b64;box-shadow:0 6px 0 #292b24}.desk-blotter{position:absolute;z-index:2;left:9%;top:-2%;width:50%;height:15%;background:#1f2c27;transform:skewX(-15deg);box-shadow:4px 4px 0 #151612}.desk-lamp{position:absolute;z-index:4;right:9%;top:-32%;width:22%;height:35%;border-radius:55% 55% 10% 10%;background:#8b3029;box-shadow:inset -12px -4px #571e1a,4px 5px 0 #171815}.desk-lamp:before{content:"";position:absolute;left:47%;top:87%;width:7%;height:100%;background:#191a16}.desk-lamp:after{content:"";position:absolute;left:23%;top:176%;width:58%;height:14%;border-radius:50%;background:#171815}
.telegram{position:absolute;z-index:4;left:17%;top:-13%;width:36%;height:24%;padding:7px;border:2px solid #6e695a;background:#d9d0b9;color:#1b1c18;transform:rotate(-3deg);box-shadow:4px 5px 0 #171815}.telegram b,.telegram i,.telegram em{display:block;font-family:var(--rosemary);font-style:normal;font-size:11px;line-height:1.05}.telegram b{font-size:16px}.records-drawers{position:absolute;left:5%;right:5%;top:27%;bottom:7%;display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.records-drawers i{position:relative;border:5px solid #1a1b17;background:#626256;box-shadow:inset 0 7px #838173}.records-drawers i:after{content:"";position:absolute;left:32%;right:32%;top:18%;height:7px;background:#1b1c18;box-shadow:0 40px 0 #1b1c18,0 80px 0 #1b1c18}
.records-cage{position:absolute;z-index:6;left:36%;bottom:11%;width:31%;height:55%;border:11px solid #171815;background:#292c25;box-shadow:14px 14px 0 #0b0c09;perspective:700px}.cage-header{position:absolute;z-index:5;left:12%;right:12%;top:-9%;height:10%;display:grid;place-items:center;border:6px solid #171815;background:#d8d0b9;color:#191a16;font-size:13px;font-weight:800;letter-spacing:.25em}.cage-bars{position:absolute;z-index:3;inset:0;background:repeating-linear-gradient(90deg,#20221d 0 9px,transparent 10px 42px),linear-gradient(0deg,#20221d 0 10px,transparent 11px 48%,#20221d 49% 52%,transparent 53%)}.cage-bars:after{content:"";position:absolute;inset:8px;border:5px solid #727366;pointer-events:none}.cage-door{position:absolute;z-index:4;left:4%;top:4%;width:45%;height:92%;border:8px solid #77786b;background:repeating-linear-gradient(90deg,#181a16 0 8px,transparent 9px 37px);transform-origin:left center;transition:transform .45s steps(4,end);box-shadow:7px 0 #10110d}.cage-door span{position:absolute;right:9%;top:47%;width:22px;height:22px;border-radius:50%;background:#b29f62;box-shadow:0 0 0 5px #171815}.cage-door i{position:absolute;right:4%;top:40%;width:18%;height:21%;border:5px solid #171815;background:#636456}.records-hall.cage-open .cage-door{transform:rotateY(-72deg)}
.manifest-shelves{position:absolute;z-index:2;right:5%;top:13%;width:44%;height:76%;border:6px solid #171815;background:#595b4f}.manifest-shelves i{display:block;height:21%;margin:4% 7%;border:3px solid #252720;background:repeating-linear-gradient(90deg,#d2cab4 0 7px,#8e8774 8px 10px);box-shadow:0 4px #131410}.records-hall.manifest-taken .manifest-shelves i:nth-child(2):after{content:"";display:block;width:21%;height:100%;margin-left:39%;background:#242620}
.alarm-panel{position:absolute;z-index:7;left:68%;top:42%;width:8%;height:24%;border:8px solid #171815;background:#77786c;box-shadow:8px 9px 0 #0d0e0b}.alarm-panel b{display:block;padding:8px 2px;background:#d5cdb7;color:#1b1c18;text-align:center;font-size:10px;letter-spacing:.15em}.alarm-panel i{position:absolute;left:50%;top:39%;width:26px;height:26px;border:6px solid #292a24;border-radius:50%;background:#4e2a26;transform:translateX(-50%)}.alarm-panel span{position:absolute;left:23%;right:23%;bottom:13%;height:8px;background:#252720}.records-hall.alarm-live .alarm-panel i,.records-hall.loud-entry .alarm-panel i{background:#c52f27;box-shadow:0 0 22px #d83a2f}.records-hall.loud-entry .records-board{background:#6f2823}.records-hall.watched .records-clock{box-shadow:7px 7px 0 #272922,0 0 35px #d7bc6e99}
.freight-elevator{position:absolute;z-index:5;right:3.5%;bottom:10%;width:20%;height:57%;border:11px solid #171815;background:#41443a;box-shadow:14px 14px 0 #090a08}.elevator-doors{position:absolute;left:5%;right:5%;top:10%;bottom:5%;border:6px solid #22231e;background:linear-gradient(90deg,#77786b 0 48.5%,#1b1c18 49% 51%,#696b5e 51.5%);box-shadow:inset 10px 0 #8e8d7e,inset -10px 0 #56584d}.elevator-doors:before,.elevator-doors:after{content:"";position:absolute;top:7%;bottom:7%;width:5px;background:#34362e}.elevator-doors:before{left:29%}.elevator-doors:after{right:29%}.freight-elevator>span{position:absolute;z-index:3;left:50%;top:14%;transform:translateX(-50%);padding:6px 13px;background:#d8d0b9;color:#191a16;font-size:11px;font-weight:800;letter-spacing:.2em}.elevator-indicator{position:absolute;z-index:4;left:50%;top:-16%;width:50%;height:14%;border:6px solid #171815;background:#22231e;transform:translateX(-50%);box-shadow:5px 5px 0 #0e0f0c}.elevator-indicator i{position:absolute;left:14%;top:26%;width:24px;height:24px;border-radius:50%;background:#ae3028;clip-path:polygon(50% 0,100% 100%,0 100%)}.elevator-indicator b{position:absolute;right:15%;top:9%;color:#d8d0b9;font-size:28px}.records-hall.wrong-floor .elevator-indicator b{color:#c7352d}.elevator-call{position:absolute;z-index:5;right:-15%;top:48%;width:12%;height:15%;border:5px solid #171815;background:#77786b}.elevator-call i{position:absolute;left:50%;top:50%;width:15px;height:15px;border-radius:50%;background:#d1c589;transform:translate(-50%,-50%)}
.records-hall.alert{animation:records-alert .28s steps(2,end) 4}.records-hall.alert .records-clock{background:#c33a30}.records-hall.misfiled .desk-lamp{box-shadow:inset -12px -4px #571e1a,4px 5px 0 #171815,0 0 30px #c44a35}
.telegram-study,.manifest-study,.floor-study{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px 0;padding:20px;border:3px solid #34352e;background:#c9c0aa;box-shadow:5px 5px 0 #9e3028}.telegram-study{display:grid;gap:3px;text-align:center;font-family:var(--rosemary)}.telegram-study b{font-size:34px}.telegram-study span{font-size:23px}.telegram-study i{font-size:16px;font-style:normal;letter-spacing:.22em}.manifest-study i,.floor-study i{display:grid;place-items:center;width:94px;height:78px;border:3px solid #282923;background:#e0d8c1;color:#191a16;font-family:var(--rosemary);font-size:35px;font-style:normal;box-shadow:4px 4px 0 #77715e}.floor-study i{width:74px;height:74px;border-radius:50%;background:#2a2b25;color:#e3dac4;box-shadow:inset 0 0 0 6px #77766a,4px 4px 0 #9e3028}
@keyframes records-alert{0%,100%{filter:none}50%{filter:brightness(1.25) sepia(.2);transform:translateX(2px)}}

/* Records hall architectural refinement */
.records-hall{background:linear-gradient(#121510 0 20%,#31352d 20% 75%,#181a16 75%);isolation:isolate}
.records-hall:before{content:"";position:absolute;z-index:9;inset:0;pointer-events:none;background:linear-gradient(90deg,#080a0788,transparent 13% 87%,#080a0788),radial-gradient(ellipse at 50% 44%,transparent 0 43%,#05060433 88%)}
.records-ceiling{inset:0 0 18%;background:linear-gradient(180deg,#10120f,#292c25 19%,transparent 19%);border:0;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 24%,78% 19%,22% 19%,0 24%)}
.records-ceiling:before{content:"";position:absolute;left:16%;right:16%;top:3%;height:14%;border:8px solid #0d0f0c;background:repeating-linear-gradient(90deg,#3e4137 0 12%,#171914 12.5% 13.5%);box-shadow:0 8px 0 #59594c}
.records-ceiling:after{left:7%;right:7%;bottom:auto;top:19%;height:13px;background:#11130f;box-shadow:0 13px 0 #67675a;transform:none}
.records-ceiling i{z-index:2;top:4%;bottom:auto;height:13%;width:5px;background:#e1d19b;box-shadow:0 0 28px #ddc67f99}.records-ceiling i:nth-child(1){left:27%}.records-ceiling i:nth-child(2){left:50%}.records-ceiling i:nth-child(3){right:27%}
.records-clerestory{position:absolute;z-index:3;left:8%;right:8%;top:15%;height:13%;display:flex;border:9px solid #151713;background:#292c25;box-shadow:0 9px 0 #747367,inset 0 0 0 4px #55584b}
.records-clerestory i{position:relative;flex:1;border-right:7px solid #171915;background:linear-gradient(125deg,#7e847455 0 39%,#d8c88b26 40% 47%,#161914 49%)}.records-clerestory i:last-child{border:0}.records-clerestory i:after{content:"";position:absolute;left:49%;top:0;bottom:0;width:4px;background:#171915}
.records-wall{left:4%;right:4%;top:27%;height:49%;overflow:visible;border-width:10px;background:linear-gradient(#56574a 0 13%,#41443a 13% 100%);box-shadow:15px 16px 0 #090a08,inset 0 0 0 5px #747365}
.records-wall:before{inset:13% 0 0;background:repeating-linear-gradient(0deg,transparent 0 51px,#30332b 53px 58px),repeating-linear-gradient(90deg,transparent 0 139px,#292c2499 141px 147px,transparent 149px 278px);opacity:.9}
.records-wall:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-25px;height:26px;background:#20221d;box-shadow:0 8px 0 #777568}
.records-pilaster{position:absolute;z-index:3;top:9%;bottom:-3%;width:6%;border:7px solid #181a16;background:linear-gradient(90deg,#393c33,#6b6a5c 50%,#34372f);box-shadow:8px 0 0 #23251f}.records-pilaster:before{content:"";position:absolute;left:-24%;right:-24%;top:-3%;height:8%;border:6px solid #171815;background:#777568}.records-pilaster:after{content:"";position:absolute;left:-20%;right:-20%;bottom:0;height:9%;border:6px solid #171815;background:#636357}.pilaster-left{left:31%}.pilaster-right{right:24%}
.records-sign{z-index:6;top:-5%;width:39%;padding:9px 18px 7px;font-size:21px;box-shadow:7px 8px 0 #252720}.records-sign small{font-size:9px}
.records-clock{left:4.5%;top:5%;width:62px;height:62px;transform:scale(1.2);transform-origin:center}.records-board{right:3%;top:5%;width:17%}
.records-floor{inset:75% 0 0;background:linear-gradient(166deg,#6d6b5d 0,#33352e 52%,#131511 100%);overflow:hidden}
.records-floor:before{left:-12%;right:-12%;top:9%;height:80%;background:repeating-linear-gradient(101deg,transparent 0 165px,#1b1d1880 167px 172px,transparent 174px 335px);box-shadow:none;transform:perspective(400px) rotateX(57deg);transform-origin:top}
.records-floor:after{content:"";position:absolute;left:7%;right:7%;top:7%;height:8px;background:#92907f66;box-shadow:0 48px 0 #15171333}
.records-desk{left:4%;bottom:10%;width:27%;height:29%;border-width:9px;background:linear-gradient(#77715d 0 20%,#3a3c33 21%);box-shadow:14px 15px 0 #0b0c09}.records-desk:after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:-14%;height:19%;background:#181a16;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.records-desk:before{left:-4%;right:-4%;top:-12%;height:20%;background:linear-gradient(#948b71,#686451);box-shadow:0 7px 0 #292b24,9px 11px 0 #11120e}.desk-blotter{left:8%;top:-4%;width:53%;height:17%}.telegram{left:20%;top:-16%;width:38%;height:27%}.records-drawers{top:25%;bottom:5%}.records-drawers i{background:linear-gradient(90deg,#55574b,#737366 50%,#4a4d42)}
.records-cage{left:35%;bottom:8.5%;width:31%;height:55%;border-width:12px;background:linear-gradient(90deg,#22241f,#383b32 48%,#20221d);box-shadow:16px 17px 0 #080906}.records-cage:before{content:"";position:absolute;z-index:-1;left:-7%;right:-7%;bottom:-6%;height:8%;border:7px solid #171815;background:#747365;box-shadow:8px 8px 0 #0b0c09}.cage-header{top:-10%;height:11%;background:linear-gradient(#e0d7bd,#beb59e);box-shadow:7px 8px 0 #252720}.cage-bars{background:repeating-linear-gradient(90deg,#151713 0 10px,transparent 11px 43px),linear-gradient(0deg,#171915 0 11px,transparent 12px 48%,#171915 49% 52%,transparent 53%)}.cage-door{background:repeating-linear-gradient(90deg,#131511 0 9px,transparent 10px 38px),linear-gradient(#4b4d42aa,#262821aa);box-shadow:8px 0 #10110d}.manifest-shelves{right:4%;top:13%;width:46%;background:linear-gradient(90deg,#4e5045,#68695b 48%,#3d4036)}
.alarm-panel{left:68.5%;top:40%;width:7.5%;height:23%;background:linear-gradient(120deg,#858477,#5a5c50);box-shadow:9px 10px 0 #0d0e0b}.alarm-panel:after{content:"";position:absolute;right:7px;top:41%;width:6px;height:6px;border-radius:50%;background:#272821;box-shadow:0 18px 0 #272821}
.freight-elevator{right:4%;bottom:7.5%;width:19%;height:55%;border-width:12px;background:linear-gradient(90deg,#35382f,#54564a 50%,#30332b);box-shadow:16px 17px 0 #090a08}.freight-elevator:before{content:"";position:absolute;z-index:-1;left:-9%;right:-9%;bottom:-6%;height:8%;border:7px solid #171815;background:#747365;box-shadow:8px 8px 0 #0b0c09}.elevator-doors{background:linear-gradient(90deg,#77786b 0 47.5%,#292b25 48%,#171815 49.2% 50.8%,#292b25 52%,#696b5e 52.5%);box-shadow:inset 12px 0 #8f8e7f,inset -12px 0 #515348}.elevator-indicator{top:-17%;height:15%}.elevator-call{right:-18%;width:14%}
.elevator-routing{position:absolute;z-index:6;left:50%;bottom:10%;width:66%;height:13%;border:5px solid #171815;background:#2c2e28;transform:translateX(-50%);box-shadow:5px 5px 0 #11120f;display:flex;align-items:center;justify-content:space-around;color:#d8d0b9}.elevator-routing small{font-size:10px;font-weight:800;letter-spacing:.16em}.elevator-routing b{display:grid;place-items:center;width:40%;height:62%;border:2px solid #77786b;background:#171815;font-size:16px}.records-hall.route-loaded .elevator-routing b:after{content:"47 / B";color:#d8d0b9}.records-hall.route-loaded .elevator-routing{background:#4b4d42}
.records-hall.alarm-cut .alarm-panel i{background:#171815;box-shadow:none}.records-hall.alarm-cut .alarm-panel:before{content:"";position:absolute;z-index:4;left:18%;right:18%;top:55%;height:4px;background:linear-gradient(90deg,#9c2b25 0 43%,transparent 44% 57%,#9c2b25 58%);transform:rotate(-8deg)}.records-hall.manifest-alarm .alarm-panel{animation:alarmPulse .55s steps(2,end) 5}.alarm-study{display:flex;gap:14px;margin:13px 0 20px;padding:18px;border:3px solid #282923;background:#45483e}.alarm-study i{display:block;flex:1;height:8px;background:#c9b258;box-shadow:0 14px 0 #737568}.alarm-study i:nth-child(2){background:#ba3029;box-shadow:0 14px 0 #8c2420}.alarm-study i:nth-child(3){background:#252722;box-shadow:0 14px 0 #77796b}@keyframes alarmPulse{50%{filter:brightness(1.75);transform:translateX(2px)}}
.records-hall.alarm-live:after,.records-hall.loud-entry:after{content:"";position:absolute;z-index:8;left:66%;top:27%;width:18%;height:50%;pointer-events:none;background:radial-gradient(ellipse at 42% 42%,#b62e2529,transparent 67%)}

/* Ground the banker lamp on the desktop instead of the desk front */
.desk-lamp{right:7%;bottom:93%;top:auto;width:28.8%;height:62.4%;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;pointer-events:none}
.desk-lamp img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.72) brightness(.82) contrast(1.12) drop-shadow(7px 9px 0 #10110e99)}
.desk-lamp:before,.desk-lamp:after{display:none}
.records-hall.misfiled .desk-lamp{box-shadow:none}
.records-hall.misfiled .desk-lamp img{filter:saturate(.78) brightness(.86) contrast(1.12) drop-shadow(0 0 14px #c44a35)}
.desk-light{position:absolute;z-index:3;left:7%;top:-14%;width:59%;height:32%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 58%,#e1d19b45 0 24%,#cbb87820 48%,transparent 74%);filter:blur(5px);transition:opacity .15s steps(2,end)}
.telegram{overflow:hidden;filter:brightness(.13) contrast(1.12);opacity:1;background-color:#d8cba9;background-image:repeating-linear-gradient(0deg,transparent 0 15px,#8e80622b 16px 17px),linear-gradient(104deg,#fff8df66,transparent 37% 72%,#76694924);color:#28251e;clip-path:polygon(3% 1%,97% 0,100% 91%,96% 95%,83% 94%,77% 98%,61% 95%,48% 98%,34% 95%,18% 100%,2% 95%);transform:perspective(260px) rotateX(52deg) rotateZ(-3deg);transform-origin:50% 100%;box-shadow:3px 3px 0 #11120e;transition:filter .15s steps(2,end),background-color .15s steps(2,end),box-shadow .15s steps(2,end)}
.telegram:after{content:"";position:absolute;z-index:5;inset:-3px;pointer-events:none;background:linear-gradient(112deg,#080906fa 0 28%,#0d0e0bfa 62%,#070805f8);transition:opacity .15s steps(2,end)}
.telegram-mast{display:block;margin:-2px -2px 3px;padding:2px 3px 3px;border-bottom:2px double #645b48;font-family:var(--rosemary);font-size:8px;font-weight:800;line-height:1;letter-spacing:.12em;text-align:center}
.telegram-meta{display:flex;justify-content:space-between;margin:0 1px 3px;border-bottom:1px solid #8d8064;font-family:Arial,sans-serif;font-size:6px;line-height:1.15;letter-spacing:.07em}
.telegram-meta i{font-family:inherit;font-size:inherit;font-weight:700}
.telegram b{margin:0 1px 2px;font-family:var(--rosemary);font-size:18px;line-height:.9;letter-spacing:.07em}
.telegram em{margin-left:1px;font-family:"Courier New",monospace;font-size:7px;font-weight:700;line-height:1.05;letter-spacing:.01em}
.telegram-stamp{position:absolute;right:3px;bottom:3px;padding:1px 2px;border:1px solid #923126;color:#923126;font-family:Arial,sans-serif;font-size:5px;font-weight:800;letter-spacing:.07em;transform:rotate(-8deg);opacity:.68}
.telegram i,.telegram em,.telegram-mast,.telegram-meta,.telegram-stamp{opacity:0;transition:opacity .15s steps(2,end)}
.records-hall.lamp-on .desk-light{opacity:1}
.records-hall.lamp-on .desk-lamp img{filter:saturate(.9) brightness(1.02) contrast(1.08) drop-shadow(7px 9px 0 #10110e99) drop-shadow(0 0 13px #d9bd6a88)}
.records-hall.lamp-on .telegram{filter:none;background-color:#eee4c8;box-shadow:3px 3px 0 #171815}
.records-hall.lamp-on .telegram:after{opacity:0}
.records-hall.lamp-on .telegram i,.records-hall.lamp-on .telegram em,.records-hall.lamp-on .telegram-mast,.records-hall.lamp-on .telegram-meta,.records-hall.lamp-on .telegram-stamp{opacity:1}
.telegram-study.telegram-dark{filter:brightness(.8);opacity:.82}

/* Keep the shipment board clear of the freight elevator indicator */
.records-board{left:12.5%;right:auto;top:5%;width:15%}

/* Records hall typography — readable at the fixed 16:9 game scale */
.records-sign{top:1.5%;width:39%;box-sizing:border-box;padding:8px 14px 7px;font-size:21px;line-height:1.02;letter-spacing:.045em;white-space:nowrap}
.records-sign small{margin-top:5px;font-size:11px;line-height:1.1;letter-spacing:.14em;white-space:nowrap}
.records-board b,.records-board span{padding:8px 10px;font-size:13px;line-height:1.15;letter-spacing:.11em}
.records-board b{font-size:14px;letter-spacing:.13em}
.telegram{left:15%;width:45%;padding:8px}
.telegram b{font-size:18px}
.cage-header{font-size:16px;letter-spacing:.18em}
.alarm-panel b{padding:8px 1px;font-size:13px;letter-spacing:.1em}
.freight-elevator>span{padding:7px 12px;font-size:14px;letter-spacing:.14em}
.elevator-indicator b{top:5%;font-size:34px}
.records-board{left:11.5%;width:16.5%}
.records-board b,.records-board span{padding:8px 10px;font-size:13px;line-height:1.15;letter-spacing:.1em}
.records-board b{font-size:14px;letter-spacing:.12em}
.elevator-indicator{top:-13%;width:54%;height:12%;background:#171915;box-shadow:5px 5px 0 #0e0f0c,0 0 0 3px #66675b}
.elevator-indicator i{left:13%;top:24%;width:21px;height:21px}
.elevator-indicator b{right:14%;top:50%;font-size:33px;line-height:1;transform:translateY(-50%)}

/* Scene 4 — the lower archive */
.lower-archive{position:absolute;inset:0;overflow:hidden;background:#171b18;color:#ded5bd;isolation:isolate}.lower-archive:after{content:"";position:absolute;z-index:20;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 46%,transparent 20%,#03050488 100%)}
.archive-ceiling{position:absolute;z-index:3;left:0;right:0;top:0;height:19%;border-bottom:12px solid #0d100e;background:repeating-linear-gradient(90deg,#252b26 0 12%,#151915 12.5% 13.5%)}.archive-ceiling:after{content:"";position:absolute;left:7%;right:7%;bottom:13%;height:9px;background:#747466;box-shadow:0 15px 0 #11140f}.archive-ceiling i{position:absolute;top:20%;width:7px;height:46%;background:#d6c78f;box-shadow:0 0 29px #d9c87d99}.archive-ceiling i:nth-child(1){left:23%}.archive-ceiling i:nth-child(2){left:50%}.archive-ceiling i:nth-child(3){right:23%}
.archive-wall{position:absolute;z-index:2;left:3%;right:3%;top:17%;height:60%;border:11px solid #111410;background:repeating-linear-gradient(0deg,transparent 0 64px,#252a2555 66px 72px),linear-gradient(90deg,#343b35,#55594d 48%,#303630);box-shadow:15px 16px 0 #070907,inset 0 0 0 5px #777667}.archive-sign{position:absolute;z-index:5;left:50%;top:4%;width:34%;padding:10px;border:7px solid #181b17;background:#d8cfb6;color:#191b17;text-align:center;transform:translateX(-50%);box-shadow:7px 8px 0 #242821}.archive-sign b,.archive-sign small{display:block}.archive-sign b{font-size:24px;letter-spacing:.11em}.archive-sign small{margin-top:4px;font-size:11px;letter-spacing:.22em}.archive-clock{position:absolute;left:4%;top:7%;width:70px;height:70px;border:8px solid #171a16;border-radius:50%;background:#d9d0b8;box-shadow:7px 8px 0 #282c27}.archive-clock:before,.archive-clock:after{content:"";position:absolute;left:50%;top:50%;width:4px;background:#262922;transform-origin:50% 100%}.archive-clock:before{height:23px;transform:translate(-50%,-100%) rotate(64deg)}.archive-clock:after{height:18px;transform:translate(-50%,-100%) rotate(0deg)}
.archive-directory{position:absolute;z-index:5;left:3%;top:34%;width:19%;border:7px solid #171a16;background:#cfc6ad;color:#1c1e19;box-shadow:8px 9px 0 #222620}.archive-directory b,.archive-directory span{display:block;padding:8px 10px;border-bottom:3px solid #3d4038;font-size:13px;letter-spacing:.09em}.archive-directory b{background:#252a24;color:#ded5bd;font-size:15px}.archive-directory span:last-child{border:0}.archive-pipes{position:absolute;right:2%;top:5%;width:17%;height:82%}.archive-pipes i{position:absolute;top:0;bottom:0;width:18px;border:5px solid #141713;border-radius:10px;background:#66695d;box-shadow:7px 0 #242822}.archive-pipes i:nth-child(1){left:8%}.archive-pipes i:nth-child(2){left:42%}.archive-pipes i:nth-child(3){right:8%}.archive-pipes b{position:absolute;left:0;right:0;top:39%;height:14%;border:7px solid #171a16;background:#8b312b;box-shadow:8px 9px 0 #252821}
.archive-floor{position:absolute;z-index:1;inset:75% 0 0;background:linear-gradient(165deg,#69695d,#30352f 54%,#10130f)}.archive-floor:before{content:"";position:absolute;inset:5% -10% 0;background:repeating-linear-gradient(101deg,transparent 0 178px,#15191599 180px 186px,transparent 188px 350px);transform:perspective(440px) rotateX(58deg);transform-origin:top}
.archive-shelves{position:absolute;z-index:6;left:24%;bottom:9%;width:30%;height:53%;display:flex;gap:3%;perspective:700px}.archive-aisle{position:relative;flex:1;border:9px solid #151814;background:repeating-linear-gradient(0deg,#65675b 0 25px,#1b1f1a 27px 34px);box-shadow:10px 11px 0 #090b09;transition:transform .4s steps(4,end)}.archive-aisle b{position:absolute;z-index:3;left:50%;top:-11%;display:grid;place-items:center;width:44px;height:44px;border:6px solid #171a16;background:#d6cdb4;color:#1c1e19;font-size:23px;transform:translateX(-50%)}.archive-aisle i{display:block;height:27%;margin:11% 13%;border:4px solid #262a24;background:repeating-linear-gradient(90deg,#c9c0a7 0 9px,#777667 10px 13px)}.archive-aisle.aisle-c{z-index:2}.lower-archive.aisle-open .aisle-c{transform:translateZ(75px) translateY(-7px)}.deposit-key{position:absolute;z-index:5;left:38%;bottom:21%;width:25px;height:46px;border:5px solid #171a16;border-radius:48% 48% 8px 8px;background:#bba45d;transform:rotate(8deg);box-shadow:4px 4px 0 #252821}.deposit-key:after{content:"";position:absolute;left:6px;right:6px;top:6px;height:10px;border-radius:50%;background:#1b1e19}.lower-archive.key-removed .deposit-key{display:none}
.archive-vault{position:absolute;z-index:7;left:57%;bottom:8%;width:24%;height:55%;border:12px solid #111410;background:#252a25;box-shadow:16px 17px 0 #080a08;overflow:hidden}.vault-door{position:absolute;z-index:4;inset:3%;border:11px solid #77776a;background:radial-gradient(circle at 46% 45%,#66695d 0 12%,#30342e 13% 48%,#20241f 49%);transform-origin:left;transition:transform .5s steps(5,end)}.vault-door>b{position:absolute;right:7%;top:7%;font-size:28px}.vault-door small{position:absolute;right:5%;bottom:7%;font-size:10px;letter-spacing:.14em}.vault-wheel{position:absolute;left:45%;top:48%;width:100px;height:100px;border:12px double #aca893;border-radius:50%;transform:translate(-50%,-50%)}.vault-wheel:before,.vault-wheel:after,.vault-wheel i{content:"";position:absolute;left:50%;top:50%;width:118%;height:9px;background:#aaa692;transform:translate(-50%,-50%)}.vault-wheel:after{transform:translate(-50%,-50%) rotate(60deg)}.vault-wheel i{transform:translate(-50%,-50%) rotate(-60deg)}.vault-interior{position:absolute;inset:8%;display:flex;align-items:center;justify-content:center;gap:11%;background:#080a08;box-shadow:inset 0 0 35px #000}.black-ledger{display:grid;place-items:center;width:38%;height:48%;border:5px solid #817c69;background:#171a17;color:#c9b85e;font-size:13px;letter-spacing:.08em;transform:rotate(-4deg)}.sealed-notes{display:grid;place-items:center;width:28%;height:27%;border:5px double #272b25;background:#d0c6aa;color:#8d2e28;font-size:30px;transform:rotate(5deg)}.lower-archive.vault-open .vault-door{transform:perspective(800px) rotateY(-102deg)}.lower-archive.ledger-taken .black-ledger,.lower-archive.money-taken .sealed-notes{visibility:hidden}
.maintenance-exit{position:absolute;z-index:5;right:2%;bottom:8%;width:13%;height:47%;border:10px solid #111410;background:repeating-linear-gradient(90deg,#171b17 0 11px,transparent 12px 34px),#424840;box-shadow:12px 13px 0 #080a08}.maintenance-exit b{position:absolute;left:50%;top:-13%;padding:8px 12px;border:5px solid #171a16;background:#d2c9b0;color:#191b17;font-size:11px;letter-spacing:.12em;transform:translateX(-50%)}.maintenance-exit span{position:absolute;left:-6%;right:-6%;top:46%;height:14px;background:#9d322b;transform:rotate(-11deg);box-shadow:0 0 0 4px #171a16}.maintenance-exit i{position:absolute;left:45%;top:39%;width:24px;height:80px;border:6px solid #b5aa7e;border-radius:13px;transform:rotate(-11deg)}
.lower-archive.shelf-noise{animation:archiveKnock .3s steps(2,end) 3}.lower-archive.wrong-time .archive-clock{background:#a9342c}.lower-archive.watched .archive-pipes b{box-shadow:8px 9px 0 #252821,0 0 28px #b7332b}.archive-card-study,.aisle-study,.vault-study,.time-lock-study{margin:14px 0;padding:18px;border:3px solid #34362f;background:#ccc2aa;color:#1b1d18;box-shadow:5px 5px 0 #993029}.archive-card-study{display:grid;gap:6px;text-align:center}.archive-card-study b{font-size:31px}.archive-card-study span{font-size:21px}.archive-card-study i{font-style:normal;letter-spacing:.16em}.aisle-study{display:flex;justify-content:center;gap:16px}.aisle-study i{display:grid;place-items:center;width:78px;height:78px;border:4px solid #262923;background:#e0d7be;font-size:34px;font-style:normal;box-shadow:4px 4px 0 #77715f}.vault-study{display:flex;justify-content:center;gap:25px}.vault-study i,.vault-study b{display:grid;place-items:center;width:145px;height:105px;border:5px solid #363830;font-style:normal}.vault-study i{background:#171a17;color:#c8b55d}.vault-study b{background:#dfd5ba;color:#8e3028}.time-lock-study{display:flex;align-items:end;justify-content:center;gap:16px}.time-lock-study label{display:grid;gap:5px;font-size:11px;font-weight:800;letter-spacing:.14em}.time-lock-study input{width:105px;border:4px solid #272a24;background:#f0e6cc;color:#171914;padding:8px;font:30px var(--rosemary);text-align:center}.time-lock-study>b{font-size:35px;padding-bottom:8px}@keyframes archiveKnock{50%{transform:translateX(3px)}}

/* Lower archive refinement: stronger perspective and physical props */
.archive-wall{background:repeating-linear-gradient(0deg,transparent 0 63px,#1b201c88 64px 69px),repeating-linear-gradient(90deg,#373e38 0 128px,#303630 129px 133px);box-shadow:15px 16px 0 #070907,inset 0 0 0 5px #6f7063,inset 0 -42px 0 #252a25}
.archive-wall:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:8%;height:14px;background:#171a16;box-shadow:0 7px 0 #757568}
.archive-sign{top:3%;width:32%;padding:9px 13px;background:linear-gradient(#e1d8bf,#c6bda5);box-shadow:7px 8px 0 #242821,0 0 0 2px #817b68}.archive-sign b{font-size:27px}.archive-sign small{font-size:12px}
.archive-clock{left:5%;top:8%;width:78px;height:78px;background:radial-gradient(circle,#e2d8bd 0 55%,#a29b84 57% 63%,#252821 65%);box-shadow:8px 9px 0 #1d211d}.archive-clock:before{height:25px}.archive-clock:after{height:20px}.archive-clock i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#242720;transform:translate(-50%,-50%)}
.archive-directory{left:3.5%;top:35%;width:18.5%;background:#d8ceb3;box-shadow:9px 10px 0 #171b17,0 0 0 2px #74705f}.archive-directory b{padding:10px 12px;font-size:16px}.archive-directory span{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px}.archive-directory span i,.archive-directory span em{font-style:normal}.archive-directory span em{display:grid;place-items:center;width:27px;height:27px;background:#252a24;color:#ded5bd;font-size:17px}.archive-directory span:nth-of-type(2){background:#eee3c5}
.archive-shelves{left:24%;bottom:7%;width:31%;height:52%;gap:2.3%;transform:perspective(900px) rotateX(1deg)}.archive-aisle{border-width:10px;background:linear-gradient(90deg,#343930,#6b6c5f 48%,#30352e);box-shadow:12px 13px 0 #090b09,inset 5px 0 #81817355}.archive-aisle:before{content:"";position:absolute;left:-5px;right:-5px;bottom:-16px;height:17px;background:#171a16;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.archive-aisle b{top:-12%;width:48px;height:48px;background:linear-gradient(#e1d7bd,#beb69e);box-shadow:4px 5px 0 #262923}.archive-aisle i{position:relative;height:25%;margin:12% 11%;border:5px solid #20241f;background:linear-gradient(95deg,#bbb39d,#ded3b8 55%,#8d8978);box-shadow:inset 0 0 0 3px #f1e7cc55}.archive-aisle i:after{content:attr(data-box);position:absolute;left:50%;top:50%;padding:3px 5px;background:#272a24;color:#d7ceb5;font-size:9px;font-style:normal;letter-spacing:.08em;transform:translate(-50%,-50%)}.archive-aisle.aisle-c{transform:translateY(-8px)}.lower-archive.aisle-open .aisle-c{transform:translateZ(82px) translateY(-16px)}
.deposit-key{position:absolute;z-index:5;left:20%;bottom:29%;width:62%;height:24%;object-fit:contain;border:0;border-radius:0;background:none;box-shadow:none;filter:sepia(.65) saturate(.8) brightness(.72) contrast(1.25) drop-shadow(3px 4px 1px #12140f);transform:rotate(13deg)}.deposit-key:after{display:none}
.archive-vault{left:58%;bottom:7%;width:23%;height:57%;border-width:14px;background:#1a1d19;box-shadow:17px 18px 0 #080a08,inset 0 0 0 4px #66675b}.vault-door{inset:2.5%;border-width:12px;background:radial-gradient(circle at 44% 47%,#454a41 0 14%,#2a2e29 15% 50%,#1a1e1a 51%);box-shadow:inset 0 0 0 4px #77776a}.vault-door:before{content:"";position:absolute;inset:3%;border:4px solid #77776a;box-shadow:inset 0 0 0 3px #151814}.vault-door>b{right:8%;top:7%;padding:3px 6px;background:#d4cbb2;color:#1c1e19;font-size:26px}.vault-door small{right:7%;bottom:6%;padding:4px;background:#171a16;color:#d4cbb2;font-size:11px}.vault-wheel{left:41%;top:52%;width:108px;height:108px;border-width:11px}.vault-wheel:before,.vault-wheel:after,.vault-wheel i{height:8px}.vault-dial{position:absolute;right:9%;top:29%;width:64px;height:64px;border:8px double #a6a28e;border-radius:50%;background:repeating-conic-gradient(#d1c8aa 0 3deg,#282c27 4deg 8deg)}.vault-dial:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#242822}.vault-dial i{position:absolute;z-index:2;left:50%;top:50%;width:4px;height:20px;background:#d0c5a6;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(65deg)}
.vault-interior{inset:6%;align-items:flex-end;gap:9%;padding:14% 8%;background:linear-gradient(105deg,#050605,#11140f 52%,#030403);box-shadow:inset 0 0 45px #000}.black-ledger{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:43%;height:56%;border:6px double #938a68;background:linear-gradient(90deg,#10130f 0 10%,#242923 11% 88%,#0c0e0c 89%);color:#cbb766;font-size:inherit;transform:rotate(-4deg);box-shadow:7px 8px 0 #000}.black-ledger:after{content:"";position:absolute;right:-5px;top:8%;bottom:8%;width:6px;background:repeating-linear-gradient(0deg,#ded4b7 0 2px,#756f5e 3px 4px)}.black-ledger small{font-size:7px;letter-spacing:.13em}.black-ledger b{margin:8px 0 5px;font-size:18px;letter-spacing:.09em}.black-ledger i{font-size:7px;font-style:normal;letter-spacing:.11em}.sealed-notes{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:31%;border:4px solid #282b25;background:repeating-linear-gradient(0deg,#d8cfb4 0 11px,#c7bda3 12px 14px);color:#8d2e28;font-size:inherit;transform:rotate(5deg);box-shadow:6px 7px 0 #000}.sealed-notes:after{content:"";position:absolute;left:37%;top:-5px;bottom:-5px;width:25%;border-left:2px solid #9d2e28;border-right:2px solid #9d2e28;background:#b7352d33}.sealed-notes small,.sealed-notes i{z-index:2;font-size:7px;font-style:normal;letter-spacing:.13em}.sealed-notes b{z-index:2;font-size:27px;line-height:1}
.maintenance-exit{right:2.5%;bottom:7%;width:13%;height:49%;border-width:11px;background:linear-gradient(90deg,#272c27,#4e554c 50%,#20251f);box-shadow:13px 14px 0 #080a08,inset 0 0 0 5px #68695d}.maintenance-exit:before{content:"";position:absolute;inset:9% 11%;border:5px solid #1c201b}.maintenance-exit b{z-index:3;top:-13%;font-size:12px;background:#ded5bc;white-space:nowrap}.maintenance-exit small{position:absolute;z-index:2;left:50%;top:8%;color:#d8ceb5;font-size:8px;letter-spacing:.16em;transform:translateX(-50%);white-space:nowrap}.maintenance-exit span{z-index:4;top:48%;height:15px;background:#9d322b}.maintenance-exit i{z-index:5;left:43%;top:39%;width:29px;height:88px;border-color:#b9ae82}.maintenance-exit em{position:absolute;z-index:3;right:15%;top:56%;width:18px;height:18px;border-radius:50%;background:#afa269;box-shadow:0 0 0 5px #161914}.lower-archive.exit-open .maintenance-exit{background:#050705}.lower-archive.exit-open .maintenance-exit span,.lower-archive.exit-open .maintenance-exit i{display:none}
.lower-archive.alert{animation:archiveAlert .32s steps(2,end) 3}.lower-archive.alert .archive-ceiling i{box-shadow:0 0 42px #c33b30}.lower-archive.watched .archive-pipes b{background:#b5352c;box-shadow:8px 9px 0 #252821,0 0 34px #cf392f}@keyframes archiveAlert{50%{filter:brightness(1.13) contrast(1.08)}}

/* Phone playtesting: keep the visible dots small while giving fingers a generous target. */
@media (pointer:coarse){
  .hotspot{width:88px;height:88px;margin:-44px;border-color:transparent;background:transparent;box-shadow:none;opacity:1}
  .hotspot:before{content:"";position:absolute;left:32px;top:32px;width:20px;height:20px;border:2px solid #eee8d7;border-radius:50%;background:#181915dd;box-shadow:0 0 0 1px #15161299}
  .hotspot:after{inset:auto;left:39px;top:39px;width:10px;height:10px}
  .hotspot.danger:before{border-color:#b62e26}
  .hotspot:hover,.hotspot:focus-visible{transform:none}
  #sound{min-height:70px;padding:18px 22px;font-size:16px}
  #fullscreen{right:365px;top:20px;min-height:70px;padding:18px 22px;font-size:16px}
  #radio-control{right:205px;top:15px;width:136px;height:92px;padding:0}
  #radio-control img{left:-40px;top:-79px;width:266px;height:266px}
  .inventory-item{min-width:82px;height:72px;font-size:12px}
  #card-actions button,#card-close{min-height:58px;padding:15px 21px;font-size:14px}
  #drawer-close{min-height:58px;padding:15px 21px;font-size:14px}
}

@media (orientation:portrait) and (max-width:700px){
  #stage{visibility:hidden}
  #rotate-device{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:linear-gradient(155deg,#11120f 0 67%,#8f2922 67%);color:#e8e0c9;text-align:center;text-transform:uppercase}
  #rotate-device:before{content:"";width:94px;height:54px;margin-bottom:28px;border:4px solid #e8e0c9;box-shadow:8px 8px 0 #a62c24;transform:rotate(90deg);animation:turn-frame 1.5s steps(4,end) infinite alternate}
  #rotate-device span{margin-bottom:10px;color:#c33b30;font:800 12px/1 Arial,sans-serif;letter-spacing:.3em}
  #rotate-device b{font-family:var(--rosemary);font-size:clamp(34px,11vw,58px);line-height:.9;letter-spacing:.02em}
  #rotate-device small{margin-top:22px;font-family:var(--rosemary);font-size:18px;font-style:italic;text-transform:none}
  #play-anyway{margin-top:30px;border:2px solid #e8e0c9;background:#171815;color:#e8e0c9;padding:15px 20px;font:800 12px/1 Arial,sans-serif;letter-spacing:.18em;box-shadow:7px 7px 0 #a62c24}
}

/* In an embed, CSS orientation can describe the iframe instead of the phone.
   The script marks the physical device orientation and these rules win. */
html.device-landscape #stage,
html.orientation-dismissed #stage{visibility:visible!important}
html.device-landscape #rotate-device,
html.orientation-dismissed #rotate-device{display:none!important}

@keyframes turn-frame{to{transform:rotate(0deg)}}
@media (prefers-reduced-motion:reduce){#rotate-device:before{animation:none;transform:rotate(0deg)}}
@media (prefers-reduced-motion:reduce){.security-lamp:after{animation:none!important;transform:none!important}}

/* Customs House exterior: architectural depth and motivated night lighting */
.alley{
  background:
    radial-gradient(ellipse at 52% 18%,#4f554928 0 15%,transparent 42%),
    linear-gradient(180deg,#0a0c0b 0 25%,#171a16 58%,#10120f 100%);
}
.alley-sky{
  background:
    linear-gradient(112deg,transparent 0 63%,#78807610 64% 66%,transparent 68%),
    linear-gradient(#080a0a,#20241f);
  border-bottom-color:#11130f;
}
.customs-building{
  top:5.5%;
  height:74%;
  border-color:#191b17;
  background:
    linear-gradient(90deg,#20221d99 0 2.5%,transparent 8% 91%,#171914aa 98%),
    repeating-linear-gradient(0deg,#57594e 0 29px,#393b33 30px 34px),
    #494b41;
  box-shadow:0 15px 0 #11130f,13px 18px 0 #080906;
}
.customs-building:before{
  background:
    linear-gradient(180deg,#8b897228 0 16%,transparent 27% 88%,#11130f88 100%),
    repeating-linear-gradient(90deg,transparent 0 132px,#25272080 134px 138px,transparent 140px 265px);
  opacity:.78;
}
.customs-building:after{
  top:18%;
  height:12px;
  background:linear-gradient(#858474,#3d3f36 48%,#1b1d18 52%);
  box-shadow:0 5px 0 #171915,0 14px 0 #64655855;
}
.customs-cornice{
  left:19%;
  right:19%;
  height:16.5%;
  border-color:#1a1c18;
  background:linear-gradient(180deg,#e2dac2 0 72%,#aaa48f 73% 87%,#67685a 88%);
  box-shadow:0 7px 0 #171915,6px 11px 0 #0b0c0a99;
}
.customs-cornice span{font-size:13px;letter-spacing:.42em}
.customs-cornice b{font-size:49px;letter-spacing:.055em;text-shadow:none}
.customs-pilaster{
  top:20%;
  bottom:1%;
  width:5%;
  border-color:#242620;
  background:linear-gradient(90deg,#36382f 0 16%,#6e7062 43% 58%,#3a3c33 84%);
  box-shadow:5px 0 0 #171915;
}
.customs-pilaster:before{
  content:"";
  position:absolute;
  left:-24%;
  right:-24%;
  top:-2%;
  height:6%;
  border-top:5px solid #242620;
  border-bottom:5px solid #242620;
  background:#77786a;
}
.customs-pilaster:after{
  content:"";
  position:absolute;
  left:-31%;
  right:-31%;
  bottom:-1%;
  height:7%;
  border:5px solid #242620;
  background:linear-gradient(#6c6d60,#3d3f36);
}
.upper-window{
  top:27%;
  height:20%;
  border-color:#191b17;
  background:linear-gradient(118deg,#0d100d 0 42%,#777d6c 43% 46%,#171a16 48%);
  box-shadow:inset 0 0 0 5px #4d5146,5px 7px 0 #20221d;
}
.upper-window:before{
  content:"";
  position:absolute;
  left:-14%;
  right:-14%;
  bottom:-17px;
  height:9px;
  border:4px solid #22241f;
  background:#77786a;
  box-shadow:0 5px 0 #161814;
}
.service-door{
  left:42.25%;
  width:18%;
  height:47%;
  border-color:#171915;
  background:linear-gradient(90deg,#171a16,#30342c 46%,#20231e);
  box-shadow:5px 0 0 #0c0d0b,inset 8px 0 #11130f;
}
.service-door:before{border-color:#484c41;box-shadow:inset 4px 0 #151713}
.door-canopy{
  left:-12%;
  right:-12%;
  top:-11%;
  height:10%;
  border-color:#171915;
  background:linear-gradient(#727365,#484a40);
  box-shadow:0 5px 0 #0e0f0d;
}
.loading-step{
  left:39%;
  width:24.5%;
  height:7%;
  background:linear-gradient(#79786a 0 30%,#2a2c25 31% 58%,#181a16 59%);
  box-shadow:0 -4px 0 #1c1e19,9px 6px 0 #090a08;
}
.security-lamp{
  left:48.35%;
  top:21.5%;
  width:5%;
  height:6.5%;
  background:linear-gradient(#4a4c41,#20221d);
  box-shadow:4px 5px 0 #0f100e;
}
.security-lamp i{
  left:24%;
  right:24%;
  bottom:-7px;
  height:12px;
  background:#e3d092;
  box-shadow:0 0 15px #e6cf8988;
}
.security-lamp:after{
  left:-133px;
  top:38px;
  width:320px;
  height:350px;
  background:
    radial-gradient(ellipse at 50% 0,#efdca745 0 12%,#d7c58222 38%,transparent 72%);
  clip-path:polygon(42% 0,58% 0,94% 100%,6% 100%);
  opacity:.78;
  transform-origin:50% 0;
  animation:searchlight-sweep 7.8s cubic-bezier(.45,0,.55,1) infinite alternate;
  will-change:transform;
}
@keyframes searchlight-sweep{
  0%,12%{transform:rotate(-11deg)}
  48%,57%{transform:rotate(1deg)}
  90%,100%{transform:rotate(11deg)}
}
.watch-booth{
  right:4%;
  width:21.5%;
  height:44%;
  border-color:#181a16;
  background:linear-gradient(90deg,#1c1f1a,#34382f 48%,#20231d);
  box-shadow:7px 0 0 #0b0c0a,inset 7px 0 #141612;
}
.watch-booth:before{
  left:-6%;
  right:-6%;
  top:-10%;
  height:11%;
  background:linear-gradient(#737467,#45473d);
  box-shadow:0 5px 0 #10110e;
}
.booth-glass{
  background:
    linear-gradient(116deg,#777d6b44 0 31%,#d5c58d20 32% 40%,#0d100d 42%),
    #171a16;
  box-shadow:inset 0 0 0 5px #4b4f44,4px 5px 0 #131511;
}
.fuse-box{
  background:linear-gradient(115deg,#6c6e61,#4c4f44);
  box-shadow:5px 6px 0 #11130f;
}
.alley-ground{
  background:
    linear-gradient(169deg,#3b3e35 0 3%,transparent 4%),
    repeating-linear-gradient(169deg,#30332c 0 54px,#292c25 55px 58px,#1a1c18 59px 112px);
}
.alley-ground:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#080a0877 0 12%,transparent 31% 74%,#080a0855 100%);
  pointer-events:none;
}
.photo-car>img{
  filter:saturate(.38) brightness(.47) contrast(1.28) sepia(.08) drop-shadow(8px 10px 0 #080906aa);
}
.alley.power-cut .security-lamp:after{opacity:0}

/* Title-page treatment for the inter-scene cards and the promotional ending. */
#cut-screen,
#continued-screen{
  overflow:hidden;
  background:linear-gradient(100deg,#090a08 0 66%,#561d17 66% 69%,#a62c24 69%);
  color:var(--cream);
  text-align:left;
}
#cut-screen{padding:128px 150px}
#continued-screen{padding:105px 150px}
#cut-screen:before,
#continued-screen:before{
  content:"";
  position:absolute;
  z-index:0;
  top:-90px;
  right:-132px;
  width:350px;
  height:1090px;
  background:#a62c24;
  transform:skewX(-10deg);
  box-shadow:-48px 0 0 #561d17;
  pointer-events:none;
}
#cut-screen:after{
  content:"";
  position:absolute;
  z-index:1;
  left:145px;
  top:82px;
  width:575px;
  height:7px;
  background:var(--red);
}
#cut-screen > *,
#continued-screen > *{z-index:2}
.cut-kicker,
.continued-kicker{
  position:relative;
  margin:0 0 42px;
  color:var(--cream);
  font-size:17px;
  font-weight:700;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.continued-kicker:before,
.continued-kicker:after{display:none}
#cut-title{
  position:relative;
  max-width:1080px;
  margin:0;
  color:var(--cream);
  font-family:var(--rosemary);
  font-size:118px;
  line-height:.86;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
#cut-copy{
  position:relative;
  max-width:920px;
  margin:48px 0 62px;
  color:var(--cream);
  font-size:34px;
}
#cut-screen .film-button{
  position:relative;
  border-color:var(--cream);
  background:transparent;
  color:var(--cream);
  box-shadow:7px 7px 0 var(--red);
}
#cut-screen .film-button:hover,
#cut-screen .film-button:focus-visible{background:var(--cream);color:var(--ink)}
.continue-card{
  z-index:2;
  right:115px;
  bottom:48px;
  color:var(--cream);
  font-size:20px;
  letter-spacing:.18em;
}
.continued-rule{
  z-index:2;
  left:145px;
  right:auto;
  top:82px;
  width:575px;
  height:7px;
  background:var(--red);
  box-shadow:none;
}
#continued-screen h2{
  position:relative;
  margin:0;
  color:var(--cream);
  font-size:116px;
  line-height:.78;
  text-transform:uppercase;
}
#continued-screen h2 span{color:var(--red)}
#continued-screen h2 b{color:var(--cream)}
#continued-copy{
  position:relative;
  max-width:1020px;
  margin:38px 0 34px;
  color:var(--cream);
  font-size:27px;
}
.continued-actions{position:relative}
.stream-button{
  border:2px solid var(--cream);
  background:transparent;
  color:var(--cream);
  box-shadow:7px 7px 0 var(--red);
}
.stream-button:hover,
.stream-button:focus-visible{
  border-color:var(--cream);
  background:var(--cream);
  color:var(--ink);
  outline:0;
}
#updates-form>label{color:var(--red)}
.email-line input{
  border-color:var(--cream);
  background:#11120f;
  color:var(--cream);
}
.email-line input::placeholder{color:#a69f8e}
.email-line button{
  border-color:var(--cream);
  background:transparent;
  color:var(--cream);
  box-shadow:6px 6px 0 var(--red);
}
.email-line button:hover,
.email-line button:focus-visible{background:var(--cream);color:var(--ink)}
.continued-replay{
  z-index:2;
  color:var(--cream);
  border-color:var(--cream);
}
.continued-credit{z-index:2;right:96px;color:var(--cream)}

/* Keep the night-office close-up visually continuous with the full alley facade. */
.window-release-study,
.window-jack-study{
  height:190px;
  margin:16px 0 12px;
  border:12px solid #171815;
  background:linear-gradient(90deg,#23251f,#3c4036 48%,#20221d);
  box-shadow:8px 9px 0 #0c0d0a;
}
.window-release-study:before,
.window-jack-study:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:12px;
  width:auto;
  height:auto;
  border:7px solid #171815;
  background:
    linear-gradient(90deg,transparent 0 49%,#171815 49% 51%,transparent 51%),
    linear-gradient(116deg,#8a8f7a55 0 32%,#dfcf992e 33% 43%,#10130f 45%);
  box-shadow:inset 0 0 0 5px #55594c,6px 6px 0 #151612;
}
.window-release-study:after,
.window-jack-study:after{
  content:"";
  position:absolute;
  z-index:4;
  right:12px;
  top:12px;
  width:calc(50% - 12px);
  height:calc(100% - 24px);
  border:7px solid #171815;
  border-top:0;
  background:linear-gradient(116deg,#777d6b66 0 31%,#d5c58d2e 32% 40%,#171a16ee 42%);
  box-shadow:inset 0 0 0 4px #55594c;
}
.window-release-study.narrow:after{transform:translateY(-7%)}
.window-release-study.open:after{
  left:auto;
  right:12px;
  top:-42%;
  width:calc(50% - 12px);
  height:calc(100% - 24px);
  background:linear-gradient(116deg,#777d6b66 0 31%,#d5c58d2e 32% 40%,#171a16ee 42%);
  box-shadow:inset 0 0 0 4px #55594c;
}
.window-release-study>i,
.window-jack-study i{
  z-index:2;
  left:21%;
  top:98px;
  width:35px;
  height:35px;
  border:6px solid #d6c9a5;
  background:#a72f29;
  box-shadow:0 0 0 5px #252620,4px 5px 0 #11120f;
}
.window-release-study>i:after,
.window-jack-study i:after{
  content:"";
  position:absolute;
  left:50%;
  top:-22px;
  width:6px;
  height:15px;
  background:#d4ccb5;
  transform:translateX(-50%);
  box-shadow:0 50px 0 #d4ccb5;
}
.window-release-study b,
.window-release-study span{display:none}
.release-button-study{
  z-index:3;
  left:20%;
  top:92px;
  width:47px;
  height:47px;
  border:6px solid #d6c9a5;
  background:#a72f29;
  box-shadow:0 0 0 5px #252620,5px 6px 0 #11120f;
}
.release-button-study:after{
  content:"";
  position:absolute;
  left:50%;
  top:-22px;
  width:6px;
  height:15px;
  background:#d4ccb5;
  transform:translateX(-50%);
  box-shadow:0 50px 0 #d4ccb5;
}
.window-release-study.open:before{
  z-index:5;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 49%,#171815 49% 51%,transparent 51%),
    linear-gradient(116deg,#d4dbc43d 0 18%,transparent 20% 58%,#939a8826 60% 68%,transparent 70%);
  box-shadow:inset 0 0 0 5px #55594c,6px 6px 0 #151612,inset 0 0 16px #cbd2bd18;
}
.window-jack-study img{
  z-index:5;
  right:3%;
  bottom:-3%;
  width:44%;
  height:58%;
  filter:grayscale(.45) brightness(.5) contrast(1.3) drop-shadow(3px 4px 0 #090a08aa);
}