:root{color:#eae5d9;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;font-optical-sizing:auto;--paper:#eae5d9;--muted:#8e897e;--accent:#c39a67;--line:#ded2b924;--serif:"Cormorant Garamond",Georgia,serif;background:#100f0c;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:#100f0c;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #d9b984}::selection{color:#100f0c;background:#b07c45}.title-screen{background:#100e0b;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.title-image,.title-vignette{position:absolute;inset:0}.title-image{filter:brightness(.45)saturate(.64);background-image:url(/images/ruang-tamu-jawa.webp);background-position:50% 52%;background-size:cover;animation:34s ease-in-out infinite alternate title-drift;transform:scale(1.025)}.title-vignette{background:linear-gradient(90deg,#090908cc,#0a0a0854 53%,#0707068c),linear-gradient(0deg,#0f0e0b 0,#0000 25% 72%,#0808064d);box-shadow:inset 0 0 180px 25px #000000ab}.title-copy{z-index:1;width:min(700px,90vw);margin:4vh 8vw 0 auto;position:relative}.eyebrow,.drawer-overline{letter-spacing:.23em;color:#c1aa86;font-size:9px;font-weight:600}.eyebrow{align-items:center;gap:13px;display:flex}.eyebrow-line{opacity:.65;background:#b69767;width:34px;height:1px}.title-copy h1{font-family:var(--serif);letter-spacing:-.055em;color:#f2eee5;margin:34px 0 28px;font-size:clamp(72px,10vw,144px);font-weight:400;line-height:.92}.title-copy h1 em{color:#d6bb91;font-weight:400}.title-subtitle{font-family:var(--serif);color:#c4b8a5;margin:0 0 40px;font-size:24px;font-style:italic}.primary-button{color:#eee4d3;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:#17151070;border:1px solid #d2b88fa3;justify-content:center;align-items:center;gap:31px;height:50px;padding:0 18px 0 22px;font-size:10px;transition:all .25s;display:inline-flex}.primary-button:hover{color:#18140e;background:#b09165;border-color:#b09165;gap:38px}.title-foot{color:#aaa397;letter-spacing:.17em;gap:30px;margin-top:clamp(50px,12vh,120px);font-size:8px;display:flex}.title-foot span+span{border-left:1px solid #655947;padding-left:30px}.title-mark{z-index:1;font-family:var(--serif);letter-spacing:.12em;color:#ddd0ba;font-size:16px;position:absolute;top:32px;left:42px}.title-mark i{color:#a78050;margin:0 5px;font-style:normal}.game-shell{background:#100f0c;flex-direction:column;height:100svh;min-height:560px;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#0f0e0bfa;flex:none;grid-template-columns:1fr 1fr 1fr;align-items:center;height:74px;padding:0 clamp(22px,4vw,62px);display:grid}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:max-content;padding:0;display:flex}.brand-mark{width:29px;height:29px;font-family:var(--serif);color:#c39a67;border:1px solid #c39a678c;place-items:center;font-size:20px;display:grid}.brand-name{letter-spacing:.15em;color:#e3dccf;font-size:9px;font-weight:600}.brand-name i{color:#a39886;font-style:normal;font-weight:400}.chapter-indicator{color:#c3a778;letter-spacing:.15em;white-space:nowrap;justify-content:center;align-items:center;gap:14px;font-size:8px;display:flex}.progress-track{background:#37332b;width:min(140px,15vw);height:1px}.progress-track i{background:#b28c59;height:100%;transition:width .5s;display:block}.progress-label{color:#ddd3c2;font-size:9px}.progress-label b{color:#70695e;font-weight:400}.top-actions{justify-content:flex-end;align-items:center;gap:15px;display:flex}.icon-button{color:#bdb3a2;cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:35px;height:35px;transition:all .2s;display:grid;position:relative}.icon-button:hover{border-color:var(--line);color:#e8d6b9}.clue-count{color:#fff;background:#8d693e;border-radius:50%;place-items:center;min-width:13px;height:13px;font-size:8px;display:grid;position:absolute;top:1px;right:0}.game-stage{isolation:isolate;background:#17150f;flex:1;min-height:0;position:relative;overflow:hidden}.scene-backdrop,.scene-backdrop-fill,.scene-grain,.scene-bottom-shade{pointer-events:none;position:absolute;inset:0}.scene-backdrop{z-index:-3;filter:brightness(.68)saturate(.7);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:filter 1.1s,background-image .6s}.scene-backdrop-fill{z-index:-4;filter:brightness(.22)saturate(.55)blur(18px);background-position:50%;background-size:cover;inset:-24px;transform:scale(1.08)}.scene-grain{z-index:-2;opacity:.09;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.scene-bottom-shade{z-index:-1;background:linear-gradient(#0000 56%,#0a0a087a 84%,#0a0a08d1 100%),linear-gradient(90deg,#0a09073d,#0000 36% 73%,#08080729);box-shadow:inset 0 0 150px 15px #0000004f}.scene-warm .scene-backdrop{filter:brightness(.71)saturate(.78)}.scene-blue .scene-backdrop{filter:brightness(.54)saturate(.64)hue-rotate(5deg)}.scene-green .scene-backdrop{filter:brightness(.49)saturate(.69)hue-rotate(14deg)}.scene-amber .scene-backdrop{filter:brightness(.65)saturate(.68)sepia(.15)}.scene-rust .scene-backdrop{filter:brightness(.59)saturate(.82)sepia(.2)}.scene-slate .scene-backdrop{filter:brightness(.43)saturate(.48)hue-rotate(172deg)}.scene-night .scene-backdrop{filter:brightness(.38)saturate(.62)hue-rotate(183deg)}.scene-sepia .scene-backdrop{filter:brightness(.46)saturate(.5)sepia(.36)}.scene-final .scene-backdrop{filter:brightness(.52)saturate(.58)hue-rotate(346deg)}.scene-topline{text-shadow:0 2px 14px #000;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:clamp(25px,5vw,76px);right:clamp(25px,5vw,76px)}.scene-location{font-family:var(--serif);letter-spacing:.04em;color:#e4dbca;font-size:19px}.scene-location i{background:#bc9869;border-radius:50%;width:5px;height:5px;margin:0 10px 3px 0;display:inline-block;box-shadow:0 0 9px #d8ad72}.scene-time{letter-spacing:.18em;color:#c1b6a3;font-size:8px}.hotspot{z-index:1;cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background .22s,border-color .22s;display:grid;position:absolute}.hotspot:hover,.hotspot:focus-visible{background:#ddbc880e;border-color:#d9be9254}.hotspot-ring{opacity:0;border:1px solid #e0cdacc7;border-radius:50%;place-items:center;width:13px;height:13px;transition:all .25s;display:grid;transform:scale(.75);box-shadow:0 0 12px #000000b3}.hotspot-ring i{background:#e0c69b;border-radius:50%;width:3px;height:3px}.hotspot:hover .hotspot-ring,.hotspot:focus-visible .hotspot-ring{opacity:1;transform:scale(1)}.hotspot-known .hotspot-ring{opacity:.65;border-color:#cfa565}.hotspot-solved .hotspot-ring{border-color:#91a283}.hotspot-name{color:#e7d8c1;letter-spacing:.06em;opacity:0;pointer-events:none;background:#0f0e0cd1;border:1px solid #e5d1b12e;width:max-content;max-width:150px;padding:6px 9px;font-size:9px;transition:all .2s;position:absolute;bottom:calc(50% + 18px);left:50%;transform:translate(-50%,4px)}.hotspot:hover .hotspot-name,.hotspot:focus-visible .hotspot-name{opacity:1;transform:translate(-50%)}.narration{text-shadow:0 2px 8px #000;max-width:min(510px,48vw);position:absolute;bottom:52px;left:clamp(25px,5vw,76px)}.narration-rule{background:#be9a68;width:27px;height:1px;margin-bottom:12px}.narration p{color:#e1d8c8;font-family:var(--serif);margin:0;font-size:clamp(16px,1.6vw,21px);font-weight:500;line-height:1.36}.scene-controls{align-items:center;gap:21px;display:flex;position:absolute;bottom:56px;right:clamp(25px,5vw,76px)}.nav-arrow{color:#e1d5bf;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:8px 0;font-size:8px;transition:all .2s;display:flex}.nav-arrow:hover{color:#d8ae78}.nav-arrow:disabled{opacity:.25;cursor:default}.nav-next{color:#dbbd8d}.nav-locked{color:#c0b39d}.scene-counter{color:#e0d5c1;font-family:var(--serif);letter-spacing:.05em;text-shadow:0 1px 12px #000;font-size:15px;position:absolute;top:79px;right:clamp(25px,5vw,76px)}.scene-counter span{color:#aaa08e;margin:0 5px}.last-room-tag{letter-spacing:.13em;color:#b19a78;font-size:8px}.bottom-bar{border-top:1px solid var(--line);color:#8d887c;letter-spacing:.12em;background:#100f0c;flex:none;justify-content:space-between;align-items:center;height:43px;padding:0 clamp(25px,4vw,62px);font-size:8px;display:flex}.hint,.foot-right{align-items:center;gap:10px;display:flex}.hint svg{color:#b89c72}.foot-right{gap:11px}.foot-right button{color:#928979;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;margin-left:10px;display:grid}.sound-wave{align-items:center;gap:2px;height:12px;display:flex}.sound-wave i{background:#bb9a6c;width:1px;height:4px;animation:.8s ease-in-out infinite alternate wave}.sound-wave i:nth-child(2){height:8px;animation-delay:.2s}.sound-wave i:nth-child(3){height:11px;animation-delay:.4s}.sound-wave i:nth-child(4){height:7px;animation-delay:.15s}.sound-wave i:nth-child(5){height:9px;animation-delay:.35s}.drawer-backdrop,.modal-backdrop,.pause-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0707069e;animation:.22s fade-in;position:fixed;inset:0}.side-drawer{background:#171510;border-left:1px solid #e1d0b129;flex-direction:column;width:min(430px,92vw);padding:34px 36px 26px;animation:.3s slide-in;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #0000004d}.drawer-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:23px;display:flex}.drawer-heading h2,.pause-card h2{font-family:var(--serif);color:#ede4d6;margin:8px 0 0;font-size:38px;font-weight:400;line-height:1}.drawer-intro{font-family:var(--serif);color:#a69c8b;margin:20px 0 23px;font-size:16px;font-style:italic;line-height:1.4}.journal-list{flex:1;overflow:auto}.journal-entry{border-bottom:1px solid var(--line);padding:17px 0 18px}.journal-entry>span{letter-spacing:.15em;color:#a28a68;font-size:8px}.journal-entry h3{font-family:var(--serif);color:#e3d8c6;margin:7px 0;font-size:23px;font-weight:500}.journal-entry p{color:#aba292;margin:0;font-size:12px;line-height:1.7}.drawer-footer{border-top:1px solid var(--line);letter-spacing:.16em;color:#898174;margin-top:auto;padding-top:18px;font-size:8px}.empty-journal{text-align:center;color:#8d867a;align-content:center;justify-items:center;gap:14px;height:100%;display:grid}.empty-journal svg{color:#a38a65}.empty-journal p{font-family:var(--serif);font-size:17px;font-style:italic;line-height:1.5}.settings-drawer{gap:0}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.setting-row>div{gap:6px;display:grid}.setting-row strong{color:#e1d7c7;font-size:12px;font-weight:500}.setting-row span,.volume-control>span{color:#8f887b;font-size:9px}.toggle{cursor:pointer;background:#25231f;border:1px solid #625c50;border-radius:20px;width:35px;height:19px;padding:2px}.toggle i{background:#80796c;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block}.toggle-on{background:#493a26;border-color:#947850}.toggle-on i{background:#dab47a;transform:translate(15px)}.volume-control{grid-template-columns:1fr auto;align-items:center;gap:15px;margin-top:24px;display:grid}.volume-control>span{letter-spacing:.13em}.volume-control strong{color:#d7c3a2;font-size:10px;font-weight:500}.volume-control input{accent-color:#c49a65;cursor:pointer;grid-column:1/3;width:100%;height:3px}.setting-note{color:#bda67f;background:#d2b98f0e;align-items:flex-start;gap:12px;margin-top:27px;padding:14px;display:flex}.setting-note p{color:#9a9182;margin:0;font-size:10px;line-height:1.7}.reset-button{color:#ad8f67;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:max-content;margin-top:31px;padding:12px 0;font-size:10px;display:flex}.reset-button:hover{color:#dbc39d}.settings-drawer .drawer-footer{margin-top:auto}.modal-backdrop{z-index:12;background:#050504b8;place-items:center;display:grid}.inspect-modal{background:#191712;border:1px solid #d3bd973b;width:min(470px,100vw - 34px);padding:24px 28px 25px;animation:.23s modal-in;box-shadow:0 30px 100px #0000008f}.modal-top{justify-content:space-between;align-items:center;display:flex}.inspect-modal h2{font-family:var(--serif);color:#efe5d5;margin:9px 0 10px;font-size:34px;font-weight:500;line-height:1.05}.modal-description{font-family:var(--serif);color:#bbb09e;margin:0 0 19px;font-size:17px;line-height:1.5}.puzzle-choices{gap:7px;margin:18px 0;display:grid}.choice-button{color:#dcd2c1;text-align:left;cursor:pointer;background:#201e18;border:1px solid #dbcbb024;justify-content:space-between;align-items:center;width:100%;min-height:43px;padding:0 12px;font-size:11px;transition:all .2s;display:flex}.choice-button:hover:not(:disabled){color:#ead3ac;background:#302a20;border-color:#9e8057}.choice-button:disabled{cursor:default}.choice-correct{color:#bdcbb3;border-color:#71816a}.puzzle-feedback{color:#d5a899;background:#975b4714;border-left:2px solid #9a685a;margin:13px 0 4px;padding:11px 12px;font-size:11px;line-height:1.55;animation:.22s fade-in}.feedback-good{color:#bfcbaa;background:#7c936814;border-color:#8c9b78}.found-note{color:#b89b6e;letter-spacing:.13em;align-items:center;gap:8px;margin:17px 0;font-size:8px;display:flex}.modal-close{border:0;border-top:1px solid var(--line);color:#c5aa7c;text-align:left;letter-spacing:.1em;cursor:pointer;background:0 0;width:100%;margin-top:12px;padding:11px 0 0;font-size:9px}.modal-close:hover{color:#e2c99e}.pause-overlay{z-index:9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080807c4;place-items:center;display:grid}.pause-card{text-align:center;background:#151410f0;border:1px solid #d7c2a32b;width:min(440px,90vw);padding:35px 28px 32px;box-shadow:0 25px 100px #000}.pause-card h2{margin:20px 0 14px;font-size:57px;line-height:.88}.pause-card h2 em{color:#c4a677;font-weight:400}.pause-card p{color:#9f9688;font-family:var(--serif);margin:0 0 25px;font-size:16px;font-style:italic}.pause-card .primary-button{min-width:190px}.pause-link{color:#9d9382;cursor:pointer;background:0 0;border:0;margin:14px auto 0;font-size:10px;display:block}.pause-link:hover{color:#ddc49d}.toast{z-index:6;color:#dbc6a1;letter-spacing:.08em;white-space:nowrap;background:#14130fe6;border:1px solid #dcc49e3b;align-items:center;gap:9px;padding:10px 14px;font-size:9px;animation:.24s toast-in;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.toast svg{color:#c4a06e}.scare-overlay{z-index:8;pointer-events:none;background:#040303a8;justify-content:center;align-items:center;animation:1s steps(2,end) scare-flash;display:flex;position:absolute;inset:0;overflow:hidden}.scare-overlay:before{content:"";background:radial-gradient(at 50% 45%,#936d6040,#0000 42%);animation:1s ease-out scare-bloom;position:absolute;inset:-10%}.scare-figure{filter:drop-shadow(0 0 25px #aa140e47);width:min(31vw,310px);height:min(44vw,430px);animation:.96s cubic-bezier(.17,.67,.28,1) figure-lunge;position:relative}.scare-figure:before{content:"";background:radial-gradient(at 50% 36%,#2a211c 0,#151310 52%,#090908 72%);border-radius:48% 48% 44% 44%;height:40%;position:absolute;top:9%;left:12%;right:12%;box-shadow:0 0 60px #000000f2}.scare-figure:after{content:"";clip-path:polygon(27% 0,74% 0,100% 100%,0 100%);background:linear-gradient(90deg,#080807,#151310 40%,#080807 70%);border-radius:45% 45% 4% 4%;position:absolute;inset:44% -6% -15%}.scare-face{z-index:2;justify-content:space-between;width:34%;height:5%;display:flex;position:absolute;top:22%;left:33%}.scare-face i{background:#bd8d69;border-radius:50%;width:24%;height:100%;box-shadow:0 0 17px 4px #b43319b3}.scare-overlay>p{text-align:center;color:#ded3c4;font-family:var(--serif);text-shadow:0 2px 13px #000;margin:0;font-size:20px;animation:.5s .15s both fade-in;position:absolute;bottom:13%;left:20px;right:20px}.ending-screen{z-index:7;text-align:center;background:#0b0a08d9;align-content:center;justify-items:center;padding:40px;animation:.8s fade-in;display:grid;position:absolute;inset:0}.ending-overline{letter-spacing:.22em;color:#b69a70;font-size:8px}.ending-screen h2{font-family:var(--serif);color:#eee4d4;margin:18px 0;font-size:clamp(40px,7vw,76px);font-weight:400;line-height:.94}.ending-screen p{color:#b6ad9f;max-width:590px;font-family:var(--serif);margin:0 auto 30px;font-size:20px;line-height:1.55}.text-button{color:#c7ac7e;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c8a56f66;align-items:center;gap:8px;padding:11px 0;font-size:9px;display:flex}.end-prompt{z-index:8;white-space:nowrap;background:#14130ff2;border:1px solid #e0c9a338;align-items:center;gap:26px;padding:12px 15px;animation:.3s toast-in;display:flex;position:fixed;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0008}.end-prompt>div,.end-prompt>button{align-items:center;gap:8px;display:flex}.end-prompt>div{font-family:var(--serif);color:#c6b8a4;font-size:15px}.end-prompt>div svg{color:#c5a271}.end-prompt>button{color:#d1b083;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:9px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes wave{to{opacity:.5;transform:scaleY(.45)}}@keyframes title-drift{to{background-position:53% 48%;transform:scale(1.07)}}@keyframes scare-flash{0%{background:#0000002e}12%{background:#2d0000cc}22%{background:#000000c2}35%{background:#36000085}to{background:#040303a3}}@keyframes scare-bloom{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(1)}}@keyframes figure-lunge{0%{opacity:0;transform:scale(.05)translateY(90vh)}18%{opacity:1}66%{transform:scale(1.2)translateY(-2vh)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=800px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 17px}.chapter-indicator{display:none}.top-actions{gap:5px}.brand-name{font-size:8px}.scene-topline{top:20px;left:19px;right:19px}.scene-location{font-size:16px}.scene-time{font-size:7px}.scene-backdrop{background-position:50%}.narration{max-width:unset;bottom:92px;left:20px;right:20px}.narration p{max-width:570px;font-size:17px}.scene-controls{justify-content:space-between;bottom:30px;left:20px;right:20px}.scene-counter{top:61px;right:20px}.bottom-bar{padding:0 16px}.hint{gap:6px}.hint span,.foot-right>span:last-of-type{font-size:7px}.foot-right{gap:6px}.title-copy{width:calc(100% - 54px);margin:0 auto}.title-copy h1{font-size:clamp(72px,16vw,115px)}.title-mark{top:22px;left:22px}.title-foot{margin-top:70px}.hotspot-name{font-size:8px}.end-prompt{white-space:normal;justify-content:space-between;gap:10px;width:calc(100% - 24px);bottom:51px}.end-prompt>div{font-size:13px}.end-prompt>button{white-space:nowrap}.scene-counter{font-size:13px}}@media (width<=480px){.game-shell{min-height:520px}.brand{gap:8px}.brand-mark{width:25px;height:25px}.brand-name{letter-spacing:.1em}.icon-button{width:31px;height:31px}.top-actions{gap:0}.bottom-bar{height:38px}.foot-right button{margin-left:0}.hint span{max-width:155px;line-height:1.4}.foot-right>span:last-of-type{max-width:90px;line-height:1.3}.scene-time{text-align:right;max-width:115px;line-height:1.4}.scene-bottom-shade{background:linear-gradient(#0000 47%,#0a0a089e 78%,#0a0a08e6)}.narration{bottom:90px}.narration p{font-size:16px}.drawer-heading h2{font-size:33px}.side-drawer{padding:27px 23px 20px}.inspect-modal{padding:21px}.modal-description{font-size:16px}.title-copy h1{margin:30px 0 19px}.title-subtitle{font-size:20px}.title-foot{gap:15px;font-size:7px}.title-foot span+span{padding-left:15px}.scare-figure{width:65vw;height:90vw}.scare-overlay>p,.ending-screen p{font-size:17px}.pause-card h2{font-size:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scare-overlay{z-index:20}.game-stage.scare-active{z-index:13}.scare-ghost{z-index:1;object-fit:contain;filter:drop-shadow(0 0 38px #b4170d6b);width:min(42vw,500px);height:94vh;animation:.96s cubic-bezier(.17,.67,.28,1) figure-lunge;position:relative}.inspect-modal{scrollbar-color:#564936 transparent;scrollbar-width:thin;max-height:92svh;overflow-y:auto}.inspect-visual{aspect-ratio:1.9;background-color:#0c0b09;background-repeat:no-repeat;border:1px solid #decaaa38;width:100%;margin:14px 0 11px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0008}.inspect-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#070706ad),radial-gradient(#0000 35%,#00000045);position:absolute;inset:0}.inspect-visual-tag{z-index:1;color:#e7d8bd;letter-spacing:.14em;text-shadow:0 1px 8px #000;align-items:center;gap:6px;font-size:7px;display:flex;position:absolute;bottom:9px;left:10px}.inspect-crosshair{z-index:1;color:#f4e0bfbf;font-family:var(--serif);text-shadow:0 1px 7px #000;font-size:25px;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.inspect-zoom-control{color:#928a7c;letter-spacing:.13em;grid-template-columns:auto 1fr 32px;align-items:center;gap:11px;margin:0 0 11px;font-size:7px;display:grid}.inspect-zoom-control input{accent-color:#c39a67;cursor:ew-resize;width:100%;height:2px}.inspect-zoom-control b{text-align:right;color:#ccb48c;letter-spacing:.04em;font-size:8px;font-weight:400}.inspect-modal>h2{margin-top:7px}.inspect-modal .modal-description{margin-bottom:13px}.inspect-modal .puzzle-choices{margin-top:12px}.inspect-modal .found-note{margin:12px 0}.inspect-modal .modal-close{margin-top:9px;padding-top:9px}@media (width<=800px){.scare-ghost{width:min(70vw,390px);height:82vh}.inspect-modal{max-height:88svh}.inspect-visual{aspect-ratio:1.85}}@media (width<=480px){.inspect-modal{padding:16px 17px 18px}.inspect-visual{aspect-ratio:1.8;margin:9px 0}.inspect-zoom-control{grid-template-columns:auto 1fr 29px;gap:8px;margin-bottom:6px}.scare-ghost{height:72vh}}.game-stage.scare-active{z-index:30;transform-origin:50%;animation:.42s steps(2,end) 2 stage-impact}.scare-overlay{z-index:40;isolation:isolate;pointer-events:none;background:#000000e0;justify-content:center;align-items:center;animation:1.9s step-end both scare-room-flash;display:flex;position:absolute;inset:-2%;overflow:hidden}.scare-overlay:before{content:"";z-index:3;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000052 4px 5px),linear-gradient(90deg,#0000 0 16%,#ffffff14 17%,#0000 18% 72%,#e1191026 74%,#0000 76%);animation:.16s steps(2,end) infinite scare-static;position:absolute;inset:0}.scare-flash{z-index:4;opacity:0;mix-blend-mode:screen;background:#f2e8d8;animation:.12s steps(2,end) both scare-white-hit;position:absolute;inset:0}.scare-ghost{z-index:2;object-fit:contain;filter:drop-shadow(0 0 30px #af0e0aa6)contrast(1.1);width:min(132vw,1400px);max-width:none;height:142%;animation:.74s cubic-bezier(.1,.78,.16,1) both scare-wening-slam;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scare-overlay>p{z-index:5;text-align:center;color:#f0e9df;font-family:var(--serif);text-shadow:0 2px 14px #000,0 0 24px #000;margin:0;font-size:clamp(15px,2vw,22px);animation:.25s .16s both scare-caption;position:absolute;bottom:8%;left:20px;right:20px}.scare-nenek .scare-ghost{filter:drop-shadow(0 0 34px #dcdccd80)contrast(1.12);animation:.82s step-end both scare-elder-blink}.scare-sumur .scare-ghost{filter:drop-shadow(0 0 32px #20758b94)contrast(1.15);animation:.82s cubic-bezier(.18,.88,.21,1) both scare-well-rise}.scare-boneka .scare-ghost{filter:drop-shadow(0 0 27px #b6201694)contrast(1.12);animation:.76s steps(3,end) both scare-doll-snap}.scare-mori .scare-ghost{filter:drop-shadow(0 0 36px #d5d4c080)contrast(1.14);animation:.82s cubic-bezier(.16,.75,.24,1) both scare-cloth-sweep}@keyframes stage-impact{0%{transform:translate(0)rotate(0)}18%{transform:translate(-13px,5px)rotate(-.8deg)}36%{transform:translate(12px,-6px)rotate(.7deg)}58%{transform:translate(-8px,-3px)rotate(-.4deg)}78%{transform:translate(7px,4px)}to{transform:translate(0)}}@keyframes scare-room-flash{0%,to{background:#000000e0}4%{background:#efe5d0f0}7%{background:#050404f5}12%{background:#98120e6b}17%{background:#000000c7}}@keyframes scare-white-hit{0%{opacity:.94}to{opacity:0}}@keyframes scare-static{0%{opacity:.25;transform:translate(-2%)}50%{opacity:.8;transform:translate(2%)}to{opacity:.35;transform:translate(-1%)}}@keyframes scare-wening-slam{0%{opacity:0;transform:translate(-50%,-50%)scale(.08)rotate(-9deg)}7%{opacity:1}58%{transform:translate(-50%,-50%)scale(1.2)rotate(2deg)}72%{transform:translate(-50%,-50%)scale(1.11)rotate(-1deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1.28)rotate(0)}}@keyframes scare-elder-blink{0%,32%{opacity:0;transform:translate(-50%,-50%)scale(1.42)}33%{opacity:1;transform:translate(-50%,-50%)scale(.76)}42%{opacity:0}49%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}to{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}@keyframes scare-well-rise{0%{opacity:0;transform:translate(-50%,18%)scale(.22)}14%{opacity:1}56%{transform:translate(-50%,-52%)scale(1.26)}72%{transform:translate(-50%,-46%)scale(1.18)}to{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}@keyframes scare-doll-snap{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)rotate(18deg)}25%{opacity:1;transform:translate(-47%,-50%)scale(1.25)rotate(-9deg)}50%{transform:translate(-53%,-48%)scale(1.08)rotate(8deg)}75%{transform:translate(-48%,-52%)scale(1.3)rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1.32)rotate(0)}}@keyframes scare-cloth-sweep{0%{opacity:0;transform:translate(-88%,-50%)rotate(-14deg)scale(.7)}10%{opacity:1}64%{transform:translate(-44%,-50%)rotate(5deg)scale(1.23)}to{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1.3)}}@keyframes scare-caption{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.scare-ghost{width:160vw;height:125%}.scare-overlay>p{font-size:16px;bottom:6%}}.hotspots-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.hotspots-layer .hotspot{pointer-events:auto}.source-note{color:#9f8969;letter-spacing:.09em;text-transform:uppercase;margin:-7px 0 14px;font-size:8px;line-height:1.55;display:block}.journal-entry .source-note{color:#897856;margin:10px 0 0;font-size:7px}.puzzle-workbench{gap:10px;margin:14px 0 8px;display:grid}.puzzle-action{color:#e0c69d;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#27231b;border:1px solid #dbcbb04d;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:0 13px;font-size:10px;transition:all .2s;display:flex}.puzzle-action:hover{color:#f0d8b0;background:#393022;border-color:#b29261}.puzzle-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.puzzle-action-secondary{color:#9a8e79;cursor:pointer;background:0 0;border:0;font-size:9px}.puzzle-action-secondary:hover{color:#dac49f}.assembled-strip{color:#d5c09b;min-height:53px;font-family:var(--serif);text-align:center;background:#d0b5890b;border:1px dashed #decaa645;justify-content:center;align-items:center;gap:5px;padding:9px 12px;font-size:14px;display:flex}.fragment-pile{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.paper-fragment{color:#282219;min-height:38px;font-family:var(--serif);letter-spacing:.04em;cursor:pointer;background:#d0c1a2;border:1px solid #c6b18a47;padding:5px 11px;font-size:12px;transition:all .18s;transform:rotate(-1deg);box-shadow:1px 2px 3px #0005}.paper-fragment:nth-child(2n){transform:rotate(1.2deg)}.paper-fragment:hover:not(:disabled){background:#e1d3b6;transform:translateY(-2px)rotate(0)}.paper-fragment:disabled{opacity:.38;cursor:default}.speak-form{grid-template-columns:1fr auto;gap:8px;display:grid}.speak-form input{color:#eee3cf;min-width:0;height:43px;font-family:var(--serif);background:#11100d;border:1px solid #dbcbb040;padding:0 12px;font-size:16px}.speak-form input::placeholder{color:#766c5d;font-style:italic}.speak-form .puzzle-action{white-space:nowrap}.puzzle-already-solved{color:#bfcbaa;background:#7c936814;border-left:2px solid #8c9b78;margin:13px 0;padding:10px;font-size:10px}.scene-exit{z-index:4;color:#e2d5bee6;cursor:pointer;background:linear-gradient(90deg,#0c0b09c7,#0c0b0952);border:1px solid #decaaa3b;justify-content:center;align-items:center;gap:12px;width:48px;height:132px;padding:0;transition:width .28s,background .28s,border-color .28s,color .28s,box-shadow .28s;display:flex;position:absolute;top:52%;transform:translateY(-50%);box-shadow:inset 0 0 24px #00000047,0 0 18px #0000002e}.exit-left{border-left:0;border-radius:0 48% 48% 0/0 42% 42% 0;left:0}.exit-right{background:linear-gradient(270deg,#0c0b09c7,#0c0b0952);border-right:0;border-radius:48% 0 0 48%/42% 0 0 42%;right:0}.scene-exit span{opacity:0;visibility:hidden;color:#e2d3b8;text-shadow:0 1px 9px #000;gap:5px;min-width:95px;transition:opacity .2s 60ms;display:grid}.scene-exit b{letter-spacing:.18em;font-size:8px;font-weight:500}.scene-exit small{font-family:var(--serif);color:#c9baa1;font-size:15px;line-height:1.1}.exit-left:hover,.exit-left:focus-visible{color:#e4c997;background:linear-gradient(90deg,#0c0b09eb,#0c0b091a);border-color:#decaaa52;justify-content:flex-start;width:184px;padding-left:18px;box-shadow:inset 0 0 32px #00000061}.exit-right:hover,.exit-right:focus-visible{color:#e4c997;background:linear-gradient(270deg,#0c0b09eb,#0c0b091a);border-color:#decaaa52;justify-content:flex-end;width:184px;padding-right:18px;box-shadow:inset 0 0 32px #00000061}.scene-exit:hover span,.scene-exit:focus-visible span{opacity:1;visibility:visible}.scene-exit.exit-locked{color:#c0b39d8f}.scene-exit.exit-locked:hover,.scene-exit.exit-locked:focus-visible{color:#c9aa7b}.scene-exit:focus-visible{outline-offset:-4px;outline:1px solid #d5b681}@media (width<=800px){.scene-exit{width:38px;height:108px}.scene-exit small{font-size:13px}.exit-left:hover,.exit-left:focus-visible{width:160px;padding-left:12px}.exit-right:hover,.exit-right:focus-visible{width:160px;padding-right:12px}}@media (width<=480px){.scene-exit{width:32px;height:88px;top:48%}.scene-exit small{max-width:90px}.exit-left:hover,.exit-left:focus-visible{width:140px;padding-left:8px}.exit-right:hover,.exit-right:focus-visible{width:140px;padding-right:8px}}.hotspot-with-prop{background:0 0;overflow:visible}.hotspot-with-prop:hover,.hotspot-with-prop:focus-visible{background:0 0;border-color:#0000}.hotspot-prop{z-index:0;object-fit:contain;filter:brightness(.72)saturate(.72);opacity:.94;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hotspot-with-prop .hotspot-ring{z-index:1;position:relative}.finale-backdrop{z-index:13;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#040403d1;place-items:center;padding:24px;animation:.5s fade-in;display:grid;position:fixed;inset:0}.finale-card{background:linear-gradient(145deg,#201d17fa,#0f0e0cfc);border:1px solid #cdb58f40;width:min(620px,100%);max-height:min(88vh,760px);padding:clamp(26px,5vw,48px);animation:.42s modal-in;position:relative;overflow:auto;box-shadow:0 32px 110px #000b,inset 0 0 70px #bf9d6c09}.finale-card:before{content:"";background:#b5986c;width:66px;height:1px;position:absolute;top:0;left:clamp(26px,5vw,48px)}.finale-card h2{color:#eee4d6;max-width:470px;font-family:var(--serif);margin:13px 0 12px;font-size:clamp(30px,5vw,44px);font-weight:400;line-height:1.08}.finale-card>p{color:#aaa08e;max-width:475px;font-family:var(--serif);margin:0 0 26px;font-size:16px;line-height:1.6}.finale-options{gap:8px;display:grid}.finale-option{color:#d6c8b0;text-align:left;cursor:pointer;background:#d6be940b;border:1px solid #d5be982e;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:66px;padding:13px 16px;transition:background .22s,border-color .22s,transform .22s;display:flex}.finale-option:hover:not(:disabled),.finale-option:focus-visible{background:#c8a1691a;border-color:#c8a16999;outline:none;transform:translate(3px)}.finale-option-copy{gap:6px;display:grid}.finale-option strong{font-family:var(--serif);font-size:19px;font-weight:500}.finale-option small{color:#998e7d;letter-spacing:.035em;font-size:10px;line-height:1.4}.finale-option>svg{color:#b99a6b;flex:none}.finale-option-locked{color:#928b7f;cursor:not-allowed;background:0 0;border-style:dashed}.finale-option-locked small{color:#787165}.finale-option-locked>svg{color:#786f60}.finale-back{color:#968a77;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c1ad8f40;margin-top:19px;padding:7px 0;font-size:9px}.finale-back:hover{color:#d2be9e}@media (width<=480px){.finale-backdrop{padding:13px}.finale-card{padding:28px 21px}.finale-card:before{left:21px}.finale-card>p{font-size:15px}.finale-option{min-height:62px;padding:11px 12px}.finale-option strong{font-size:17px}.finale-option small{font-size:9px}}.title-restart{color:#b1a592;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:15px;padding:5px 0;font-size:9px;display:flex}.title-restart:hover{color:#e1cfaf}.cinematic{isolation:isolate;color:#e8dfd1;background:#080807;width:100%;height:100svh;min-height:480px;display:block;position:relative;overflow:hidden}.cinematic-image{z-index:-3;filter:brightness(.7)saturate(.64);will-change:transform;background-position:50%;background-size:cover;animation:8.2s ease-in-out both cinematic-camera;position:absolute;inset:-5%}.cinematic-wash{z-index:-2;pointer-events:none;background:linear-gradient(#05050475,#0606050d 40%,#0707068f 74%,#050504f0),linear-gradient(90deg,#0606058a,#0000 76%);position:absolute;inset:0}.cinematic-grain{z-index:-1;opacity:.14;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:absolute;inset:0}.cinematic-warm .cinematic-image{filter:brightness(.83)saturate(.8)sepia(.2)}.cinematic-sepia .cinematic-image{filter:brightness(.68)saturate(.48)sepia(.25)}.cinematic-letterbox{background:linear-gradient(#050504c7,#0000);justify-content:space-between;align-items:center;padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px);display:flex;position:absolute;left:0;right:0}.cinematic-letterbox-top{letter-spacing:.2em;color:#daccb5ad;height:clamp(62px,11vh,106px);font-size:8px;top:0}.cinematic-letterbox-top>span:first-child{font-family:var(--serif);letter-spacing:.12em;font-size:13px}.cinematic-letterbox-top i{color:#b59263;margin:0 4px;font-style:normal}.cinematic-copy{width:min(830px,100% - 44px);animation:.7s both cutscene-caption;position:absolute;bottom:clamp(184px,24vh,250px);left:clamp(22px,10vw,150px)}.cinematic-speaker{color:#c4a678;letter-spacing:.23em;align-items:center;gap:9px;margin-bottom:16px;font-size:8px;font-weight:600;display:flex}.cinematic-speaker i{background:#b99969;width:24px;height:1px}.cinematic-copy p{color:#eee7dc;max-width:820px;font-family:var(--serif);text-wrap:pretty;text-shadow:0 2px 18px #000;margin:0;font-size:clamp(21px,3vw,34px);font-weight:400;line-height:1.42}.cinematic-letterbox-bottom{background:linear-gradient(#0000,#05050485 30%,#050504f5);align-items:flex-end;height:clamp(132px,18vh,176px);padding-bottom:clamp(20px,4vh,38px);bottom:0}.cinematic-controls{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.cinematic-counter{color:#a99471;font-family:var(--serif);letter-spacing:.12em;font-size:13px}.cinematic-counter i{color:#645d50;margin:0 6px;font-style:normal}.cinematic-control-buttons{align-items:center;gap:clamp(13px,3vw,34px);display:flex}.cinematic-control,.cinematic-continue{color:#b9ad99;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;font-size:8px;transition:color .2s;display:flex}.cinematic-control:hover,.cinematic-continue:hover{color:#ead4ad}.cinematic-skip{color:#928775}.cinematic-continue{color:#d5bd96;position:absolute;bottom:clamp(72px,11vh,102px);right:clamp(22px,5vw,72px)}.cinematic-continue span{font-size:15px;transition:transform .2s}.cinematic-continue:hover span{transform:translate(2px,-2px)}.cinematic-timeline{background:#dbcbb026;height:1px;position:absolute;bottom:clamp(57px,8.5vh,78px);left:clamp(22px,5vw,72px);right:clamp(22px,5vw,72px);overflow:hidden}.cinematic-timeline i{transform-origin:0;background:#b99a6c;width:100%;height:100%;animation:8.2s linear forwards cutscene-time;display:block;transform:scaleX(0)}.cinematic-paused .cinematic-image,.cinematic-paused .cinematic-timeline i{animation-play-state:paused}.cinematic-pause-mark{color:#d0bd9c;letter-spacing:.2em;white-space:nowrap;background:#0c0b09ad;border:1px solid #e0c9a340;padding:11px 15px;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cinematic-camera{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.12)translate(-1.2%,-1.1%)}}@keyframes cutscene-caption{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cutscene-time{to{transform:scaleX(1)}}@media (width<=600px){.cinematic{min-height:500px}.cinematic-letterbox-top{align-items:flex-start;padding-top:25px}.cinematic-letterbox-top span:last-child{text-align:right;max-width:145px;line-height:1.5}.cinematic-copy{bottom:clamp(195px,27vh,245px)}.cinematic-copy p{font-size:clamp(19px,5.5vw,26px)}.cinematic-letterbox-bottom{height:155px;padding-bottom:18px}.cinematic-control-buttons{gap:14px}.cinematic-control{letter-spacing:.09em;font-size:7px}.cinematic-continue{bottom:73px;right:22px}.cinematic-timeline{bottom:57px;left:22px;right:22px}.cinematic-counter{font-size:11px}}@media (prefers-reduced-motion:reduce){.cinematic-image{animation-duration:8.2s}.cinematic-copy{animation:none}.cinematic-wash{scroll-behavior:auto}}
