/* Phone landscape keeps the canvas full bleed and controls inside the notch. */
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px) and (pointer:coarse){
 html:not(.simple-mode){--scene-header-height:calc(64px + env(safe-area-inset-top));--scene-footer-height:calc(56px + env(safe-area-inset-bottom));height:100%;overflow:hidden}
 html:not(.simple-mode) body{height:100%;min-height:100dvh;padding:0;overflow:hidden}
 html:not(.simple-mode) #world{position:fixed;inset:0;width:100dvw;height:100dvh;max-width:none}
 html:not(.simple-mode) #world canvas{display:block;width:100%;height:100%;max-width:none}
 html:not(.simple-mode) #experience{inset:0}
 html:not(.simple-mode) .world-hotspots{position:fixed;inset:0}
 html:not(.simple-mode) .site-header{height:var(--scene-header-height);padding:calc(5px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 5px max(14px,env(safe-area-inset-left));gap:12px;border:0;background:linear-gradient(#103c38bf,#103c3820);align-items:center}
 html:not(.simple-mode) .site-header .brand-logo{height:54px;width:auto}
 html:not(.simple-mode) .site-header .desktop-nav{display:none}
 html:not(.simple-mode) .site-header .header-values{padding:0;margin:0;border:0;gap:5px}
 html:not(.simple-mode) .site-header .header-values a{flex-direction:row;gap:5px;min-width:0;min-height:44px;padding:6px;font-size:14px;line-height:1.4;letter-spacing:0}
 html:not(.simple-mode) .header-values a>span:first-child{width:22px;height:22px}
 html:not(.simple-mode) .header-values svg{width:22px;height:22px}
 html:not(.simple-mode) .site-header .header-actions{margin-left:auto;gap:8px}
 html:not(.simple-mode) .site-header .sound-toggle{display:none}
 html:not(.simple-mode) .site-header .donate-btn,html:not(.simple-mode) .site-header .menu-btn{display:grid;place-items:center;flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border-radius:6px}
 html:not(.simple-mode) .site-header .donate-label,html:not(.simple-mode) .site-header .donate-arrow{display:none}
 html:not(.simple-mode) .site-header .donate-symbol{display:grid}
 html:not(.simple-mode) .site-header .donate-symbol svg{width:22px;height:22px}
 html:not(.simple-mode) .hero-copy{left:max(18px,env(safe-area-inset-left));top:calc(var(--scene-header-height) + 14px);width:27vw;max-width:290px;transform:none}
 html:not(.simple-mode) .hero-copy h1{font-size:clamp(26px,10dvh,44px);line-height:1;letter-spacing:-.7px}
 html:not(.simple-mode) .hero-copy h1 br{display:block}
 html:not(.simple-mode) .hero-copy>.eyebrow,html:not(.simple-mode) .scene-caption,html:not(.simple-mode) .visit-tip{display:none}
 html:not(.simple-mode) .hero-copy .hero-actions{position:static;inset:auto;gap:0;margin-top:12px;align-items:flex-start}
 html:not(.simple-mode) .hero-copy .text-btn{font-size:13px;line-height:1.5;min-height:38px;white-space:normal}
 html:not(.simple-mode) .scene-shade{background:linear-gradient(90deg,#103c38ed,#103c3890 24%,#103c3800 54%),linear-gradient(0deg,#10383280,transparent 25%)}
 html:not(.simple-mode) .experience-footer{height:var(--scene-footer-height);padding:6px max(16px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:14px;background:linear-gradient(transparent,#103832a8 45%);border:0}
 html:not(.simple-mode) .footer-center{display:none}
 html:not(.simple-mode) .weather-symbol{width:30px;height:30px}
 html:not(.simple-mode) .weather-symbol svg{width:18px;height:18px}
 html:not(.simple-mode) .place-status{gap:8px}
 html:not(.simple-mode) .place-status strong{font-size:13px;line-height:1.4}
 html:not(.simple-mode) .place-status small{font-size:12px;line-height:1.6}
 html:not(.simple-mode) .place-status #weather-summary,html:not(.simple-mode) .place-status .status-separator,html:not(.simple-mode) .status-chevron{display:none}
 html:not(.simple-mode) .footer-controls{gap:18px}
 html:not(.simple-mode) .footer-controls .simple-toggle,html:not(.simple-mode) .footer-controls .explore-btn{display:flex;min-height:44px;padding:6px 0;gap:7px;font-size:13px;line-height:1.5;border:0}
 html:not(.simple-mode) .footer-controls svg{width:18px;height:18px}
 html:not(.simple-mode) .explore-btn span:last-child{font-size:13px}
 html:not(.simple-mode) .return-btn{top:calc(var(--scene-header-height) + 8px);left:max(16px,env(safe-area-inset-left));min-height:42px;padding:9px 12px;font-size:13px}
 html:not(.simple-mode) .room-title{top:calc(var(--scene-header-height) + 8px);padding:0 26%;}
 html:not(.simple-mode) .room-title h2{font-size:27px;line-height:1.1;margin:4px 0}
 html:not(.simple-mode) .room-title>.eyebrow{font-size:11px;line-height:1.5;letter-spacing:1px}
 html:not(.simple-mode) .room-title p{display:none}
 html:not(.simple-mode) .hotspot{font-size:12px;padding:6px;--float-lift:3px}
 html:not(.simple-mode) .hotspot-surface{min-height:36px;padding:6px 10px 6px 6px;gap:7px}
 html:not(.simple-mode) .hotspot[data-kind=mailbox]{z-index:6}
 html:not(.simple-mode) .hotspot[data-kind=king]{font-size:12px;min-width:62px;min-height:44px;padding:4px}
 html:not(.simple-mode) .hotspot[data-kind=king] .hotspot-surface{min-height:32px;padding:6px 9px}
 html:not(.simple-mode) .hotspot[data-kind=king]::before{transform-origin:top center;transform:rotate(var(--leader-angle,0deg))}
 html:not(.simple-mode) .atmosphere-panel{left:max(14px,env(safe-area-inset-left));bottom:calc(var(--scene-footer-height) + 6px);max-height:calc(100dvh - var(--scene-header-height) - var(--scene-footer-height) - 18px);overflow:auto;padding:18px}
 html:not(.simple-mode) .mini-player,html:not(.simple-mode) .toast{bottom:calc(var(--scene-footer-height) + 8px)}
 html:not(.simple-mode) .content-dialog{max-height:calc(100dvh - 20px);width:min(680px,calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right) - 28px))}
 .house-map{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}
 .house-map #close-map{right:max(16px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top))}
}
@media(orientation:landscape) and (max-height:300px) and (max-width:1100px) and (pointer:coarse){
 html:not(.simple-mode) .hero-copy{display:none}
}