/* Local full-frame experiment. Existing photographs and scroll timeline unchanged. */
body.room-immersive { background: #000; }
.room-immersive .study-room { inset: 0; }
.room-immersive .experience-header { padding: max(24px, env(safe-area-inset-top)) 4vw 40px; color: #fff; background: linear-gradient(rgba(0,0,0,.36), transparent); }
.room-immersive .experience-brand { font-size: 16px; font-weight: 500; letter-spacing: -.035em; }
.room-immersive .experience-header .day-clock { position: static; transform: none; padding: 0; color: #fff; gap: 8px; }
.room-immersive .experience-header .clock-digits { font-size: 28px; font-weight: 400; }
.room-immersive .experience-header .clock-period { font-size: 12px; margin: 0; }
.room-immersive .experience-ending { min-height: 560svh; }
.room-immersive .experience-ending .experience-finale h1 { font-size: clamp(48px, 8vw, 100px); line-height: 1.1; letter-spacing: -.06em; font-weight: 600; }
.room-immersive .experience-footer { background: #000; color: #f3f0e9; }
.room-immersive .experience-footer small { color: #aaa; }
.room-cue { position: fixed; z-index: 31; bottom: max(32px, env(safe-area-inset-bottom)); left: calc(50% - 24px); width: 48px; height: 48px; display: grid; place-items: center; border: 0; padding: 0; background: transparent; color: #fff; cursor: pointer; filter: drop-shadow(0 1px 5px rgba(0,0,0,.5)); animation: cue-once 2.8s ease-in-out both; }
.room-cue[hidden] { display: none; }
.room-cue:focus-visible { outline: 1px solid #fff; outline-offset: 4px; border-radius: 50%; }
@keyframes cue-once { 0% { opacity: 0; transform: translateY(-5px); } 30% { opacity: .8; } 70% { opacity: .8; } 100% { opacity: 0; transform: translateY(5px); } }
@media(max-width:700px) {
 .room-immersive .experience-header .clock-digits { font-size: 24px; }
 .room-immersive .experience-header { padding: max(20px, env(safe-area-inset-top)) 24px 45px; }
 .room-immersive .experience-ending .experience-finale h1 { font-size: clamp(46px,12vw,64px); }
}
@media(prefers-reduced-motion:reduce) { .room-cue { animation: none; opacity: .8; } }