@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--gold:#e5c18a;--body:'Manrope',Arial,sans-serif;--display:'Cormorant Garamond',Georgia,serif}body{font-family:var(--body);background:#0d0a12;background-image:none;color:#eadfd0}main{max-width:1700px;padding:22px 35px 18px}header{padding-bottom:15px;border-color:#ab8c6033}.brand{font-size:19px;letter-spacing:5px;font-weight:600}.brand span{font-size:6px;letter-spacing:2.6px;color:#a08caa}button{font-family:var(--body);font-weight:600;border-color:#b79a6344;background:#1f1726;border-radius:3px}header button{font-size:8px;padding:10px 13px}header .volume-control{font-size:7px}header .volume-control input{accent-color:#dbc18d}.heading{padding:24px 0 20px}.eyebrow{color:#bfa17b;letter-spacing:3px;font-size:8px}h1{font:500 clamp(28px,3.2vw,47px)/1 var(--display);letter-spacing:1px;color:#f2e8da}h1 em{color:#d7b47b}.progress{display:flex;align-items:center;gap:30px}.progress span{color:#b9a27e;font-size:8px;letter-spacing:2px}.progress b{font:400 24px var(--display);margin:0;color:#cfbbd7}.game-layout{display:block}.scene{width:100%;aspect-ratio:2.05;min-height:440px;border-radius:4px;border-color:#b997643b;box-shadow:0 15px 80px #0008}.hall{object-fit:cover;filter:brightness(.94) saturate(.91);transition:opacity .4s,transform 1.1s cubic-bezier(.2,.8,.2,1);transform:scale(1.015)}.scene.closeup .hall{transform:scale(1)}.vignette{z-index:1;background:linear-gradient(#0c081a88,transparent 25%,transparent 60%,#0c081ab8),radial-gradient(ellipse,transparent 45%,#0c081a55)}.scene-caption{z-index:4;background:none;font-size:9px;letter-spacing:1px;padding:21px 24px;color:#cbb9b0}.live-dot{background:#dcbe87;box-shadow:0 0 12px #dcbe87}.hotspot{z-index:4;min-width:32px;min-height:32px;width:32px;height:32px;padding:0;font-size:0!important;gap:0;border:1px solid #e2c28c66;background:#25172c77;box-shadow:0 0 0 5px #f3d39909;backdrop-filter:blur(4px);overflow:visible;transition:background .2s,box-shadow .2s}.hotspot>span{display:block;width:7px;height:7px;font-size:0!important;border:1px solid #f3d399;border-radius:50%;background:#f3d39988}.hotspot::after{content:attr(aria-label);position:absolute;white-space:nowrap;bottom:42px;left:50%;transform:translateX(-50%);font:600 8px var(--body);letter-spacing:1.3px;color:#f4e2bd;background:#170f24e8;border:1px solid #be995744;padding:9px 12px;border-radius:2px;opacity:0;pointer-events:none;transition:opacity .2s}.hotspot:hover::after,.hotspot:focus-visible::after{opacity:1}.hotspot:hover{background:#926c39aa;box-shadow:0 0 0 7px #f3d39912,0 0 30px #f3d39944}.view-title{position:absolute;bottom:63px;left:28px;z-index:3;pointer-events:none}.view-title small{display:block;color:#d0b382;font:600 7px var(--body);letter-spacing:3px}.view-title strong{display:block;font:400 28px var(--display);letter-spacing:.3px;margin-top:9px;color:#f7ebda;text-shadow:0 2px 15px #000}.scene-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:16px 25px;display:flex;justify-content:space-between;border-top:1px solid #bca17c22;font-size:7px;letter-spacing:2px;color:#a18b9e}#fullscreen{position:absolute;right:18px;top:16px;z-index:5;font-size:21px;border-color:#d7b88d44;background:#1a102aaa;padding:4px 10px}#return-room{position:absolute;right:22px;bottom:63px;z-index:6;font-size:8px;padding:12px 15px;border-color:#d7b88d55;background:#1a102acc}.scene.closeup .hotspot{display:none}.scene:fullscreen{aspect-ratio:auto;min-height:100svh;border:none}.scene:fullscreen .scene-caption{font-size:12px}aside{display:grid;grid-template-columns:.9fr 1fr 1.35fr;gap:20px;margin-top:20px;align-items:start}.story-card{background:linear-gradient(130deg,#291b32,#18121e);border-color:#ad8a5633;border-radius:4px;padding:18px;min-height:113px}.story-card img{width:48px;filter:saturate(.8)}.story-card p{font:italic 17px/1.5 var(--display);color:#cdb8cf}.inventory,.journal{margin:0;border-radius:4px;background:#18121e;border-color:#ad8a5633;padding:18px;min-height:113px}aside h2{font:600 8px var(--body);letter-spacing:2px;color:#c7ad86}.inventory h2 span{font-size:6px}.journal ul{font-size:10px;line-height:1.8;color:#ac98b3;margin-top:12px}.journal li+li{margin-top:6px}.empty{font-size:10px;color:#87748d;margin-top:20px}.item{font-size:8px;margin-top:8px;background:#2d2036;border-color:#84664544;color:#d4b891}.hint-button{grid-column:1;margin:0;background:none;border:1px solid #d4b89166;color:#d4b891;min-height:36px;border-radius:3px;font-size:7px}.hint-button:hover{background:#382532}.hint-note{grid-column:2;text-align:left;margin:10px 0;font-size:8px;color:#806c89}.text-button{grid-column:3;text-align:right;width:auto;justify-self:end;margin:0;font-size:7px;color:#a28ba9}footer{font-size:7px;letter-spacing:1.4px;margin-top:15px;color:#6e5a7a}.intro-overlay{background:linear-gradient(90deg,#0d0915ed,#0d09159c),url('assets/hall.png') center/cover}.intro-card{max-width:650px}.intro-card h2{font:400 clamp(45px,6vw,82px)/.96 var(--display);letter-spacing:1px;margin:26px 0;color:#f7e9d4}.intro-card h2 em{color:#dec18c}.intro-card p:not(.eyebrow){font-size:12px;line-height:2;color:#baa7c2;max-width:440px}.intro-card small{font-size:7px;letter-spacing:1.8px;color:#8b779a}.gold{background:linear-gradient(120deg,#eed6a6,#c6a66f);color:#291d29;border-radius:2px;font-size:9px;letter-spacing:2px;padding:17px 30px}.gold:hover{background:#f0d8a9}dialog{position:fixed;left:auto;right:5%;top:50%;bottom:auto;margin:0;transform:translateY(-50%);width:350px;max-width:calc(100% - 24px);padding:31px 26px;border:1px solid #d3b27d55;border-radius:4px;background:linear-gradient(135deg,#2b1c31fa,#17101efa);box-shadow:0 25px 90px #0009;max-height:85svh}dialog::backdrop{background:#07031133;backdrop-filter:none}dialog .eyebrow{font-size:7px;letter-spacing:2px;color:#c5a779}dialog h2{font:500 32px/1 var(--display);letter-spacing:0;margin:14px 0 20px}.copy{font-size:11px;line-height:1.9;color:#bda8c8}.clue{font:italic 19px/1.65 var(--display);padding:16px;background:#c9a16a08;border-color:#b5996944;color:#decaa7}.clue-tag{font-size:8px;color:#cdbb9b}.symbol-button{min-width:52px;min-height:56px;font-size:26px;color:#ddbe86;border:1px solid #ad895744;background:#2d1c35}.symbol-button[aria-pressed=true]{background:#704a30;box-shadow:0 0 14px #f6b85433}.page-select{font-size:12px}.puzzle-row{gap:8px}#feedback{font-size:10px;color:#d8c48b!important;line-height:1.8}.code-input{font-size:26px;background:#120b19;border-color:#ab8b5d66;color:#e4c898}.pages-art{font-size:40px;color:#d8bb83}.badge{color:#d8bb83;border-color:#ab8b5d44;background:#d8bb8309;font-size:8px}#cinematic-grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.2;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E")}.wick{position:absolute;width:30px;height:65px;transform:translate(-50%,-85%);opacity:0;z-index:3;pointer-events:none;transition:opacity .7s}.wick.lit{opacity:1}.wick .fire{position:absolute;bottom:0;left:8px;width:14px;height:40px;background:radial-gradient(ellipse at 50% 80%,#fff7d8 0 18%,#ffdc7b 35%,#f9a537 60%,#e5752200 76%);border-radius:70% 40% 60% 60%;transform-origin:50% 100%;filter:drop-shadow(0 0 12px #ffbc4e)}.wick .halo{position:absolute;bottom:-65px;left:-105px;width:240px;height:240px;border-radius:50%;background:radial-gradient(#ffc26c33,#f6aa3d11 35%,transparent 68%);mix-blend-mode:screen}.wick .ember{position:absolute;bottom:6px;left:14px;width:3px;height:8px;background:#fffbe6;border-radius:50%}#drawer-reveal{position:absolute;z-index:3;left:50%;top:78%;transform:translate(-50%,0);width:190px;height:38px;opacity:0;pointer-events:none;transition:transform 1.4s,opacity 1s;background:linear-gradient(#100919,#452943);border:1px solid #e5ba6c77;box-shadow:0 10px 20px #0008,inset 0 0 15px #e5b76a22;text-align:center;font-size:30px;color:#f0ce88}#drawer-reveal.open{opacity:1;transform:translate(-50%,18px)}#drawer-reveal span{display:inline-block;text-shadow:0 0 15px #ffbb55}#light-reveal{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#f9df9d55,transparent 65%);z-index:3;opacity:0;pointer-events:none;transition:opacity 1.5s}#light-reveal.active{opacity:1}.scene.closeup .view-title{max-width:40%}@media(prefers-reduced-motion:no-preference){.wick.lit .fire{animation:candle-flicker 1.4s ease-in-out infinite alternate}.wick:nth-child(2) .fire{animation-delay:-.4s}.wick:nth-child(3) .fire{animation-delay:-.9s}@keyframes candle-flicker{0%{transform:scale(.95,1) rotate(-2deg)}45%{transform:scale(1.05,.9) rotate(3deg)}100%{transform:scale(.9,1.08) rotate(-1deg)}}}
@media(max-width:1000px){main{padding:18px}.scene{aspect-ratio:1.7;min-height:400px}aside{grid-template-columns:1fr 1fr;gap:14px}.story-card{grid-column:1/-1;min-height:0}.journal{grid-column:auto}.hint-button{grid-column:1}.hint-note{grid-column:2}.text-button{grid-column:1/-1}.progress{gap:15px}dialog{right:25px;width:330px}.view-title strong{font-size:25px}}
@media(max-width:600px){main{padding:15px 10px}.brand{font-size:16px;letter-spacing:3px}.brand span{font-size:5px}.heading{padding:23px 2px 18px}.heading h1{font-size:28px;letter-spacing:0}.heading .eyebrow{font-size:6px;letter-spacing:1.4px}.progress{display:block}.progress span{font-size:6px}.progress b{font-size:23px;margin-top:6px}.scene{aspect-ratio:.92;min-height:0}.hall{object-fit:cover}.scene.closeup{aspect-ratio:1.1}.scene-caption{padding:17px 12px;font-size:7px;letter-spacing:0;max-width:90%}.view-title{bottom:55px;left:15px}.view-title small{font-size:6px;letter-spacing:2px}.view-title strong{font-size:22px;max-width:230px}.scene-bottom{padding:13px 12px;font-size:5px;letter-spacing:1px}.scene-bottom span:last-child{max-width:90px;text-align:right}.hotspot{min-height:32px;width:32px;height:32px;min-width:32px}.hotspot::after{font-size:6px;padding:7px;letter-spacing:.5px}.hotspot[data-object=candles]{--x:20%!important}.hotspot[data-object=chest]{--x:80%!important}#return-room{right:12px;bottom:55px;font-size:6px;padding:10px}.scene.closeup .view-title{max-width:40%}.scene.closeup .view-title strong{font-size:20px}.scene.closeup .view-title small{font-size:5px}#fullscreen{font-size:18px;right:10px;top:10px}.story-card{padding:14px;gap:14px}.story-card img{width:40px}.story-card p{font-size:16px}.inventory,.journal{padding:14px}.journal ul{font-size:9px}.hint-button{font-size:6px;letter-spacing:.3px}.hint-note{font-size:7px}footer{font-size:6px;line-height:1.8;gap:6px}dialog{width:100%;max-width:none;right:0;left:0;top:auto;bottom:0;transform:none;max-height:66svh;border-radius:12px 12px 0 0;padding:24px 22px 20px}dialog h2{font-size:29px}.clue{font-size:19px}.copy{font-size:11px}dialog .gold{font-size:8px;padding:14px 20px}.symbol-button{min-width:54px;min-height:53px}.intro-card h2{font-size:60px}.intro-card p:not(.eyebrow){font-size:11px;max-width:300px}.intro-card small{font-size:6px;letter-spacing:1px}.scene:fullscreen{aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){.hall,.wick,#drawer-reveal,#light-reveal{transition:none}.wick .fire{animation:none}.hotspot>span{animation:none}}

.wick{transform:translate(-50%,-100%)}.location-nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:14px 0 0}.location-nav button{font-size:7px;background:transparent;color:#ac969f;border:1px solid #ab895a22;padding:10px 14px;letter-spacing:1px}.location-nav button:hover{background:#392432;color:#edd2a8}@media(max-width:600px){.location-nav{gap:5px;padding-top:10px}.location-nav button{font-size:6px;padding:9px 10px}.location-nav~aside{margin-top:14px}}


/* Clear exploration targets: visible labels and larger tap areas. */
.scene .hotspot{width:44px;height:44px;min-width:44px;min-height:44px;border-color:#f1cf8dcc;background:#251525c9;box-shadow:0 0 0 5px #f3d39915,0 0 24px #f3d39933}.scene .hotspot>span{width:10px;height:10px;background:#ffe5ac;border-color:#fff0ce;box-shadow:0 0 12px #ffd58d99}.scene .hotspot::after{opacity:1;bottom:53px;background:#160d20ee;border-color:#c9a46488;color:#f6dfb7;font-size:8px;padding:9px 12px;box-shadow:0 3px 12px #0005}.scene .hotspot:hover,.scene .hotspot:focus-visible{border-color:#fff1cf;background:#805c2ed9;box-shadow:0 0 0 7px #f3d39925,0 0 32px #f3d39955}@media(max-width:600px){.scene .hotspot::after{font-size:6px;padding:7px 8px;letter-spacing:.5px;bottom:50px}.scene .hotspot{width:44px;height:44px}.location-nav button{min-height:40px;border-color:#b9945c66;color:#dec7a7;background:#251829}}