.gallery-room-page { min-height: 100vh; background: #050505; color: var(--museum-heading); }
.gallery-room-page * { box-sizing: border-box; }
.gallery-room-page .museum-wordmark { font-size: 24px !important; line-height: 1.2; }
.gallery-room-shell { width: min(1600px, calc(100% - 32px)); margin: 0 auto; padding: 52px 0 110px; }
.gallery-room-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 24px; padding: 28px; border: 1px solid var(--museum-border); background: rgba(17, 14, 11, .94); }
.gallery-room-heading h1 { margin: 8px 0 12px; font-size: clamp(38px, 6vw, 78px) !important; line-height: 1; }
.gallery-room-heading p:last-child { max-width: 800px; margin: 0; color: var(--museum-body); line-height: 1.65; }
.gallery-room-heading a { flex: 0 0 auto; padding: 12px 16px; border: 1px solid var(--museum-accent); color: var(--museum-accent); text-decoration: none; text-transform: uppercase; letter-spacing: .1em; }
.gallery-room-experience { border: 1px solid #6f5849; background: #0a0908; }
.gallery-viewport { position: relative; height: min(72vh, 780px); height: min(72svh, 780px); min-height: 500px; overflow: hidden; overscroll-behavior: contain; perspective: 1800px; background: #101419; cursor: grab; touch-action: none; -webkit-user-select: none; user-select: none; }
.gallery-viewport:active { cursor: grabbing; }
.gallery-viewport:focus-visible { outline: 2px solid var(--museum-accent); outline-offset: -3px; }
.gallery-world { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform-style: preserve-3d; transform-origin: 0 0; transition: transform .42s cubic-bezier(.2,.7,.2,1); }
.gallery-viewport:active .gallery-world { transition: none; }
.gallery-panorama { position: absolute; inset: 0; z-index: 0; transform-style: preserve-3d; pointer-events: none; }
.gallery-panorama-panel { position: absolute; left: 0; top: -900px; height: 1800px; transform-origin: center center; background-repeat: no-repeat; background-color: #17202a; image-rendering: auto; backface-visibility: hidden; filter: brightness(.68) saturate(.72) contrast(.9); }
.gallery-ceiling-glow { position: absolute; inset: 0; z-index: 4; pointer-events: none; background: radial-gradient(ellipse at 50% 18%, rgba(255,244,220,.08), transparent 46%), linear-gradient(90deg, rgba(0,0,0,.38), transparent 16% 84%, rgba(0,0,0,.38)), linear-gradient(0deg, rgba(0,0,0,.28), transparent 24% 78%, rgba(0,0,0,.16)); }
.gallery-hung-artwork { position: absolute; left: -340px; top: -440px; z-index: 3; width: 680px; color: #16110e; text-decoration: none; transform-style: preserve-3d; cursor: pointer; }
.gallery-frame { display: grid; place-items: center; width: 680px; height: 816px; padding: 32px; border: 22px solid #211610; outline: 3px solid #a88763; background: #080706; box-shadow: 0 38px 85px rgba(0,0,0,.88), 0 0 0 12px rgba(239,225,205,.17), 0 -26px 70px rgba(255,244,215,.24); transition: transform .22s ease, box-shadow .22s ease; }
.gallery-frame img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.gallery-frame img[data-gallery-src] { opacity: .16; }
.gallery-hung-artwork:hover .gallery-frame,.gallery-hung-artwork:focus-visible .gallery-frame { transform: translateZ(24px) scale(1.04); box-shadow: 0 26px 70px rgba(0,0,0,.75), 0 0 30px rgba(216,176,154,.45); }
.gallery-hung-artwork:focus-visible { outline: 3px solid #241a14; outline-offset: 8px; }
.gallery-plaque { display: block; width: 520px; margin: 24px auto 0; padding: 16px 20px; background: #e4ded2; box-shadow: 0 12px 30px rgba(0,0,0,.34); text-align: center; }
.gallery-plaque strong,.gallery-plaque small { display: block; }
.gallery-plaque strong { font-family: Georgia,serif; font-size: 24px; }
.gallery-plaque small { margin-top: 7px; font-size: 15px; letter-spacing: .1em; text-transform: uppercase; }
.gallery-reticle { position: absolute; z-index: 6; left: 50%; top: 50%; width: 14px; height: 14px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; transform: translate(-50%,-50%); pointer-events: none; }
.gallery-room-status { position: absolute; z-index: 7; left: 16px; bottom: 14px; margin: 0; padding: 8px 10px; background: rgba(0,0,0,.68); color: #d8c8ba; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.gallery-room-controls { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; padding: 16px; border-top: 1px solid #6f5849; background: #100d0b; }
.gallery-room-controls button { min-height: 45px; padding: 10px 15px; border: 1px solid #8f6e5e; background: #18120f; color: #e2d4ca; font: inherit; cursor: pointer; }
.gallery-room-controls button:hover,.gallery-room-controls button:focus-visible { background: #b78d72; color: #0b0907; }
.gallery-room-help { margin: 0; padding: 0 24px 20px; color: var(--museum-muted); text-align: center; line-height: 1.55; }
.gallery-room-index { margin-top: 38px; padding: clamp(26px,4vw,44px); border: 1px solid var(--museum-border); background: rgba(17,14,11,.94); }
.gallery-room-index h2 { margin: 8px 0 24px; font-size: clamp(32px,4vw,54px); }
.gallery-room-index-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.gallery-room-index-list a { display: flex; gap: 12px; align-items: center; min-width: 0; padding: 10px; border: 1px solid var(--museum-border); color: var(--museum-heading); text-decoration: none; }
.gallery-room-index-list a:hover,.gallery-room-index-list a:focus-visible { border-color: var(--museum-accent); color: var(--museum-accent); }
.gallery-room-index-list img { width: 58px; height: 58px; object-fit: contain; background: #050505; }
.gallery-room-index-list span { min-width: 0; }
.gallery-room-index-list strong,.gallery-room-index-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gallery-room-index-list small { margin-top: 5px; color: var(--museum-muted); }
@media(max-width:1000px){
  .gallery-room-shell{width:min(100% - 24px,900px);padding-top:32px}
  .gallery-room-heading{align-items:flex-start;flex-direction:column;padding:24px}
  .gallery-room-heading h1{font-size:clamp(38px,9vw,66px) !important}
  .gallery-viewport{height:min(64svh,680px);min-height:460px;perspective:1500px}
  .gallery-room-controls{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-shadow:0 -12px 28px rgba(0,0,0,.48)}
  .gallery-room-controls button{min-width:0;min-height:54px;padding:9px 6px;font-size:14px;line-height:1.15}
  .gallery-room-help{padding:16px 20px 20px;text-align:left}
  .gallery-room-index-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-room-index-list a{min-height:78px;padding:10px}
}
@media(max-width:640px){
  .gallery-room-page .shared-header{gap:12px}
  .gallery-room-page .museum-wordmark{font-size:20px !important}
  .gallery-room-page .museum-menu-button{padding:9px 11px;font-size:13px}
  .gallery-room-shell{width:100%;padding:18px 0 80px}
  .gallery-room-heading{margin:0 10px 14px;padding:18px}
  .gallery-room-heading h1{font-size:clamp(34px,12vw,52px) !important}
  .gallery-room-heading a{width:100%;min-height:48px;text-align:center}
  .gallery-room-experience{border-left:0;border-right:0}
  .gallery-viewport{height:56svh;min-height:390px;max-height:570px;perspective:1300px}
  .gallery-reticle{display:none}
  .gallery-room-status{left:10px;bottom:10px;max-width:calc(100% - 20px);font-size:9px}
  .gallery-room-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:10px}
  .gallery-room-controls button{min-height:56px;font-size:13px}
  .gallery-room-controls button[data-gallery-action="left"]{grid-column:1;grid-row:1}
  .gallery-room-controls button[data-gallery-action="forward"]{grid-column:2;grid-row:1}
  .gallery-room-controls button[data-gallery-action="right"]{grid-column:3;grid-row:1}
  .gallery-room-controls button[data-gallery-action="back"]{grid-column:1 / span 2;grid-row:2}
  .gallery-room-controls button[data-gallery-action="reset"]{grid-column:3;grid-row:2}
  .gallery-room-help{padding:14px 16px 18px;font-size:14px}
  .gallery-room-index{margin:24px 10px 0;padding:22px 16px}
  .gallery-room-index-list{grid-template-columns:1fr}
  .gallery-room-index-list a{min-height:80px}
  .gallery-room-index-list img{width:64px;height:64px}
}
@media(max-width:900px) and (orientation:landscape){
  .gallery-room-shell{padding-top:14px}
  .gallery-room-heading{padding:16px 20px}
  .gallery-room-heading h1{font-size:36px !important}
  .gallery-viewport{height:58svh;min-height:300px;max-height:470px}
  .gallery-room-controls{grid-template-columns:repeat(5,minmax(0,1fr))}
  .gallery-room-controls button{grid-column:auto!important;grid-row:auto!important;min-height:50px}
}
@media(hover:none) and (pointer:coarse){
  .gallery-hung-artwork:hover .gallery-frame{transform:none}
  .gallery-hung-artwork:active .gallery-frame{transform:translateZ(16px) scale(1.025);box-shadow:0 22px 55px rgba(0,0,0,.72),0 0 24px rgba(216,176,154,.38)}
}
.gallery-lite-mode .gallery-viewport{display:grid;place-items:center;min-height:430px;height:58svh;max-height:620px;padding:20px;background:linear-gradient(rgba(8,10,12,.54),rgba(8,7,6,.78)),url("../images/horizons/sierra/winter.webp?v=0.42.0") center/cover no-repeat;perspective:none;touch-action:pan-y}
.gallery-lite-mode .gallery-world{position:static;width:100%;height:100%;transform:none!important;transition:none;display:grid;place-items:center}
.gallery-lite-mode .gallery-ceiling-glow,.gallery-lite-mode .gallery-reticle{display:none}
.gallery-lite-card{display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(100%,520px);height:100%;color:#17110e;text-decoration:none}
.gallery-lite-frame{display:grid;place-items:center;min-height:0;padding:12px;border:8px solid #211610;outline:2px solid #a88763;background:#080706;box-shadow:0 18px 40px rgba(0,0,0,.62)}
.gallery-lite-frame img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.gallery-lite-plaque{display:block;width:min(86%,320px);margin:12px auto 0;padding:10px 12px;background:#e4ded2;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.3)}
.gallery-lite-plaque strong,.gallery-lite-plaque small{display:block}
.gallery-lite-plaque strong{font-family:Georgia,serif;font-size:16px}
.gallery-lite-plaque small{margin-top:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.gallery-lite-mode .gallery-room-controls button[data-gallery-action="forward"],.gallery-lite-mode .gallery-room-controls button[data-gallery-action="back"],.gallery-lite-mode .gallery-room-controls button[data-gallery-action="reset"]{display:none}
.gallery-lite-mode .gallery-room-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.gallery-lite-mode .gallery-room-controls button[data-gallery-action]{grid-column:auto;grid-row:auto;min-height:58px}
.gallery-lite-mode .gallery-room-index-list a{min-height:58px}
.gallery-lite-mode .gallery-room-index-list a span{padding-left:4px}
@media(prefers-reduced-motion:reduce){.gallery-world,.gallery-frame{transition:none!important}}