:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#eee6d8;background:#16120f;--ink:#ede6da;--rust:#8b3c28;--paper:#c9bda7;--wood:#4a3327;--dark:#120f0d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#16120f;overscroll-behavior:none}body{overflow:hidden;color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none}button{font:inherit;color:inherit}.noise{pointer-events:none;position:fixed;inset:0;z-index:1000;opacity:.11;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.hud{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 11px;background:linear-gradient(#0d0b0af2,#0d0b0aaa,transparent);pointer-events:none}.brand{display:flex;flex-direction:column;gap:1px}.brand-kicker{font-size:14px;letter-spacing:.19em;color:#8f8578}.brand strong{font-size:19px;letter-spacing:.12em;font-family:serif}.hud-right{display:flex;align-items:center;gap:10px;pointer-events:auto}.clue-box{display:flex;align-items:baseline;gap:6px;background:#0006;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;backdrop-filter:blur(8px)}.clue-box span{font-size:14px;color:#9f9589;letter-spacing:.08em}.clue-box strong{font-size:14px}.sound-btn{border:1px solid #ffffff1c;background:#0007;border-radius:999px;padding:7px 9px;font-size:14px;letter-spacing:.08em}#game,section{width:100%;height:100dvh}.corridor,.room-view{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s ease}.corridor.active,.room-view.active{opacity:1;pointer-events:auto}.corridor{overflow:hidden;background:radial-gradient(circle at 75% 20%,#4d3424 0,#2b211a 25%,#15110e 68%,#0c0a09 100%)}.skyline{position:absolute;inset:auto 0 0;height:54%;opacity:.42;background:linear-gradient(to top,#050504 0 36%,transparent 36%)}.skyline span{position:absolute;bottom:34%;width:12%;background:#0b0a08;border-top:1px solid #5f4a3555}.skyline span:nth-child(1){left:1%;height:24%}.skyline span:nth-child(2){left:15%;width:18%;height:31%}.skyline span:nth-child(3){right:15%;width:21%;height:28%}.skyline span:nth-child(4){right:-2%;width:16%;height:38%}.skyline span:nth-child(5){left:39%;width:13%;height:20%}.utility-wire{position:absolute;z-index:1;height:2px;background:#050504;width:140%;left:-20%;transform-origin:left center;box-shadow:0 0 0 1px #0004}.wire-a{top:24%;transform:rotate(5deg)}.wire-b{top:30%;transform:rotate(-3deg)}.apartment-shell{position:absolute;left:50%;top:49%;width:min(840px,95vw);height:min(590px,72vh);transform:translate(-50%,-50%);filter:drop-shadow(0 32px 30px #0009);perspective:900px}.roof{position:absolute;z-index:8;top:-7%;left:-5%;right:-5%;height:12%;background:linear-gradient(175deg,#211a15,#0c0a08);clip-path:polygon(4% 100%,11% 8%,89% 8%,96% 100%);border-bottom:7px solid #17110d}.roof i{position:absolute;top:22%;bottom:10%;width:1px;background:#51403344}.roof i:nth-child(1){left:18%}.roof i:nth-child(2){left:34%}.roof i:nth-child(3){left:50%}.roof i:nth-child(4){left:66%}.roof i:nth-child(5){left:82%}.floor{position:absolute;left:5%;right:5%;height:43%;background:linear-gradient(90deg,#47372d 0,#5a4131 48%,#382a23 100%);border-left:8px solid #2a1d17;border-right:8px solid #211713;box-shadow:inset 0 0 0 1px #a88d6855,inset 0 -24px 34px #120d0a99}.second-floor{top:4%;border-bottom:12px solid #2a1e19}.first-floor{top:49%;border-bottom:12px solid #241914}.foundation{position:absolute;left:4%;right:4%;top:92%;height:6%;background:#17110e;border-top:5px solid #2b211b;display:flex;gap:4%;padding:0 4%}.foundation span{flex:1;background:linear-gradient(90deg,#251d18,#0b0908)}.rail{position:absolute;z-index:10;left:0;right:0;bottom:6%;height:32%;border-top:5px solid #30241e;border-bottom:4px solid #281e19;background:repeating-linear-gradient(90deg,transparent 0 8%,#2c211c 8.5% 9.5%)}.door{position:absolute;z-index:6;top:15%;width:21%;height:73%;border:0;border-radius:1px;background:linear-gradient(90deg,#2f211a,#4a3124 50%,#2e1f19);box-shadow:inset 0 0 0 3px #201612,inset 0 0 0 5px #684a34,0 12px 18px #0008;transform-origin:center bottom;cursor:pointer;transition:transform .18s ease,filter .18s ease}.door:hover,.door:active{transform:perspective(500px) rotateY(-7deg) translateY(-2px);filter:brightness(1.18)}.door:after{content:"";position:absolute;inset:15% 11% 12%;border:1px solid #86674a3b}.door-101,.door-201{left:8%}.door-102,.door-202{left:38.5%}.door-103,.door-203{right:8%}.room-no{position:absolute;top:7%;left:8%;font:700 10px/1 monospace;color:#afa08c}.nameplate{position:absolute;top:20%;left:50%;transform:translateX(-50%);min-width:52%;background:#b9a887;color:#2c211a;border:1px solid #251b16;padding:4px 6px;font:700 9px/1 serif;letter-spacing:.12em}.nameplate.blank{color:#5d5347;background:#9e927f}.handle{position:absolute;right:10%;top:54%;width:8px;height:8px;border-radius:50%;background:#8a7659;box-shadow:0 0 0 2px #1b130f}.locked{filter:saturate(.45) brightness(.65)}.seal{position:absolute;left:-4%;right:-4%;top:48%;transform:rotate(-8deg);background:#a5a092;color:#402f24;padding:4px 0;font:800 9px/1 monospace;letter-spacing:.12em;box-shadow:0 2px 8px #0007}.locked.unlocked{filter:none;animation:unlockPulse 1.4s ease infinite}.locked.unlocked .seal{background:#7f291e;color:#f2d8bd}.stair{position:absolute;z-index:12;right:-4%;width:13%;height:55%;transform:skewY(-20deg);border-left:5px solid #291e19;border-right:5px solid #1e1613;background:repeating-linear-gradient(to bottom,#382921 0 8%,#19120f 8% 13%)}.stair.top{bottom:-54%}.stair.bottom{bottom:-17%;transform:skewY(20deg)}.rain-pipe{position:absolute;z-index:9;left:1%;top:-6%;bottom:-7%;width:8px;background:linear-gradient(90deg,#181818,#57534a,#151515);box-shadow:2px 0 4px #0008}.mailbox{position:absolute;left:2%;bottom:4%;width:9%;height:25%;background:#5a4b3d;border:2px solid #1f1713;z-index:11;display:grid;place-items:center}.mailbox span{writing-mode:vertical-rl;font:700 8px/1 serif;color:#bdad95}.bicycle{position:absolute;right:1%;bottom:0;width:19%;height:40%;z-index:13}.bicycle i{position:absolute;bottom:0;width:42%;aspect-ratio:1;border:4px solid #181411;border-radius:50%}.bicycle i:first-child{left:0}.bicycle i:nth-child(2){right:0}.bicycle b{position:absolute;left:27%;right:25%;bottom:18%;height:4px;background:#24201c;transform:rotate(-20deg)}.laundry{position:absolute;z-index:13;left:31%;right:8%;top:3%;height:20%;border-top:1px solid #31241d}.laundry b{position:absolute;top:0;width:11%;height:70%;background:#766452;filter:brightness(.72);transform-origin:top}.laundry b:nth-child(1){left:20%;transform:rotate(4deg)}.laundry b:nth-child(2){left:48%;height:90%;background:#6b4137;transform:rotate(-3deg)}.laundry b:nth-child(3){right:11%;width:8%;height:62%;background:#49515a;transform:rotate(2deg)}.corridor-copy{position:absolute;z-index:20;left:max(18px,calc((100vw - 900px)/2));bottom:calc(38px + env(safe-area-inset-bottom));max-width:440px;text-shadow:0 2px 14px #000}.corridor-copy .chapter{margin:0 0 9px;font-size:14px;letter-spacing:.16em;color:#b5a38c}.corridor-copy h1{margin:0;font:800 clamp(28px,5vw,48px)/1.04 serif;letter-spacing:.02em}.corridor-copy h1 em{color:#c45e40;font-style:normal}.corridor-copy>p:last-child{margin:10px 0 0;font-size:14px;color:#b9ada0;line-height:1.7}.presence-wrap{position:absolute;z-index:25;right:18px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px}.presence-wrap>span{font-size:14px;letter-spacing:.16em;color:#958a7c}.presence-track{width:84px;height:5px;border-radius:99px;background:#ffffff18;overflow:hidden}.presence-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#866c4b,#b24a31,#e24c38);transition:width .15s linear}.room-view{background:#090807}.room-stage{position:absolute;inset:0;overflow:hidden;touch-action:none}.room-backdrop{position:absolute;inset:0;background:#231a14;transition:background .25s ease}.room-backdrop:before,.room-backdrop:after{content:"";position:absolute}.room-backdrop:before{left:0;right:0;bottom:0;height:27%;background:repeating-linear-gradient(90deg,#251c17 0 7%,#1c1512 7.5% 8%);clip-path:polygon(0 21%,100% 0,100% 100%,0 100%)}.room-backdrop:after{left:8%;top:14%;width:29%;height:46%;border:9px solid #16110e;background:linear-gradient(155deg,#4d3b30,#211916);box-shadow:60vw 2vh 0 -6px #241a14}.room-backdrop.room-102{background:linear-gradient(90deg,#1b1713,#38281e,#191513)}.room-backdrop.room-102:after{left:9%;top:22%;width:42%;height:28%;border:0;background:linear-gradient(#382a20 0 20%,#18120f 20% 100%);box-shadow:0 22vh 0 -2vh #17120f}.room-backdrop.room-103{background:radial-gradient(circle at 60% 35%,#403128,#1b1511 55%,#0c0a08 100%)}.room-backdrop.room-103:after{left:54%;top:18%;width:35%;height:46%;border:5px solid #15110e;background:repeating-linear-gradient(#c8b38b 0 5%,#9c896c 5.5% 7%);box-shadow:none;transform:rotate(-2deg)}.room-backdrop.room-201{background:linear-gradient(#241c17,#17120f)}.room-backdrop.room-201:after{left:7%;top:18%;width:27%;height:50%;border:0;background:repeating-linear-gradient(90deg,#442e22 0 7%,#241a14 7% 14%);box-shadow:46vw 14vh 0 -4px #17100d}.room-backdrop.room-202{background:linear-gradient(145deg,#221c18,#0c0b0a)}.room-backdrop.room-202:after{left:10%;top:16%;width:74%;height:54%;border:0;background:repeating-linear-gradient(90deg,#746d5f18 0 1px,transparent 1px 11%),repeating-linear-gradient(#746d5f14 0 1px,transparent 1px 18%);box-shadow:none}.room-backdrop.room-203{background:radial-gradient(circle at 50% 55%,#321a14,#130d0b 50%,#050404 100%)}.room-number{position:absolute;left:18px;top:calc(66px + env(safe-area-inset-top));font:900 54px/1 monospace;color:#ffffff12}.room-title{position:absolute;left:20px;top:calc(118px + env(safe-area-inset-top));font:700 12px/1.4 serif;letter-spacing:.08em;color:#c9b9a5}.flashlight{position:absolute;width:230px;height:230px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;left:50%;top:58%;background:radial-gradient(circle,#fff5d744 0,#c2a56d20 34%,#0000 69%);box-shadow:0 0 0 140vmax #050403e8;z-index:8;transition:opacity .15s}.dark-vignette{position:absolute;inset:0;z-index:9;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,#0009 100%)}.hotspot-layer{position:absolute;inset:0;z-index:10}.hotspot{position:absolute;width:74px;height:74px;border:0;border-radius:50%;background:radial-gradient(circle,#d9b76e33 0 18%,#fff0 58%);opacity:.05;transform:translate(-50%,-50%) scale(.85);transition:opacity .16s ease,transform .16s ease;cursor:pointer}.hotspot:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;border:1px solid #e5c287;transform:translate(-50%,-50%);box-shadow:0 0 12px #e5c287}.hotspot.lit{opacity:1;transform:translate(-50%,-50%) scale(1)}.hotspot.found{opacity:.22;filter:grayscale(1)}.room-ui{position:absolute;z-index:24;left:14px;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.back-btn{border:1px solid #ffffff1f;background:#0a0807bb;backdrop-filter:blur(10px);border-radius:999px;padding:10px 13px;font-size:14px}.room-ui p{margin:0;max-width:230px;text-align:right;font-size:14px;line-height:1.5;color:#a99d90}.room-presence{bottom:calc(72px + env(safe-area-inset-bottom))}.story-card{position:fixed;inset:0;z-index:100;display:grid;place-items:end center;padding:18px;background:#0009;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s}.story-card.show{opacity:1;pointer-events:auto}.story-inner{width:min(520px,100%);border-radius:22px 22px 10px 10px;background:#d5c8b1;color:#1e1814;padding:20px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 28px 80px #000}.story-label{font:800 8px/1 monospace;letter-spacing:.16em;color:#7a392b}.story-inner h2{font:800 27px/1.1 serif;margin:8px 0}.story-inner p{font-size:14px;line-height:1.9;color:#463b31;white-space:pre-line}.story-inner button{width:100%;margin-top:8px;border:0;border-radius:14px;background:#251b16;color:#eee0cd;padding:14px;font-weight:800;font-size:14px}.panic{position:fixed;inset:0;z-index:130;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .08s;background:#050403}.panic.show{opacity:1;pointer-events:auto}.panic-shadow{position:absolute;left:50%;top:-8%;width:42vw;height:120vh;background:linear-gradient(90deg,transparent,#120e0bc7,transparent);filter:blur(18px);animation:walkShadow .85s ease-in-out infinite alternate}.panic-copy{position:relative;text-align:center;text-shadow:0 2px 10px #000}.panic-copy span{display:block;font-size:14px;letter-spacing:.2em;color:#9e9182}.panic-copy strong{display:block;font:900 clamp(54px,17vw,100px)/1 serif;margin:10px 0;color:#e0d5c7}.panic-copy p{font-size:14px;color:#95897c}.panic-copy b{color:#d16a4a;font-size:16px}.intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 60% 30%,#403126,#15110e 58%,#070605);transition:opacity .45s ease}.intro.hide{opacity:0;pointer-events:none}.intro-card{width:min(520px,100%);padding:28px 24px 24px;border:1px solid #ffffff18;background:#120f0dbf;box-shadow:0 30px 80px #000;backdrop-filter:blur(10px)}.intro-no{font:800 8px/1 monospace;letter-spacing:.18em;color:#88796a}.intro h1{font:900 clamp(48px,15vw,84px)/.95 serif;margin:12px 0 16px;letter-spacing:.06em}.intro-lead{font-size:14px;line-height:1.85;color:#b9ad9f}.intro-rule{display:grid;grid-template-columns:26px 1fr;gap:8px 12px;margin:22px 0}.intro-rule span{font:800 9px/1.5 monospace;color:#a65038}.intro-rule p{margin:0;font-size:14px;color:#9e9286}.intro button{width:100%;border:1px solid #aa705c;background:#883d2b;color:#fff0df;padding:15px;font-size:14px;font-weight:900;letter-spacing:.12em}.intro small{display:block;text-align:center;margin-top:10px;font-size:14px;color:#746b63}.ending,.finale{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:18px;background:#070505;opacity:0;pointer-events:none;transition:opacity .55s}.ending.show,.finale.show{opacity:1;pointer-events:auto}.ending-room{width:min(600px,100%);text-align:center}.red-can{position:relative;margin:0 auto 28px;width:150px;height:88px;border-radius:12px;background:linear-gradient(#8b2f24,#5d1b16);border:4px solid #35100d;box-shadow:0 30px 42px #000,0 0 70px #6c251d44}.red-can:before{content:"";position:absolute;left:-5px;right:-5px;top:8px;height:10px;background:#39130f;border-radius:7px}.red-can i{position:absolute;left:50%;top:42%;width:28px;height:19px;border:3px solid #b97d50;border-radius:3px;transform:translate(-50%,-50%)}.ending-copy span,.finale-copy>span{font:800 8px/1 monospace;letter-spacing:.17em;color:#8e7d70}.ending-copy h2,.finale-copy h2{font:800 clamp(30px,8vw,54px)/1.1 serif;margin:10px 0 14px}.ending-copy p,.finale-copy p{font-size:14px;line-height:1.9;color:#a99c91}.ending-copy button,.finale-copy button{border:1px solid #8d3f2e;background:#7c3426;color:#f8e8d5;border-radius:3px;padding:14px 24px;font-weight:900;margin-top:12px}.finale{z-index:180;grid-template-columns:minmax(180px,340px) minmax(260px,520px);gap:36px;background:radial-gradient(circle at 30% 30%,#2d241d,#070606 62%)}.photo{position:relative;aspect-ratio:4/5;background:#c8bba0;border:12px solid #e5d9bf;box-shadow:0 25px 55px #000;transform:rotate(-2deg);filter:sepia(.65) contrast(1.1);overflow:hidden}.photo-building{position:absolute;left:12%;right:12%;bottom:17%;height:57%;background:#514236;box-shadow:inset 0 0 0 4px #2e251f}.photo-building:before{content:"";position:absolute;left:-7%;right:-7%;top:-12%;height:17%;background:#2f2923;clip-path:polygon(0 100%,9% 0,91% 0,100% 100%)}.photo-building:after{content:"";position:absolute;inset:11% 8%;background:repeating-linear-gradient(90deg,#171411 0 16%,#56473b 16% 27%)}.photo span{position:absolute;right:7%;bottom:5%;font:700 10px/1 monospace;color:#504537}.finale-copy blockquote{margin:16px 0 0;padding:14px 16px;border-left:2px solid #8c3c2c;background:#ffffff08;font:700 14px/1.7 serif;color:#dbcdbd}@keyframes walkShadow{from{transform:translateX(-12vw) skewX(-4deg)}to{transform:translateX(12vw) skewX(4deg)}}@keyframes unlockPulse{0%,100%{box-shadow:inset 0 0 0 3px #201612,inset 0 0 0 5px #684a34,0 12px 18px #0008}50%{box-shadow:inset 0 0 0 3px #201612,inset 0 0 0 5px #aa6b48,0 0 24px #b95a3944}}@media(max-width:760px){.apartment-shell{top:46%;height:58vh;width:112vw}.corridor-copy{left:18px;right:18px;bottom:76px}.corridor-copy h1{font-size:31px}.presence-wrap{bottom:25px}.floor{left:8%;right:8%}.door{width:23%}.door-101,.door-201{left:6%}.door-102,.door-202{left:38.5%}.door-103,.door-203{right:6%}.finale{grid-template-columns:1fr;grid-template-rows:minmax(220px,43vh) auto;gap:18px;overflow:auto;padding-top:calc(20px + env(safe-area-inset-top));align-content:start}.photo{height:min(40vh,380px);width:auto;margin:auto}.finale-copy{text-align:center}.room-presence{bottom:73px}}@media(max-width:420px){.apartment-shell{width:125vw;height:54vh}.door{height:69%;top:19%}.nameplate{font-size:14px}.corridor-copy h1{font-size:28px}.intro-card{padding:22px 18px}.room-title{top:calc(112px + env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}