/* v8 — an inhabited studio. The room owns the screen, controls live in a guide. */
:root{--pad:clamp(20px,3vw,54px);--paper:#f0ece2;--lime:#c6d2b0}
main{height:100dvh;min-height:0}#studio-shell{min-height:100dvh}
header{height:88px;gap:22px;border-bottom:0;background:linear-gradient(#22282380,transparent)}
.wordmark{font-size:43px;letter-spacing:-5px}.header-title{font-size:9px}.profile-link{margin-left:auto}
.edition{display:none}#guide-open{display:flex;align-items:center;gap:20px;min-height:46px;border:1px solid #e9e4d640;border-radius:3px;padding:0 18px;background:#263028b8;font-size:11px}#guide-open span{font-size:17px}
main::before,.focused main::before,.personal-mode main::before{background:linear-gradient(90deg,#18211d30,transparent 45%);opacity:1;pointer-events:none}
.world::after{background:linear-gradient(180deg,#1b251d55,transparent 20%,transparent 65%,#1b251daf);pointer-events:none}
.intro{top:auto!important;bottom:150px;left:var(--pad);width:310px;padding:0;transform:none;z-index:2}
.intro .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:13px;color:#dddcd2}.eyebrow span{display:none}
.intro h1{font:400 clamp(42px,4.2vw,68px)/.98 Georgia,serif;letter-spacing:-.065em;text-shadow:0 2px 25px #18251d80}
.intro .intro-description{margin:15px 0;font-size:12px;color:#d1d5c8}.intro .intro-description strong{color:#f3efdf}
.intro .enter{position:static;width:180px;min-height:44px;padding:8px 0;font-size:11px}.intro .enter span{font-size:21px}.intro .founder{display:none}
.focused .intro{opacity:0;visibility:hidden;transform:translateY(8px)}
.world-label,.scene-caption,.room-contact{display:none!important}
.room-navigation{height:90px;left:var(--pad);right:var(--pad);bottom:0;top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#ece6d22e}
.room-current{display:flex;flex-direction:column;gap:3px;min-width:170px}.room-current small{font-size:6px;letter-spacing:.18em;color:#b7c0b0}.room-current strong{font-size:12px;font-weight:400}
.room-tabs{display:flex;border:1px solid #e8e0ce40;background:#273128e8;border-radius:4px;padding:4px;gap:4px}.room-tabs button{display:flex;align-items:center;gap:14px;padding:0 22px;min-height:46px;font-size:12px;border-radius:2px;transition:background .2s,color .2s}.room-tabs button small{font-size:8px;color:#b8bdac}.room-tabs button[aria-pressed=true]{background:#e9e4d6;color:#25372c}.room-tabs button[aria-pressed=true] small{color:#67745f}
#hint-toggle{min-height:44px;display:flex;gap:16px;align-items:center;font-size:11px;color:#d1d8c8}#hint-toggle span{font-size:22px}#hint-toggle[aria-pressed=true]{color:#f7d59b}
.discovery-tip{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);font-size:10px;color:#dedbca;white-space:nowrap;text-shadow:0 1px 4px #000;pointer-events:none}
.character-hotspot{display:none}.show-hints .character-hotspot{display:flex}.show-hints.gallery-mode .character-hotspot{display:none!important}
.object-hints{position:absolute;inset:0;pointer-events:none;z-index:5}.object-hints button{display:none;position:absolute;left:0;top:0;pointer-events:auto;min-height:44px;padding:0 13px;align-items:center;gap:14px;font-size:11px;background:#eee8d9ed;color:#28382d;border:1px solid #f7f0de;border-radius:3px;box-shadow:0 4px 20px #0002}.show-hints .object-hints button[data-visible=true]{display:flex}.object-hints button span{font-size:17px}
.speech-bubble{background:#f1ebddeF;color:#28372e;border-radius:4px;box-shadow:0 12px 50px #14241a33;max-width:340px}.speech-text{font:400 21px/1.35 Georgia,serif}.speech-header,.speech-footer,.speech-close{color:#475445}.speaker-role{color:#73806d}.speech-bubble::after{border-top-color:#f1ebdd}
#panda-guide{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:9px 12px;margin-bottom:8px;background:#344f3e;color:#efeadc;border-radius:2px;font-size:11px}#speech[data-speaker=avocado] #panda-guide{display:none}
.detail:not(:has(#project-picker:not([hidden]))){display:none!important}
.detail:has(#project-picker:not([hidden])),.focused .detail:has(#project-picker:not([hidden])),.gallery-mode .detail:has(#project-picker:not([hidden])){top:auto;bottom:154px;left:var(--pad);width:240px;padding:15px;background:#eee9ddf2;color:#26382a;border:1px solid #d6cfbd;border-radius:3px}
.detail h2,.detail p,.detail-index{display:none}#project-picker{display:flex;flex-direction:column;gap:3px;margin:0;max-width:100%;overflow:visible}#project-picker button{pointer-events:auto;min-height:48px;min-width:0;width:100%;border:0;border-bottom:1px solid #203a2226;background:transparent;padding:5px;font-size:11px;display:flex;align-items:center;text-align:left}#project-picker img{width:46px;height:30px;object-fit:cover;border-radius:1px}#project-picker span{margin-left:auto}
.gallery-walk{left:var(--pad);right:auto;bottom:104px;top:auto;width:240px;justify-content:space-between;background:#26392feb;border:1px solid #d5ddc62e;border-radius:3px;padding:0 8px}.gallery-walk button{min-width:44px;min-height:44px}.gallery-walk span{font-size:8px}
#exhibit-card{bottom:154px;right:var(--pad);width:270px;border-radius:3px;padding:20px}#exhibit-card h2{font-family:Georgia,serif;font-weight:400}#exhibit-card p{font-size:11px}#exhibit-card button{min-height:44px}
#tour-panel{left:var(--pad);bottom:150px;width:310px;border-radius:3px}#tour-title{font-family:Georgia,serif;letter-spacing:-1px}.tour-actions button,.tour-meta button{min-height:44px;min-width:44px}
#guide-stop{position:absolute;top:105px;left:50%;transform:translateX(-50%);z-index:8;min-height:44px;padding:0 18px;background:#eee9dc;color:#2c4032;border-radius:3px;font-size:11px}
#personal-status{bottom:145px;font-size:12px;max-width:calc(100% - 40px)}#scene-tooltip{font-size:11px;padding:10px 15px;background:#eeeadd;color:#2f3f33;border-radius:2px;max-width:270px}
#walk-help{top:100px;left:var(--pad);right:auto;background:#29372df0;border-radius:3px}#walk-help button{min-height:44px}
.sound-panel{position:fixed;left:auto;right:var(--pad);top:100px;z-index:15;border-radius:4px;padding:20px;width:300px;background:#edf0e1;color:#2e412f;box-shadow:0 10px 40px #0d1c1720}.sound-panel small{color:#64725e}.sound-panel label{padding-right:30px}#sound-close{position:absolute;right:8px;top:3px;min-width:44px;min-height:44px;font-size:23px}.sound-panel input{height:32px}
#studio-guide{width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto 24px auto auto;background:#ece7da;color:#2b3c30;border:1px solid #c5c8b6;border-radius:5px;padding:25px;overflow-y:auto}
#studio-guide::backdrop{background:#12231c87;backdrop-filter:blur(3px)}.guide-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.13em}#guide-close{min-width:44px;min-height:44px;font-size:26px}#guide-title{font:400 39px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:17px 0 10px}#studio-guide>p{font-size:12px;color:#60705b}#studio-guide h3{font-weight:500;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin:25px 0 9px;color:#737c67}
.guide-primary{display:flex;flex-direction:column;gap:6px;margin-top:22px}.guide-primary button{min-height:48px;padding:12px 15px;text-align:left;display:flex;justify-content:space-between;font-size:12px;background:#314a39;color:#f3eddd}.guide-primary button+button{background:#d6dcc5;color:#30402f}
#studio-guide nav{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:4px}#studio-guide nav button{height:auto;min-height:44px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:8px 10px;font-size:11px;border:1px solid #50604830}#studio-guide nav small{color:#68775d;margin-right:10px}#studio-guide nav button[aria-pressed=true]{background:#d8ddc9}
#studio-guide .explore-bar{position:static;background:none;border:0;border-radius:0;backdrop-filter:none;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0}#studio-guide .explore-bar button{min-height:44px;border:1px solid #59664738;border-radius:2px;padding:9px 12px;font-size:16px;justify-content:flex-start}#studio-guide .explore-bar button span{font-size:11px}#studio-guide #start-tour,#studio-guide #personal-corner{display:none}
#studio-guide .scene-tools{position:static;display:flex;flex-direction:row;justify-content:flex-start;gap:7px;margin:12px 0 0;background:none;backdrop-filter:none;border:0;padding:0}#studio-guide .scene-tools button{color:#314634;width:44px;height:44px;border:1px solid #82906f55;background:transparent;border-radius:2px;font-size:22px}#studio-guide .scene-tools span{display:none}
.guide-settings{display:flex;gap:12px;align-items:center;border-top:1px solid #82906f55;margin-top:22px;padding-top:18px;font-size:10px}.guide-settings label{display:flex;flex-direction:column;gap:5px;flex:1}.guide-settings select{background:transparent;border:1px solid #7b8a6d68;min-height:44px;padding:8px;color:#314431;font:inherit;font-size:12px;max-width:220px}.guide-settings .motion{color:#354b35;margin:0;width:44px;height:44px;border-color:#6e805a50}.guide-help{font-size:10px!important;line-height:1.7;margin-top:18px}.guide-profile{font-size:12px;margin-top:20px;min-height:44px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #81906e50}
.opening-active #studio-shell .object-hints,.opening-active #studio-shell .discovery-tip{display:none}.opening-active #studio-guide{visibility:hidden}.unavailable .object-hints,.unavailable .discovery-tip{display:none}
.unavailable #guide-open{position:relative;z-index:30}.unavailable .intro{opacity:1;visibility:visible}
@media(max-width:760px){
 :root{--pad:18px}body{overflow:hidden}header{height:72px;gap:14px}.header-title{display:none}.wordmark{font-size:35px}.profile-link{font-size:9px}#guide-open{min-height:44px;padding:0 12px;gap:10px;font-size:10px}
 main{height:100dvh;min-height:0}.world{inset:0}.world::after{background:linear-gradient(#1e2a2180,transparent 22%,transparent 60%,#1e2a21c7)}main::before,.focused main::before{background:none;opacity:0}
 .intro{left:20px;top:auto!important;bottom:146px;width:auto;max-width:210px}.intro h1{font-size:43px;line-height:.95}.intro h1 br{display:none}.intro .eyebrow{font-size:6px;margin-bottom:8px}.intro-description{display:none}.intro .enter{position:static;width:160px;font-size:10px;min-height:44px;margin-top:7px}.intro .enter span{font-size:21px}
 .room-navigation{height:86px;left:12px;right:12px;top:auto;bottom:env(safe-area-inset-bottom,0px);gap:8px;border:0}.room-current{display:none}.room-tabs{flex:1;gap:1px;padding:3px}.room-tabs button{flex:1;padding:0 8px;gap:6px;min-height:48px;font-size:11px;white-space:nowrap}.room-tabs button small{font-size:7px}#hint-toggle{font-size:0;gap:0;min-width:38px}#hint-toggle span{font-size:24px}
 .discovery-tip{bottom:92px;font-size:8px;max-width:calc(100% - 40px);white-space:normal;text-align:center;width:300px}
 .speech-bubble{width:calc(100vw - 36px);max-width:335px;padding:20px}.speech-text{font-size:20px}.speech-header{font-size:9px}.speaker-role{font-size:6px}.speech-close{min-width:44px;min-height:44px}#speech-next{min-height:44px}
 .object-hints button{font-size:10px;min-height:44px;padding:0 10px;gap:8px}
 .detail:has(#project-picker:not([hidden])),.focused .detail:has(#project-picker:not([hidden])),.gallery-mode .detail:has(#project-picker:not([hidden])){top:auto;bottom:148px;left:15px;width:180px;padding:7px 10px;background:#ece8dcea}#project-picker button{min-height:44px;font-size:10px;padding:3px}#project-picker img{width:36px;height:23px}#project-picker{gap:0}
 .gallery-walk{bottom:98px;left:15px;width:180px;min-height:44px;padding:0 4px}.gallery-walk span{font-size:7px}
 #exhibit-card,.walking #exhibit-card{top:84px;bottom:auto;left:15px;right:15px;width:auto;padding:12px 15px}#exhibit-card h2{font-size:24px;display:inline-block;margin:5px 10px 4px 0}#exhibit-category,#exhibit-role{font-size:8px}#exhibit-card p{display:none}#exhibit-card button{min-height:44px;font-size:10px;float:right;max-width:128px;border:0}.focused:has(#exhibit-card:not([hidden])) #detail{visibility:visible}
 #tour-panel{top:auto;bottom:118px;left:16px;right:16px;width:auto;padding:16px}#tour-title{font-size:29px}#tour-copy{font-size:11px;line-height:1.5}.tour-actions{margin-top:8px}
 #personal-status{bottom:146px;left:20px;right:20px;width:auto;max-width:none;transform:none;font-size:11px}.sound-panel{left:15px;right:15px;top:83px;width:auto;max-width:none}
 #studio-guide{margin:auto;width:calc(100vw - 24px);padding:20px;max-height:calc(100dvh - 24px)}#guide-title{font-size:35px}.guide-settings select{max-width:180px;font-size:11px}.guide-settings{gap:8px}
 #walk-help{left:15px;right:15px;top:82px;font-size:9px}#walk-help button{font-size:10px}
 #guide-stop{top:82px;font-size:11px}.loading{top:80px;bottom:auto;left:20px}
}
@media(max-width:360px){.room-tabs button{font-size:10px;gap:4px;padding:0 6px}.intro h1{font-size:38px}.profile-link{font-size:8px}#guide-open{padding:0 9px;font-size:9px}.guide-settings select{max-width:160px}#studio-guide{padding:17px}}
@media(max-height:540px){header{height:58px}.intro{bottom:95px;width:200px}.intro h1{font-size:36px}.intro .eyebrow,.intro .intro-description{display:none}.room-navigation{height:66px}.discovery-tip{display:none}.gallery-walk{bottom:70px}.detail:has(#project-picker:not([hidden])),.focused .detail:has(#project-picker:not([hidden])){bottom:124px;top:auto}#exhibit-card,.walking #exhibit-card{top:68px;bottom:auto;width:230px;left:auto;right:20px}#exhibit-card p{display:none}#tour-panel{bottom:85px;max-width:310px;padding:13px}.sound-panel{top:66px}.object-hints button{min-height:44px}#guide-stop{top:66px}.speech-bubble{max-width:300px}.speech-text{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.intro,.room-tabs button{transition:none}}
.gallery-mode header,.gallery-mode footer{background:transparent}.gallery-walk{transform:none}.detail #detail-index{display:none}#hint-toggle{min-width:44px}
.host-guiding .character-hotspot,.host-guiding .object-hints{visibility:hidden}
.profile-link{min-height:44px;display:inline-flex;align-items:center}.wordmark{min-height:44px;display:inline-flex;align-items:center}
.personal-tabs{position:absolute;top:99px;left:var(--pad);z-index:6;display:none;background:#293c30ed;border:1px solid #e4e1ce40;border-radius:3px;padding:3px;gap:3px}.personal-mode .personal-tabs{display:flex}.personal-tabs button{min-height:44px;padding:0 17px;font-size:11px}.personal-tabs button[aria-pressed=true]{background:#eee8d6;color:#2d4233}.tour-active .personal-tabs{display:none}
@media(max-width:760px){.personal-tabs{top:82px;left:15px;right:15px;justify-content:space-between}.personal-tabs button{flex:1;padding:0 7px;font-size:10px}.personal-mode .discovery-tip{display:none}.gallery-mode #project-picker{overflow:visible;padding:0}}
@media(max-height:540px){.personal-tabs{top:67px}.personal-tabs button{min-height:44px}}