/* Small, optional hauntings in an otherwise very real motel room. */
.wordmark{font-size:33px;letter-spacing:-.7px}.wordmark>span{font-size:14px}.room-header{gap:26px}.header-side{margin-left:20px}
.window-haunting{position:absolute;right:0;top:14%;width:35%;height:39%;pointer-events:none;z-index:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 95%,transparent)}
.window-breath{position:absolute;inset:9% 4% 8%;background:radial-gradient(ellipse at 58% 45%,#b0c6c022,transparent 63%);filter:blur(13px);opacity:.45;animation:glass-breath 14s ease-in-out infinite}
.window-writing{position:absolute;right:12%;top:35%;font:clamp(22px,2.3vw,39px)/1.5 Hand,cursive;color:#b8ccc19c;transform:rotate(-8deg);text-shadow:1px 1px 3px #081418;opacity:0;transition:opacity 1.7s ease;filter:blur(.45px)}
.window-reflection{position:absolute;left:32%;top:21%;width:44px;height:158px;background:linear-gradient(#080e1099,#09111550,transparent);border-radius:45% 45% 10% 10%;filter:blur(5px);transform:rotate(-4deg);opacity:0;transition:opacity 2.4s ease}.window-reflection:before{content:'';position:absolute;width:28px;height:36px;left:7px;top:-26px;border-radius:48%;background:#091013aa}
[data-lamp=off] .window-writing{opacity:.82}[data-lamp=off] .window-reflection{opacity:.6}[data-lamp=off] .window-breath{opacity:.9}
.window-clue{position:absolute;right:6%;top:44%;z-index:2;min-height:54px;padding:12px 15px;background:transparent;color:#ddcfab99;font:22px/1.3 Hand,cursive;transform:rotate(-5deg);text-shadow:1px 2px 5px #0b1111}
.window-clue:hover,.window-clue:focus-visible{color:#f4e9cf}.window-clue span{border-bottom:1px dotted #d9c9a344}.window-clue[data-found=true] span{border-bottom-style:solid}
.rain-trace{position:absolute;top:-12%;width:1px;height:25px;background:linear-gradient(transparent,#b6d9d455,transparent);animation:rain-slip 11s linear infinite}.rain-one{left:28%;animation-delay:-4s}.rain-two{left:73%;animation-duration:17s;animation-delay:-9s}.rain-three{left:90%;animation-duration:13s;animation-delay:-2s}
.room-dust{position:absolute;right:26%;top:35%;width:3px;height:3px;border-radius:50%;background:#e3c28b70;box-shadow:22px 55px 2px #e9c58555,-31px 94px 2px #d5af7955,60px 134px 1px #deb67c44,5px 177px 2px #c29e6655;pointer-events:none;animation:lamp-dust 18s ease-in-out infinite}
.room-investigation{display:flex;align-items:center;gap:27px;margin-left:auto}.night-journal{background:none;color:#ddc6a1;padding:8px 0;font:13px/1.5 var(--mono);border-bottom:1px solid #ab8e6666}.night-journal>span{color:#baa583;font:12px/1.5 var(--body)}#motion-toggle{background:none;color:#b6a185;font:11px/1.6 var(--body);padding:8px 0;text-decoration:underline;text-underline-offset:4px}.room-bottom .age{margin:0!important}
.photo-secret{display:block;background:none;font:22px/1.4 Hand,cursive;color:#8b4a34;padding:9px 4px 2px;text-align:left;text-decoration:underline;text-decoration-color:#8b4a3444;text-underline-offset:5px}.photo-secret:hover{color:#522718}.photo-secret[data-found=true]{text-decoration-style:double}
.receipt-margin{display:flex;justify-content:flex-end;padding:20px 40px 5px}.motel-receipt{position:relative;display:flex;flex-direction:column;text-align:left;gap:6px;background:#d3c5a6 url('./assets/v2/paper-texture.jpg') center/cover;color:#504433;width:220px;padding:20px 23px 23px;box-shadow:3px 5px 9px #08050466;transform:rotate(7deg);clip-path:polygon(0 0,100% 1%,99% 95%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 97%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 97%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%);transition:transform .3s}.motel-receipt:hover{transform:rotate(3deg) translateY(-3px)}.receipt-print{font:9px/1.5 var(--mono);letter-spacing:.5px;border-bottom:1px dashed #66513b77;padding-bottom:6px}.receipt-number{font:45px/1.1 var(--mono)}.motel-receipt>span:nth-child(3){font:12px/1.6 var(--mono)}.receipt-pencil{font:22px/1.2 Hand,cursive;color:#8c3e2d;margin-top:8px}
.night-dialog{max-width:720px;padding:60px 52px 32px}.night-dialog h2{font-size:65px;margin:15px 0 20px}.night-intro{font-size:19px;line-height:1.6}.night-progress{font:12px/1.7 var(--mono);border-block:1px solid #6d513844;padding:13px 0;margin:26px 0}.night-records{list-style:none;padding:0;margin:0}.night-records>li{border-bottom:1px solid #76543833;padding:15px 0 24px;margin-bottom:14px}.record-time{font:10px/1.6 var(--mono);letter-spacing:.6px;color:#82664b}.record-placeholder,.record-found>p{font-size:17px;line-height:1.7;margin:10px 0 12px}.record-found h3{font:30px/1.4 Hand,cursive;color:#85442e;margin:11px 0 8px}.record-look{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#77513a}li[data-found=true] .record-time:after{content:' / ЗАМЕЧЕНО';color:#8f3d28}.night-footnote{font-size:13px;line-height:1.6;color:#7e6853;margin:23px 0 0}#night-conclusion{padding:20px 0 5px}#night-conclusion .pencil-label{font-size:29px}#night-conclusion>p:not(.pencil-label){font-size:18px}
@keyframes glass-breath{0%,100%{transform:scale(.9);filter:blur(15px)}50%{transform:scale(1.1);filter:blur(11px)}}
@keyframes rain-slip{0%{transform:translateY(-40px);opacity:0}8%{opacity:.6}70%{opacity:.3}100%{transform:translateY(380px);opacity:0}}
@keyframes lamp-dust{0%,100%{transform:translate(0,0);opacity:.25}50%{transform:translate(-15px,-29px);opacity:.7}}
[data-motion=still] .window-haunting *,[data-motion=still] .room-dust{animation:none!important;transition:none!important}[data-page-hidden=true] .window-haunting *,[data-page-hidden=true] .room-dust,.motel-room[data-visible=false] .window-haunting *,.motel-room[data-visible=false] .room-dust{animation-play-state:paused!important}
@media(max-width:1100px){.desktop-nav{gap:24px}.header-side{margin-left:0}.room-header{padding-inline:35px;gap:20px}.wordmark{font-size:29px}.room-investigation{gap:16px}.window-clue{right:3%;top:42%;font-size:20px}.window-haunting{width:39%}.room-bottom{left:35px;right:35px}}
@media(max-width:760px){.room-header{padding-inline:24px;gap:18px}.wordmark{font-size:26px;letter-spacing:-.5px}.wordmark>span{font-size:12px}.room-bottom{flex-wrap:wrap;left:24px;right:24px;bottom:23px;row-gap:12px}.room-investigation{order:3;width:100%;justify-content:space-between;margin:0;gap:12px}.room-bottom>a{flex:1}.night-journal{font-size:12px}.night-journal>span{font-size:11px}#motion-toggle{font-size:10px}.room-copy{padding-bottom:0}.window-clue{position:relative;display:block;top:auto;right:auto;margin:20px 23px 0 auto;min-height:52px;font-size:22px;max-width:calc(100% - 45px)}.cassette-object{margin-top:32px;margin-bottom:72px}.motel-room{min-height:1100px;padding-bottom:145px}.window-haunting{width:62%;top:32%;height:37%;opacity:.7}.window-writing{top:66%;right:7%;font-size:27px}.window-reflection{left:58%;top:38%}.room-dust{right:13%;top:39%}.photo-secret{font-size:21px}.receipt-margin{padding:38px 13px 10px}.motel-receipt{width:200px;padding-inline:20px}.night-dialog{padding:51px 25px 28px}.night-dialog h2{font-size:53px}.night-dialog .type-label{font-size:9px}.night-intro{font-size:17px}.night-dialog .ink-button{font-size:16px}.night-dialog .dialog-close{font-size:21px}}
@media(max-width:380px){.room-header{padding-inline:20px;gap:12px}.wordmark{font-size:23px}.wordmark>span{font-size:10px}.room-bottom{left:20px;right:20px}.night-journal>span{font-size:10px}.room-investigation{gap:8px}#motion-toggle{max-width:95px;line-height:1.4;text-align:right}.night-dialog h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){.window-haunting *, .room-dust{animation:none!important;transition:none!important}}
@media(min-width:761px){.window-haunting{top:10%}.window-writing{top:5%;right:4%;font-size:clamp(21px,2vw,32px)}.window-reflection{left:78%;top:20%;width:36px}.window-clue{top:37%;right:2%;max-width:170px;text-align:right;font-size:20px}}
.window-mystery{display:contents}
.night-dialog .dialog-close{position:sticky;top:-12px;display:block;margin:-38px -20px 3px auto;padding:3px 9px;background:#e9dfc9;z-index:4;width:max-content;right:auto}
@media(max-width:760px){.window-mystery{display:block;position:relative;width:min(280px,calc(100% - 48px));height:164px;margin:26px 24px 0 auto;background:#182225 url('./assets/v2/motel-room-dark.jpg') right top/700px auto no-repeat;border:1px solid #8f998c44;box-shadow:inset 0 0 28px #071110aa,3px 6px 13px #05080777;transform:rotate(-2deg)}.window-haunting{inset:0;width:100%;height:100%;opacity:1;mask-image:none}.window-writing{top:23%;right:15%;font-size:27px}.window-reflection{left:76%;top:27%;height:100px;width:28px}.window-reflection:before{width:20px;height:25px;top:-19px;left:4px}.window-clue{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;display:flex;align-items:flex-end;justify-content:flex-end;text-align:right;padding:16px;transform:none;font-size:20px}.window-clue span{background:#101818c7;padding:3px 6px}.night-dialog .dialog-close{top:-8px;margin-top:-35px;margin-right:-8px}}