/* One navigation row, below the visual focus of each room. */
#room-navigation{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;min-height:56px;height:calc(56px + env(safe-area-inset-bottom));padding:0 max(5%,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5%,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:80;background:linear-gradient(0deg,#080706fc 25%,#080706f0 72%,#08070600);color:#cbb580;pointer-events:auto;isolation:isolate}
#room-navigation:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#b89c5738 22%,#b89c5738 78%,transparent);pointer-events:none}
#room-navigation #back{display:inline-flex;align-items:center;gap:10px;font:11px/1.4 Arial,sans-serif;letter-spacing:.045em;min-height:44px;padding:0;text-shadow:none;color:#c9b685;white-space:nowrap}
#room-navigation #back .waymark{width:24px;height:16px}
#room-navigation #hint{font:10px/1.4 Arial,sans-serif;letter-spacing:.035em;margin:0;max-width:calc(100% - 110px);text-align:left;color:#b4a991;text-shadow:none}
body[data-page=home] #room-navigation #back{display:none}
body:not([data-page=home]) #room-navigation #hint{display:none}
#room-navigation .room-toggle{border:0;border-radius:0;padding:0 0 0 12px;background:none;backdrop-filter:none;box-shadow:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 0 0 auto;white-space:nowrap;color:#d3be8d;font:10px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
#room-navigation .room-toggle:hover{color:#f1deb6}
.gallery-door{width:18px;height:20px;fill:none;stroke:currentColor;stroke-width:.8}
.room-chevron{width:8px;height:6px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .3s}
.room-toggle[aria-expanded=true] .room-chevron{transform:rotate(180deg)}
#room-navigation .room-menu{top:auto;bottom:calc(100% + 8px);left:auto;right:5%;width:320px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 105px - env(safe-area-inset-bottom));padding:20px 22px 16px;border:1px solid #b89c5750;background:linear-gradient(145deg,#20190ef7,#0a0805fc);box-shadow:0 -14px 60px #0009;backdrop-filter:blur(20px);overflow-y:auto;overscroll-behavior:contain;animation:gallery-menu-reveal .32s ease-out}
#room-navigation .room-menu[hidden]{display:none}
.room-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}
#room-navigation .room-menu .menu-label{font:10px/1.4 Arial,sans-serif;letter-spacing:.2em;margin:0;color:#bba57b}
#room-menu-close{font:24px/1 Georgia,serif;letter-spacing:0;min-height:34px;min-width:34px;padding:0;color:#bba57b}
#room-navigation .room-menu a{padding:13px 5px;gap:3px 12px;border-color:#b89c5726}
#room-navigation .room-menu strong{font:normal 20px/1.3 Georgia,serif;color:inherit}
#room-navigation .room-menu a>span{font-size:9px;color:#a58f66;letter-spacing:.05em}
#room-navigation .room-menu small{font:10px/1.5 Arial,sans-serif;color:#9f9685;letter-spacing:.025em}
#room-navigation .room-menu a[aria-current=page]{background:#b89c570b}
#room-navigation .room-menu a[aria-current=page]:after{width:4px;height:4px;top:23px;background:#d0b577}
/* Text pages retain clear space after their final line and copyright. */
#viewport .review-content .review-footer{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
@keyframes gallery-menu-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(orientation:landscape) and (max-height:600px){#room-navigation{min-height:46px;height:calc(46px + env(safe-area-inset-bottom));padding-left:4%;padding-right:4%}#room-navigation .room-toggle,#room-navigation #back{min-height:42px}#room-navigation .room-menu{right:4%;bottom:calc(100% + 5px);max-height:calc(100dvh - 65px - env(safe-area-inset-bottom));padding-top:8px;padding-bottom:8px}#room-navigation .room-menu a{padding:9px 5px}.room-menu-heading{padding-bottom:3px}#room-navigation .room-menu strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){#room-navigation .room-menu{animation:none}.room-chevron{transition:none}}