:root{--gold:#d8b46a;--ink:#0d0b1a;--parch:#efe3c6}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:'Cormorant Garamond',serif;color:var(--parch)}
#scene-container{position:fixed;inset:0}
#fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .45s}
#hud{position:fixed;inset:0;pointer-events:none}
#tl{position:absolute;top:16px;left:20px;text-shadow:0 0 10px #000}
#roomName{font-family:'Cormorant SC',serif;font-size:26px;font-weight:600;letter-spacing:.12em;color:var(--gold)}
#depth{font-style:italic;opacity:.75}
#tr{position:absolute;top:16px;right:16px;display:flex;gap:8px;pointer-events:auto}
button{font-family:'Cormorant SC',serif;background:rgba(20,16,40,.7);color:var(--gold);border:1px solid var(--gold);padding:7px 14px;font-size:16px;letter-spacing:.08em;cursor:pointer}
button:hover{background:var(--gold);color:var(--ink)}
#cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;color:var(--gold);opacity:.7}
#prompt{position:absolute;left:50%;top:58%;transform:translateX(-50%);font-size:20px;text-align:center;text-shadow:0 0 8px #000;font-style:italic}
#narr{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:min(760px,90vw);text-align:center;font-size:21px;line-height:1.4;text-shadow:0 0 12px #000;transition:opacity 1.2s;opacity:0}
.modal{position:fixed;inset:0;background:rgba(5,3,12,.82);display:none;align-items:center;justify-content:center;z-index:10;padding:16px}
.modal.show{display:flex}
.card{background:linear-gradient(#f3e8cc,#e2d1a6);color:#2a1d0e;max-width:560px;width:100%;max-height:85vh;overflow:auto;padding:28px;border:1px solid #8a6a2c;box-shadow:0 0 60px rgba(216,180,106,.3)}
.card h1{font-family:'Cormorant SC',serif;font-weight:300;font-size:44px;margin:0 0 8px;color:#3b2a10}
.card h2{font-family:'Cormorant SC',serif;margin:0 0 10px}
.card button{background:#2a1d0e;color:var(--parch);margin-top:14px}
.it{font-style:italic;font-size:20px}.small{font-size:14px;opacity:.6;font-style:italic}
.card li{margin:3px 0}
#mapsvg{width:100%;height:340px;background:#1a1430;border:1px solid #8a6a2c}
#joy{position:fixed;left:24px;bottom:24px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(216,180,106,.4);display:none}
#knob{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:rgba(216,180,106,.4)}
#act{position:fixed;right:28px;bottom:40px;width:64px;height:64px;border-radius:50%;font-size:26px;display:none;z-index:5}
#remix{position:fixed;right:12px;bottom:8px;font-size:13px;color:var(--gold);opacity:.6;z-index:6}
@media (pointer:coarse){#joy,#act{display:block}#narr{bottom:150px;font-size:17px}#roomName{font-size:19px}}