/* Air, pale stone and quiet edge navigation. Room control styling stays scoped. */
.in-world {--j-text:#f6f4ed;--j-gold:#b9a57d}
.in-world .j-invitation{display:none!important}
.in-world .j-chrome{padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 22px max(22px,env(safe-area-inset-left));align-items:center;flex-wrap:nowrap;background:linear-gradient(#14202580,transparent);gap:12px}
.in-world .j-wordmark{font:18px Georgia,serif;letter-spacing:.3px;color:#f6f4ed;text-shadow:0 1px 5px #1118;min-height:44px}
.in-world .j-nav{width:auto;margin:0;display:flex;gap:8px;flex-wrap:nowrap}
.in-world .j-nav button{background:#26332cd9;border:1px solid #f4f1e33d;color:#f6f4ed;backdrop-filter:blur(10px);box-shadow:none;min-height:44px;padding:10px 16px;font-size:12px;flex:none}
.in-world .j-nav button:hover{background:#3b4b42}
.in-world .j-nav button[aria-expanded=true]{background:#ede8dc;color:#28382e}
.in-world .j-check{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));font-family:Georgia,serif!important;font-size:16px!important;min-height:48px!important;z-index:50}
.in-world .world-vignette{background:linear-gradient(0deg,#10221e26,transparent 17%,transparent 90%,#14211618)}
.in-world .world-bird img,.in-world .world-bird:hover img{filter:var(--bird-scene-filter,drop-shadow(0 2px 1px #14271a30))!important}
.in-world .world-scene[data-scene=path] .world-swallow span{top:calc(100% + 8px)!important;bottom:auto!important;left:32%!important;background:#26362ddc!important;border-color:#f4f1e33d!important;font-size:12px!important}
.in-world .world-bird span{font-family:Georgia,serif;font-size:12px!important;background:#26362ddc;border:1px solid #f4f1e33d;color:#faf8ef;padding:6px 12px;box-shadow:none;opacity:1}
.in-world .world-bird:hover span,.in-world .world-bird[aria-expanded=true] span{background:#eee8d9;color:#24352c;border-color:#ddd6c3}
.in-world .world-bird:focus-visible{outline:2px solid #f4f0e1;outline-offset:8px}
.in-world .world-bird:focus-visible span{background:#eee8d9;color:#24352c}
.in-world .companion{left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom))}
.in-world .companion #guideButton,.in-world .companion-coin{width:58px;height:58px}
.in-world .companion-coin{filter:saturate(.5);border-width:1px;box-shadow:inset 0 0 0 3px #383a2f,0 3px 12px #14201d40}
.in-world #guidePanel{bottom:77px;background:#26372df2;border-color:#ddd6c34d}
.in-world .guide-label{font-size:10px!important;letter-spacing:.7px}
.in-world .world-reset{top:82px!important;left:max(22px,env(safe-area-inset-left))!important;background:#26372de8;color:#f7f3e9;border-color:#ddd6c333}
.in-world .scene-name{top:100px;font-size:10px;color:#f6f2e7}
.in-world .travel-status{background:#26372dea;left:77px;max-width:min(280px,calc(100vw - 185px));bottom:0;pointer-events:none}
.in-world .habitat-card{background:#26372df2;border-color:#ddd6c333;left:77px;bottom:72px;width:min(280px,calc(100vw - 120px));max-width:280px}
.entrance-menu{position:fixed;z-index:55;top:max(80px,calc(env(safe-area-inset-top) + 66px));right:max(22px,env(safe-area-inset-right));width:232px;padding:8px 12px 12px;background:#25352cf2;color:#faf8ee;border:1px solid #e2dccb45;border-radius:16px;box-shadow:0 8px 28px #18271c22;backdrop-filter:blur(16px)}
.entrance-menu-head{display:flex;align-items:center;justify-content:space-between;padding-left:8px;gap:8px}
.entrance-menu-head>span{font:17px Georgia,serif;color:#f1eadb}
.entrance-menu-head button{width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0;font-size:23px;color:#e8e8de}
#entranceOptions{display:grid;gap:2px}
#entranceOptions>button{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px;min-height:64px;background:transparent;border:0;border-top:1px solid #e9e4d526;border-radius:0;padding:10px 24px 10px 8px;color:#f7f4eb;text-align:left}
#entranceOptions>button:hover,#entranceOptions>button:focus-visible{background:#d9dfcb12;border-radius:8px}
#entranceOptions span{font:18px Georgia,serif}#entranceOptions small{font:11px Manrope,Arial,sans-serif;color:#c8d1c4}#entranceOptions i{position:absolute;right:7px;font:16px Georgia,serif;color:#c1c8b7}
#entranceDetail{padding:0 8px}#entranceDetail p{font-size:12px;line-height:1.65;color:#dce0d4}#entranceDetail button{font:12px Manrope,Arial;min-height:44px;background:transparent;color:#edeadd;border:0;padding:10px 0;display:block;text-align:left}
.entrance-menu button:focus-visible,.in-world button:focus-visible{outline:2px solid #e1dccb;outline-offset:3px}
.entrance-note{display:none;position:fixed;pointer-events:none;z-index:10;left:50%;bottom:25px;transform:translateX(-50%);margin:0;color:#334538;font:italic 14px Georgia,serif;text-shadow:0 1px 4px #fff9;white-space:nowrap}
.at-entrance .entrance-note{display:block}
.at-entrance #pauseWorld{display:none}.at-entrance .world-view{touch-action:pan-y}
.entrance-home{position:fixed;top:90px;right:22px;z-index:25;min-height:44px;background:#26372de8;color:#f4f1e5;border:1px solid #ddd6c355;border-radius:22px;padding:10px 17px;font:13px Georgia,serif}
@media(max-width:650px){
 .in-world .j-chrome{padding:calc(10px + env(safe-area-inset-top)) 14px 24px;gap:8px}
 .in-world .j-wordmark{font-size:15px;white-space:nowrap}
 .in-world .j-nav{gap:6px!important;width:auto!important;flex-wrap:nowrap!important;margin:0}
 .in-world .j-nav button{min-height:44px;padding:8px 12px!important;font-size:11px!important}
 .in-world #jMap{font-size:0!important;width:44px;padding:0!important;justify-content:center}
 .in-world #jMap svg{display:block;margin:0;width:18px;height:18px}
 .in-world #jMyRoom svg{display:none}
 .in-world .j-check{bottom:calc(18px + env(safe-area-inset-bottom));right:14px;font-size:15px!important;padding:10px 15px!important;min-height:46px!important}
 .in-world .companion{left:14px;bottom:calc(18px + env(safe-area-inset-bottom))}
 .in-world .companion #guideButton,.in-world .companion-coin{width:52px;height:52px}
 .in-world .companion-coin span{font-size:18px}
 .in-world .world-bird span{font-size:11px!important;padding:6px 9px}
 .entrance-menu{top:calc(70px + env(safe-area-inset-top));right:14px;width:204px;padding:6px 10px 10px}
 #entranceOptions>button{min-height:60px}#entranceOptions span{font-size:17px}#entranceOptions small{font-size:10px}
 .entrance-note{bottom:calc(83px + env(safe-area-inset-bottom));font-size:13px}
 .in-world .world-reset{top:79px!important;left:14px!important;font-size:11px}
 .in-world .scene-name{top:143px!important}
 .in-world .habitat-card{bottom:73px;left:0;width:calc(100vw - 28px);max-width:300px}
 .in-world .travel-status{left:66px;bottom:65px;width:calc(100vw - 98px);max-width:300px}
}
@media(max-height:530px) and (min-width:651px){.entrance-menu{top:70px}.entrance-note{display:none!important}}
@media(prefers-reduced-motion:reduce){.in-world *, .entrance-menu *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
