/* One image coordinate space for scenery, atmosphere, and discoveries. */
.cinematic-mode #room-stage{overflow:hidden}
.camp-tour-caption{position:absolute;z-index:3;left:4.5%;top:16%;max-width:300px;padding:18px 24px 18px 0;color:#f1ead8;text-shadow:0 2px 20px #071512;animation:dialog-in .4s}
.camp-tour-caption[hidden]{display:none}
.camp-tour-caption .eyebrow{font-size:7px;letter-spacing:2px;margin:0 0 12px}
.camp-tour-caption h2{font-size:43px;line-height:1.05;letter-spacing:-1.5px;margin:0 0 12px}
.camp-tour-caption>p:not(.eyebrow){font-size:11px;line-height:1.7;max-width:230px;color:#e0e2d6}
.camp-tour-caption>button{font-size:10px;min-height:40px;margin-top:8px;border-bottom:1px solid #dfc8a38c;color:#eee1c6}
#camp-view-stack{position:absolute;inset:0;isolation:isolate;overflow:hidden}
.camp-view-plane{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity}
.camp-view-plane[hidden],#camp-scene-plane[hidden]{display:none}
.camp-view-plane>img{display:block;width:100%;height:100%;object-fit:fill}
.close-firelight{left:56%;top:55%;width:19%;height:34%}
.close-embers{left:64%;top:64%}
.cinematic-mode #room-scroll-space{height:850vh}
.cinematic-mode #room-fallback{background:linear-gradient(#081811b8,#081811d9),url('assets/camp-expanded-v3.webp') center/cover}
#camp-fireflies{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#camp-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.58;transform-origin:center;will-change:transform}
#camp-scene-plane{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;will-change:transform}
.cinematic-mode #camp-arrival-art{position:absolute;width:100%;height:100%;object-fit:fill;opacity:1;transform:none;will-change:auto}
.cinematic-mode #room-canvas{position:absolute;inset:0;cursor:grab}
.cinematic-mode #room-canvas:active{cursor:grabbing}
.cinematic-mode #room-progress{height:100%;transform-origin:top}
.cinematic-mode .hotspot{transform:translate(-22px,-22px);gap:5px;width:max-content;max-width:calc(100vw - 56px)}
.cinematic-mode .hotspot>i{width:44px;height:44px;flex-shrink:0;background:#12221ab8;border-color:#e5c79d99;box-shadow:0 0 0 6px #e6d1ad09}
.cinematic-mode .hotspot.label-left{flex-direction:row-reverse;transform:translate(calc(-100% + 22px),-22px)}
.cinematic-mode .hotspot.secret>i{color:#efd39b;border-color:#d8b97755;background:#392b1870}
.cinematic-mode .hotspot[aria-expanded=true]>i{background:#e1c7a1;color:#20331b}
.cinematic-mode .room-object-panel:focus{outline:none}
.cinematic-mode .room-intro.away{visibility:hidden}
.camp-firelight{position:absolute;left:57.5%;top:54%;width:13%;height:20%;background:radial-gradient(ellipse,#ff9a3b30,transparent 68%);mix-blend-mode:screen;animation:camp-glow 3.7s ease-in-out infinite alternate;pointer-events:none}
.camp-embers{position:absolute;left:63.5%;top:61%;width:1%;height:3%;pointer-events:none}
.camp-embers i{position:absolute;width:2px;height:2px;background:#ffcf80;border-radius:50%;box-shadow:0 0 5px #e7a247;animation:camp-ember 5s linear infinite;opacity:0}
.camp-embers i:nth-child(2){left:7px;animation-delay:-1.8s;animation-duration:6s}
.camp-embers i:nth-child(3){left:17px;animation-delay:-3.2s;animation-duration:4.8s}
.camp-embers i:nth-child(4){left:3px;animation-delay:-4.4s;animation-duration:6.5s}
.cinematic-mode.scene-paused .camp-firelight,.cinematic-mode.scene-paused .camp-embers i{animation-play-state:paused}
@keyframes camp-glow{0%,100%{opacity:.45}30%{opacity:.85}55%{opacity:.6}80%{opacity:1}}
@keyframes camp-ember{0%{opacity:0;transform:translate(0,0)}15%{opacity:.65}85%{opacity:.25}100%{opacity:0;transform:translate(17px,-64px)}}
@media(max-width:1100px){.cinematic-mode .room-help{display:none}.cinematic-mode .room-bottom{justify-content:center}.cinematic-mode .room-reset{position:absolute;right:0}.cinematic-mode .room-stops button{padding:12px 10px;font-size:8px}}
@media(max-width:760px){
  .cinematic-mode .room-intro{max-width:285px}
  .cinematic-mode .hotspot>span{max-width:175px;white-space:normal;line-height:1.5}
  .cinematic-mode .room-object-panel{max-height:43dvh;bottom:153px}
  .cinematic-mode .room-chapter{pointer-events:none}
  .cinematic-mode .room-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;max-width:450px}
  .cinematic-mode .room-stops button{padding:9px 4px;font-size:8px;min-height:45px}
  .cinematic-mode .discovery-toggle{bottom:153px}
  .cinematic-mode .toast{bottom:150px}
  #camp-foreground{opacity:.4}
  .camp-tour-caption{top:100px;left:6%;max-width:225px;padding:10px 0}
  .camp-tour-caption h2{font-size:30px;letter-spacing:-.8px;margin-bottom:7px}
  .camp-tour-caption .eyebrow{font-size:6px;margin-bottom:8px}
  .camp-tour-caption>p:not(.eyebrow){font-size:9px;max-width:195px}
  .camp-tour-caption>button{font-size:9px;margin-top:0}
  .cinematic-mode .discovery-toggle{width:44px;height:52px;justify-content:center;padding:8px}
  .cinematic-mode .discovery-toggle>span:not(.discovery-icon){display:none}
}
@media(max-height:600px) and (min-width:760px){
  .cinematic-mode .discovery-toggle{top:112px;bottom:auto;padding:10px;width:44px;height:44px;justify-content:center}
  .cinematic-mode .discovery-toggle>span:not(.discovery-icon){display:none}
  .cinematic-mode .room-intro{top:105px;max-width:360px}
  .cinematic-mode .room-intro h1{font-size:46px;line-height:1;margin:10px 0}
  .cinematic-mode .room-intro>p:not(.eyebrow),.cinematic-mode .entry-note{display:none}
  .cinematic-mode .room-enter{margin-top:16px;min-height:44px;padding:12px 18px}
  .cinematic-mode:has(.room-intro:not(.away)) .discovery-toggle{visibility:hidden}
  .camp-tour-caption{top:100px;left:auto;right:5%;max-width:210px;padding:8px 0;text-align:right}
  .camp-tour-caption h2{font-size:27px}
  .camp-tour-caption>p:not(.eyebrow){display:none}
}
@media(prefers-reduced-motion:reduce){.camp-firelight,.camp-embers i,.camp-tour-caption{animation:none}.camp-embers{display:none}.cinematic-mode .hotspot{transition:none}}