@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@400;500;600&display=swap');
:root{color-scheme:dark;--ink:#100e0c;--gold:#c9a46c;--cream:#eee2cf;--muted:#ab9c88}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font:14px Manrope,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #edc183;outline-offset:5px}button:disabled{opacity:.4;cursor:default}header{height:100px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b5915d28}.brand{color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:16px;font-size:15px;letter-spacing:.23em}.monogram{font:normal 32px Georgia,serif;letter-spacing:-.04em;line-height:1.4;border:1px solid #8d70474d;padding:0 11px;color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:.19em;margin-top:9px;color:var(--muted)}.chapter{font-size:12px;letter-spacing:.24em;color:var(--muted)}.chapter span{padding:0 12px;color:#705b40}.journal-button{display:flex;gap:12px;align-items:center}.journal-button>span:first-child{font-size:26px;color:var(--gold)}#count{color:var(--gold);border:1px solid #b5915d44;padding:6px 9px;font-size:12px}main{padding:24px 4% 0}.room-shell{width:100%;max-width:1440px;margin:auto;overflow:hidden;border:1px solid #aa834540;background:#090706}.room{position:relative;aspect-ratio:3/2;max-height:calc(100svh - 260px);min-height:400px;overflow:hidden}.backdrop{width:100%;height:100%;object-fit:fill;display:block}.room-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px 20px #0006;background:linear-gradient(0deg,#090806aa,transparent 29%)}.room-caption{position:absolute;bottom:7%;left:4%;pointer-events:none;text-shadow:0 2px 10px #000}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--gold);font-weight:600}h1{font:400 clamp(28px,3.1vw,50px)/1.04 'Cormorant Garamond',Georgia,serif;margin:12px 0}h1+p{font:italic 17px 'Cormorant Garamond',Georgia,serif;color:#d5c7b4;margin:12px 0 0}.room-toolbar{max-width:1440px;margin:auto;min-height:58px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);gap:14px;font-size:12px}.room-toolbar p{margin:0}.room-toolbar>div{display:flex;gap:24px}.room-toolbar button{font-size:12px;padding:12px 0}.room-toolbar button[aria-pressed=true]{color:#ebc087}.hotspot{position:absolute;border:1px solid transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;min-width:44px;min-height:44px;transform:translate(-50%,-50%)}.hotspot .mark{display:block;width:9px;height:9px;border:1px solid #f6d7a1;transform:rotate(45deg);background:#23170cb0;box-shadow:0 0 14px #ffbf6060;opacity:.55;transition:.3s}.hotspot:hover .mark,.hotspot:focus-visible .mark,.show-clues .mark{opacity:1;background:#e5b777;box-shadow:0 0 24px 8px #ffba5360}.hotspot:hover,.hotspot:focus-visible{background:radial-gradient(ellipse,#d5a05a1a,transparent 65%)}.hotspot .label{position:absolute;top:65%;white-space:nowrap;background:#120d08ef;border:1px solid #94704799;padding:8px 12px;color:#ead2ad;font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;opacity:0;transition:.2s;pointer-events:none}.hotspot:hover .label,.hotspot:focus-visible .label,.show-clues .label{opacity:1}.hotspot.found .mark{background:#c59e67;opacity:.8}.hotspot[data-id=journal] .label{left:10%}.hotspot[data-id=raven] .label{top:100%;right:0}.fireglow{position:absolute;left:54%;top:36%;width:22%;height:25%;background:radial-gradient(ellipse,#f6a43942,transparent 65%);mix-blend-mode:screen;animation:flicker 3s infinite alternate;pointer-events:none}.floor-hole,.floor-lift{position:absolute;inset:0;clip-path:polygon(48% 74%,58% 74%,51% 88%,40% 88%);pointer-events:none;opacity:0}.floor-hole{background:radial-gradient(ellipse at 49% 81%,#690c0b,#020100 13%)}.floor-lift{background:url('assets/room.webp') center/100% 100%;transform-origin:53% 74%}.boards-open .floor-hole{opacity:1;animation:heartbeat 1.2s infinite}.boards-open .floor-lift{opacity:1;animation:pry 1.7s forwards}.raven{position:absolute;width:13%;height:auto;left:84%;top:0%;z-index:4;pointer-events:none;filter:drop-shadow(0 8px 8px #0008)}.raven.arrive{animation:flight 1.8s both}.discovery{position:absolute;z-index:5;bottom:7%;left:50%;transform:translateX(-50%) translateY(10px);width:max-content;max-width:88%;text-align:center;background:#110c08ed;border:1px solid #8d7047;padding:18px 28px;opacity:0;pointer-events:none;transition:.5s}.discovery.visible{opacity:1;transform:translateX(-50%)}.discovery strong{display:block;font:28px 'Cormorant Garamond',Georgia,serif;margin:6px 0}.discovery small{color:var(--muted);font-size:12px}.player{min-height:105px;border-top:1px solid #b5915d28;display:flex;align-items:center;padding:16px 4%;gap:22px}.play{border:1px solid #c09a605c;width:50px;height:50px;flex-shrink:0;border-radius:50%;color:var(--gold);font-size:18px}.track{width:300px;flex-shrink:0}.track h2{font:25px 'Cormorant Garamond',Georgia,serif;margin:5px 0}.track>span:last-child{color:var(--muted);font-size:11px}.timeline{flex:1;padding:0 24px}.timeline>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:5px}input[type=range]{width:100%;accent-color:var(--gold);height:3px;cursor:pointer}.volume{width:95px;font-size:11px;color:var(--muted)}.volume span{display:block;margin-bottom:12px}.about-button{border:1px solid #a48b634d;border-radius:50%;width:27px;height:27px;color:var(--muted);font-family:Georgia,serif;font-style:italic}dialog{width:min(690px,92vw);max-height:85svh;border:1px solid #967548;padding:32px 38px;background:linear-gradient(120deg,#30251b,#1d1712);color:var(--cream);box-shadow:0 25px 100px #000c}dialog::backdrop{background:#070504c9;backdrop-filter:blur(6px)}dialog h2{font:42px 'Cormorant Garamond',Georgia,serif;margin:14px 0}dialog p{font-size:15px;line-height:1.7;color:#cdbda7}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.close{font-size:30px;color:var(--gold);width:44px;height:44px}#entries{margin-top:26px}.entry{display:grid;grid-template-columns:42px 1fr 60px;gap:16px;align-items:center;padding:18px 0;border-top:1px solid #d4b37f26}.entry .number{font:italic 26px 'Cormorant Garamond',Georgia,serif;color:#b49b78}.entry h3{font:24px 'Cormorant Garamond',Georgia,serif;margin:0 0 5px}.entry p{font-size:13px;margin:0;color:#baa991}.entry button{border:1px solid #a8875755;width:44px;height:44px;border-radius:50%;color:#e4bd84}.entry.locked h3{color:#a9957b;font-style:italic}.journal-note{border-top:1px solid #d4b37f26;padding-top:18px;font-size:12px!important;color:#b09c7f!important}@keyframes flicker{0%,100%{opacity:.4}25%{opacity:.9}55%{opacity:.65}75%{opacity:1}}@keyframes pry{0%,12%{transform:translate(0,0)}5%,18%{transform:translate(2px,-2px)}25%{transform:translate(-2px,0)}100%{transform:perspective(600px) rotateX(18deg) translateY(-4%);filter:brightness(.8)}}@keyframes heartbeat{50%{filter:brightness(2)}}@keyframes flight{0%{transform:translate(-650%,180%) scale(1.8) rotate(-12deg);opacity:0}15%{opacity:1}60%{transform:translate(-220%,-80%) scale(1.1) rotate(8deg)}100%{transform:translate(0,0) scale(.75)}}
@media(min-width:1500px){.room{max-height:calc(100svh - 290px)}}@media(max-width:900px){header{height:80px;padding:0 4%}.chapter{display:none}.brand{font-size:12px;gap:9px}.brand small{font-size:9px}.journal-button{font-size:12px;gap:7px}main{padding-top:15px}.room{min-height:0;max-height:none;aspect-ratio:3/2}.room-caption h1{font-size:28px}.room-caption p{display:none}.room-caption .eyebrow{font-size:8px}.track{width:220px}.timeline{padding:0}.volume{display:none}.player{gap:14px}.hotspot .label{font-size:14px}.room-toolbar{font-size:11px}.room-toolbar>div{gap:14px}.room-toolbar button{font-size:11px}}@media(max-width:580px){header{height:76px}.monogram{font-size:30px}.brand{letter-spacing:.15em}.brand small{font-size:8px}.journal-button>span:first-child{display:none}.journal-button{font-size:11px}main{padding:12px 0 0}.room-shell{border-left:0;border-right:0}.room{aspect-ratio:3/2}.room-caption{bottom:5%;left:4%}.room-caption h1{font-size:21px;margin:7px 0}.room-caption .eyebrow{display:none}.room-toolbar{padding:12px 5%;display:block;line-height:1.6}.room-toolbar>div{justify-content:space-between}.player{padding:18px 5%;display:grid;grid-template-columns:44px 1fr 26px;gap:16px}.play{width:44px;height:44px}.track{width:auto}.track h2{font-size:24px}.timeline{grid-column:1/-1;grid-row:2}.about-button{grid-column:3;grid-row:1}.hotspot .label{display:none}.show-clues .hotspot{border-color:#e5b77799;background:#d5a05a22}.discovery{padding:10px 18px;bottom:4%}.discovery strong{font-size:23px}.discovery small{font-size:11px}dialog{padding:22px}dialog h2{font-size:33px}.entry{grid-template-columns:24px 1fr 44px;gap:10px}.entry h3{font-size:22px}.room-toolbar p{font-size:12px}.room-toolbar button{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.boards-open .floor-lift{transform:translateY(-4%)}.raven.arrive{transform:scale(.75)}}
.visited .room-caption{opacity:0;transition:opacity 1.2s}.cover{width:42px;height:58px;object-fit:cover;border:1px solid #b4915b66}.eyebrow{font-size:12px}.room-toolbar,.room-toolbar button{font-size:14px}.track>span:last-child,.timeline>div,.volume{font-size:12px}@media(min-width:901px){.room-shell{max-width:min(1440px,calc((100svh - 290px)*1.5))}.room{max-height:none;min-height:0}}@media(max-width:580px){.cover{width:24px;height:38px}.eyebrow{font-size:10px}.room-toolbar,.room-toolbar button{font-size:12px}}
/* Living rooms: object art itself carries the affordance. */
#tints,#weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#tints{z-index:1}#weather{z-index:2}.object-tint{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;filter:brightness(1.12) saturate(1.12);opacity:.38;transition:opacity .45s,filter .45s;pointer-events:none}.object-tint.hovered{opacity:1;filter:brightness(1.22) saturate(1.14)}.show-clues .object-tint{opacity:.8;filter:brightness(1.22) saturate(1.14)}.hotspot{border:0!important;background:none!important;border-radius:0;min-width:26px;min-height:26px}.hotspot .mark{display:none!important}.hotspot .label{opacity:0!important;max-width:220px;white-space:normal;text-align:center;min-width:100px}.hotspot:hover .label,.hotspot:focus-visible .label{opacity:1!important}.hotspot:focus-visible{outline:1px solid #e1c99f80;outline-offset:2px}.doorway{z-index:3}.hotspot[data-id=theblackcat] .label,.hotspot[data-id=foyer] .label{right:0}.room-heading{display:flex;justify-content:space-between;max-width:1440px;margin:18px auto 0;color:var(--muted);font-size:12px;letter-spacing:.08em}.room-heading #roomName{font:23px 'Cormorant Garamond',Georgia,serif;color:var(--cream);letter-spacing:0}.room-toolbar{gap:20px;min-height:66px}.room-toolbar>div{align-items:center;gap:18px;flex-shrink:0}.music-control{width:140px;font-size:12px;color:var(--muted);display:grid;grid-template-columns:1fr auto;gap:9px}.music-control input{grid-column:1/-1}.room[data-room]:not([data-room=study]) .floor-hole,.room[data-room]:not([data-room=study]) .floor-lift{display:none}.transitioning .backdrop{animation:roomEnter .6s}.room-vignette{background:linear-gradient(0deg,#09080655,transparent 20%);box-shadow:inset 0 0 50px #0004}.room-heading,.room-toolbar{max-width:1300px}#journalFilters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}#journalFilters button{padding:9px 12px;border:1px solid #b08d5444;font-size:12px;color:var(--muted)}#journalFilters button[aria-pressed=true]{background:#a6834629;color:var(--cream);border-color:#b08d5499}.journal-room{font:28px 'Cormorant Garamond',Georgia,serif;color:var(--gold);margin:30px 0 10px}.player{min-height:105px}.room{transition:filter .3s}.entry .number{color:#ab9677}.chapter{text-transform:uppercase}.room-caption{display:none}@keyframes roomEnter{from{filter:brightness(.4)}to{filter:brightness(1)}}
@media(min-width:901px){.room-shell{max-width:min(1440px,calc((100svh - 340px)*1.5))}.room{max-height:none;min-height:0}.room-heading,.room-toolbar{max-width:min(1440px,calc((100svh - 340px)*1.5))}.room-toolbar{flex-wrap:wrap;gap:0;padding:8px 0}.room-toolbar>div{margin-left:auto}}
@media(max-width:900px){.room-heading{margin:14px 0 0}.room-toolbar{flex-wrap:wrap;gap:0;padding:8px 0}.room-toolbar>div{width:100%;justify-content:space-between}.music-control{width:135px}.room-toolbar p{font-size:12px}.hotspot .label{font-size:15px}}
@media(max-width:580px){.room-heading{padding:0 5%}.room-toolbar{padding:8px 5% 16px}.music-control{width:115px;font-size:11px}.room-toolbar>div{gap:10px}.hotspot .label{display:block;font-size:13px;min-width:90px}.room-heading #roomName{font-size:23px}.room-heading #roomLocation{font-size:11px}.entry{grid-template-columns:30px 1fr 44px}.cover{width:30px;height:42px}}
.back-creations{font-size:11px;letter-spacing:.06em;color:#c7b79b;white-space:nowrap;padding:10px 4px}.back-creations:hover,.back-creations:focus-visible{color:#f2e3c9;text-decoration:underline}