#nine-content[hidden]{display:none}
body[data-room=nine] .sanctuary,body[data-room=nine] #hotspots,body[data-room=nine] .motes,body[data-room=nine] #index{display:none}
.nine-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#0c1212}
.nine-scene>img{display:block;width:100%;height:100%;object-fit:cover}
.nine-light{position:absolute;inset:12% 24% 18%;pointer-events:none;background:radial-gradient(ellipse,#ffc86620,transparent 65%);animation:nine-glow 8s ease-in-out infinite alternate;mix-blend-mode:screen}
.nine-stone{position:absolute;left:33%;top:17%;width:34%;height:54%;background:transparent;border:0;border-radius:42%}
.nine-stone:hover{box-shadow:0 0 45px #edc36620}
.nine-stone:focus-visible{outline:2px solid #e5c88b;outline-offset:8px}
.room-guide[data-room=nine]{background:linear-gradient(125deg,#131812fa,#182020f5)}
.room-guide[data-room=nine] #guide-topics{background:#141d1bfa}
.nine-calculation{margin:28px 0;padding:16px clamp(14px,3vw,28px);border-block:1px solid #c5a86a55;background:linear-gradient(90deg,#b7994a0c,transparent);font-variant-numeric:tabular-nums}
.nine-calculation p{margin:10px 0!important;overflow-wrap:anywhere}
.nine-sequence{display:grid;gap:12px;margin:25px 0;padding:22px 12px;border-block:1px solid #baa06d60;text-align:center;color:#efdbaf;font-variant-numeric:tabular-nums;letter-spacing:.07em}
.nine-sequence span{display:block}
@keyframes nine-glow{from{opacity:.2}to{opacity:1}}
@media(max-width:640px){.nine-scene{aspect-ratio:4/5}.nine-stone{left:19%;width:62%}.nine-sequence{font-size:clamp(15px,4vw,21px);letter-spacing:0}.room-guide[data-room=nine] #guide-topics{max-height:175px}}
@media(prefers-reduced-motion:reduce){.nine-light{animation:none}}