@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Geist:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#040403;--bone:#efe5d6;--ash:#a59a88;--gold:#c59b45;--ember:#d97131;--line:#efe5d62e}*{box-sizing:border-box}html,body,#root{background:var(--black);min-height:100%;color:var(--bone);margin:0;font-family:Geist,system-ui,sans-serif}button,a{font:inherit}button{cursor:pointer}.game-shell{min-height:100vh;overflow-x:hidden}.room{background:#050403;height:100svh;min-height:100svh;position:relative;overflow:hidden}.room picture,.room img,.room-loop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room picture{opacity:1}.room-loop{z-index:0;filter:brightness(1.42)contrast(1.03)saturate(1.08)}.room picture img{filter:brightness(1.36)contrast(1.02)saturate(1.06)}.room-vignette{background:radial-gradient(at 50% 48%,#ffd6960a,#00000047 78%,#00000080 100%),linear-gradient(#0000000a,#00000024 72%,#040403ad 100%);position:absolute;inset:0}.ambient{pointer-events:none;mix-blend-mode:screen;position:absolute}.candle-a{background:radial-gradient(circle,#ffb3503d,#0000 62%);width:12rem;height:12rem;animation:1.7s infinite alternate flicker;top:31%;left:33%}.candle-b{background:radial-gradient(circle,#ffca6f2e,#0000 60%);width:10rem;height:10rem;animation:2.2s infinite alternate-reverse flicker;top:28%;left:58%}.fire-breathe{background:radial-gradient(circle,#ff5c183b,#0000 65%);width:22rem;height:18rem;animation:3.8s ease-in-out infinite breathe;bottom:20%;right:6%}@keyframes flicker{0%{opacity:.35;transform:scale(.95)translateY(0)}to{opacity:.8;transform:scale(1.08)translateY(-.4rem)}}@keyframes breathe{0%,to{opacity:.28;transform:scale(.96)}50%{opacity:.62;transform:scale(1.05)}}.entry{text-align:center;background:radial-gradient(#0000001a,#000000b3 70%);place-content:center;justify-items:center;padding:2rem;display:grid;position:absolute;inset:0}.entry span,.dossier span{letter-spacing:.22em;color:var(--gold);font-family:IBM Plex Mono,monospace;font-size:.75rem}.entry h1{letter-spacing:-.05em;margin:1rem 0;font-family:Cormorant Garamond,serif;font-size:clamp(3.2rem,8vw,8rem);line-height:.88}.entry p{color:var(--ash);font-size:1.1rem}.entry button{background:var(--bone);color:#090806;border:0;border-radius:999px;margin-top:1.5rem;padding:.9rem 1.4rem;font-weight:800}.entry a{color:var(--ash);margin-top:1rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;text-decoration:none}.hud{z-index:6;background:linear-gradient(#040403b8,#0000);justify-content:space-between;align-items:center;padding:1rem clamp(1rem,3vw,2rem);font-family:IBM Plex Mono,monospace;display:flex;position:absolute;top:0;left:0;right:0}.hud b{letter-spacing:.14em}.hud span{color:var(--gold)}.hud a{color:var(--ash);text-decoration:none}.character-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.character-layer.muted{opacity:.18;filter:blur(.5px)}.scene-character{pointer-events:auto;width:clamp(7.5rem,10.8vw,12.5rem);height:clamp(18rem,36vw,34rem);translate:-50% -100%;transform:scale(var(--scale,1));transform-origin:50% 100%;filter:drop-shadow(0 24px 28px #000000b3);background:0 0;border:0;padding:0;transition:transform .22s,filter .22s,opacity .22s;position:absolute}.scene-character img{object-fit:contain!important;object-position:center bottom!important;width:100%!important;height:100%!important;box-shadow:none!important;border:0!important;border-radius:0!important;position:absolute!important;inset:0!important}.scene-character:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;height:1rem;position:absolute;bottom:1.2rem;left:16%;right:16%}.scene-character span{z-index:2;white-space:nowrap;color:var(--bone);opacity:.82;background:#050403b8;border:1px solid #efe5d62e;border-radius:.55rem;padding:.42rem .58rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;position:absolute;bottom:.15rem;left:50%;translate:-50%;box-shadow:0 16px 40px #0000006b}.scene-character:hover{transform:scale(calc(var(--scale,1) * 1.045)) translateY(-.25rem);filter:drop-shadow(0 28px 34px #000000c7)drop-shadow(0 0 24px #c59b452e)}.scene-character.archivist{width:clamp(7rem,10vw,11.5rem)}.hotspots{z-index:4;position:absolute;inset:0}.hotspots.muted{pointer-events:none}.hotspots.muted .hotspot:before,.hotspots.muted .hotspot span{opacity:0}.hotspot{background:0 0;border:0;position:absolute}.hotspot:before{content:"";opacity:.35;background:#efe5d69e;border-radius:50%;width:.55rem;height:.55rem;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #c59b458c}.hotspot span{white-space:nowrap;opacity:0;border:1px solid var(--line);color:var(--bone);background:#040403c2;border-radius:.5rem;padding:.45rem .6rem;font-family:IBM Plex Mono,monospace;font-size:.68rem;transition:all .2s;position:absolute;top:100%;left:50%;translate:-50% .35rem}.hotspot:hover:before{opacity:1;transform:translate(-50%,-50%)scale(1.4)}.hotspot:hover span{opacity:1}.hotspot.door:before{background:#75c7d8a6}.hotspot.object:before{background:#c59b45b3}.dialogue{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#080705e0,#100c08d6);border:1px solid #efe5d62e;border-radius:1.1rem;grid-template-columns:9.5rem 1fr;gap:1rem;padding:1rem;display:grid;position:absolute;bottom:clamp(1rem,3vw,2rem);left:clamp(1rem,4vw,5rem);right:clamp(1rem,4vw,5rem);box-shadow:0 30px 120px #000000a6}.portrait{background:radial-gradient(circle at 50% 35%,#c59b4538,#0006);border:1px solid #c59b4547;border-radius:.85rem;align-self:stretch;place-items:center;min-height:9.5rem;display:grid;position:relative;overflow:hidden}.portrait img{object-position:center 18%;filter:saturate(.92)contrast(1.04);object-fit:cover!important;width:100%!important;height:100%!important;position:relative!important;inset:auto!important}.portrait.has-image:after{content:"";pointer-events:none;position:absolute;inset:0}.portrait span{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:3rem}.speaker{align-items:center;gap:.75rem;display:flex}.speaker b{font-family:Cormorant Garamond,serif;font-size:1.5rem}.speaker small{color:var(--gold);font-family:IBM Plex Mono,monospace;font-size:.7rem}.speaker button{border:1px solid var(--line);color:var(--bone);background:0 0;border-radius:999px;width:2rem;height:2rem;margin-left:auto}.dialogue-main p{color:#ded3c3;font-size:1.05rem;line-height:1.6}.choices{flex-wrap:wrap;gap:.55rem;display:flex}.choices button,.mobile-actions button{color:var(--bone);background:#ffffff0a;border:1px solid #efe5d629;border-radius:.65rem;padding:.65rem .8rem}.choices button:hover{color:var(--gold);border-color:#c59b4580}.mobile-actions{display:none}.dossier{background:#040403;place-content:center;min-height:100vh;padding:clamp(2rem,6vw,6rem);display:grid}.dossier h2{max-width:900px;margin:1rem 0;font-family:Cormorant Garamond,serif;font-size:clamp(2.6rem,6vw,6rem);line-height:.95}.dossier p{max-width:720px;color:var(--ash);font-size:1.15rem;line-height:1.7}.dossier footer{color:#756d60;margin-top:3rem;font-family:IBM Plex Mono,monospace;font-size:.75rem}@media (width<=760px){.room picture,.room img,.room-loop{object-position:47% center}.character-layer{display:none}.entry{overflow:hidden}.entry h1{white-space:normal;letter-spacing:-.055em;width:88vw;max-width:88vw;font-size:clamp(2.35rem,10.8vw,3.2rem);line-height:.98}.hud{font-size:.68rem}.hud span,.hotspots{display:none}.mobile-actions{z-index:7;grid-template-columns:1fr 1fr;gap:.5rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.dialogue{border-radius:1rem 1rem 0 0;grid-template-columns:1fr;width:100%;padding:.9rem;bottom:0;left:0;right:0;transform:none}.portrait{display:none}.dialogue-main p{font-size:.98rem}.choices{grid-template-columns:1fr;display:grid}.dossier{padding:5rem 1rem}.fire-breathe{bottom:20%;right:-20%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.character-layer{display:none!important}.hotspot:before{opacity:.18;width:.38rem;height:.38rem;box-shadow:0 0 12px #c59b4540}.hotspot span{opacity:.72;font-size:.62rem}.hotspot.npc:before{display:none!important}.hotspot.npc span{opacity:0;background:#050403c7;top:70%}.hotspot.npc:hover span{opacity:1}