body{background:#171c1e}#world{background:#171c1e;display:flex;align-items:flex-start;justify-content:center;overflow:visible;padding-top:84px}
#wallpaper-frame{position:relative;width:min(100vw,calc((100svh - 250px)*16/9));aspect-ratio:16/9;overflow:hidden;flex:none;background:#171c1e}
#wallpaper{display:block;width:100%;height:100%;object-fit:contain;transform:none;transition:filter 1.8s ease}
#wallpaper-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#wallpaper-frame[data-light='gold'] #wallpaper,#wallpaper-frame[data-light='dawn'] #wallpaper{filter:sepia(.12) saturate(1.05)}
#wallpaper-frame[data-light='blue'] #wallpaper,#wallpaper-frame[data-light='dusk'] #wallpaper{filter:brightness(.70) saturate(.75)}
#wallpaper-frame[data-light='night'] #wallpaper,#wallpaper-frame[data-light='silver'] #wallpaper{filter:none}
#wallpaper-frame[data-weather='overcast'] #wallpaper,#wallpaper-frame[data-weather='rain'] #wallpaper{filter:brightness(.72) saturate(.55)}
#error{position:fixed;top:106px;left:50%;transform:translateX(-50%);z-index:10;max-width:90vw;padding:12px 18px;background:#39382d;color:#eee;border-radius:8px;font-size:12px}
header{background:#171c1e;padding:20px 28px;min-height:72px}.world-tools{display:none!important}
.home-copy,.room-intro,body[data-room] .room-intro{position:fixed!important;top:auto!important;bottom:110px!important;left:28px!important;right:auto!important;background:none!important;backdrop-filter:none!important;border:0!important;padding:0!important;max-width:330px!important}
.home-copy h1,.room-intro h1{font-size:18px!important;margin:0!important;letter-spacing:2px}.home-copy p,.room-intro p{font-size:10px!important;margin:6px 0!important}.home-copy .text-link{position:fixed;bottom:30px;right:28px}.room-intro .eyebrow{display:none}
.home-finance{position:fixed;right:28px;bottom:116px;min-width:150px}.home-finance a{display:grid;grid-template-columns:1fr auto;gap:6px 20px}.home-finance span,.home-finance small{font-size:10px;color:#babebc}.home-finance strong{grid-row:2;font-size:20px;font-family:Georgia,serif;font-weight:400}.home-finance small{grid-row:2;align-self:end}
#journey{bottom:22px;width:min(570px,calc(100vw - 40px))}.route{background:#22282a;border-radius:12px;backdrop-filter:none;gap:4px}.route button{font-size:11px;min-width:0;min-height:44px;padding:10px 9px}.route button[aria-pressed='true']{color:#e6d5b1;background:#3b3d39;border-radius:7px}
.panel-wrap,body[data-page] .panel-wrap{padding:104px 24px 24px!important;justify-content:center}.panel,body[data-page] .panel{width:min(640px,100%)!important;max-height:calc(100svh - 128px)!important;background:#22292c!important;backdrop-filter:none!important}
body[data-page='wealth'] #wallpaper-frame,body[data-page='ai'] #wallpaper-frame,body[data-page='settings'] #wallpaper-frame,body[data-page='history'] #wallpaper-frame{opacity:.1}
@media(max-width:700px) and (orientation:portrait){
 #world{align-items:center;padding-top:0}
 header{padding:16px 18px;min-height:70px}nav{top:67px;gap:26px}#time-switch span{display:none}
 #wallpaper-frame{width:100vw;aspect-ratio:16/9}
 .home-copy,.room-intro,body[data-room] .room-intro{top:132px!important;bottom:auto!important;left:22px!important;right:auto!important;max-width:calc(100vw - 44px)!important}
 .home-copy h1,.room-intro h1{font-size:22px!important}.home-copy .text-link{position:static}
 .home-finance{top:calc(50svh + 28.125vw + 34px);bottom:auto;left:22px;right:22px}.home-finance a{border-top:1px solid #3a4143;padding-top:20px}.home-finance strong{font-size:26px}
 #journey{bottom:max(18px,env(safe-area-inset-bottom));width:calc(100vw - 28px)}.route{padding:4px;gap:0}.route button{padding:10px 3px;font-size:10px}
 .panel-wrap,body[data-page] .panel-wrap{padding:118px 14px 20px!important}.panel,body[data-page] .panel{max-height:calc(100svh - 138px)!important;padding:24px 20px!important}
}
@media(orientation:landscape) and (max-height:550px){
 #world{padding-top:58px}
 header{padding:10px 18px;min-height:52px}.brand small{display:none}nav{top:auto;gap:22px}
 #wallpaper-frame{width:min(100vw,calc((100svh - 118px)*16/9))}.home-copy,.room-intro,.home-finance{display:none!important}#journey{bottom:7px}.route button{min-height:38px;padding:6px 9px}.panel-wrap,body[data-page] .panel-wrap{padding-top:64px!important}.panel,body[data-page] .panel{max-height:calc(100svh - 84px)!important}
}
@media(prefers-reduced-motion:reduce){#wallpaper{transition:none}}
@media(orientation:portrait) and (max-height:700px){.home-copy,.room-intro,body[data-room] .room-intro{top:114px!important}.home-copy .text-link{display:none}.home-finance{top:calc(50svh + 28.125vw + 16px)}.home-finance a{padding-top:10px}.home-finance strong{font-size:22px}}
@media(orientation:portrait) and (min-aspect-ratio:4/5){.home-copy,.room-intro,body[data-room] .room-intro{display:none!important}}
#motion-status{position:fixed;right:22px;top:106px;font-size:9px;color:#c5bb9e;z-index:6}body.hidden-ui #motion-status{visibility:hidden}

/* Every requested room remains visible in the navigation. Pending rooms never reuse another photo. */
#journey{width:min(1040px,calc(100vw - 40px))}
.scene-navigation{position:static;display:block;transform:none;white-space:normal}
.route{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding:4px;gap:3px}
.route button{width:100%;min-height:52px;line-height:1.4;padding:8px 3px;letter-spacing:0;font-size:11px}
.scene-pending{display:block;font-size:9px;opacity:.7;margin-top:2px}
#scene-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#ccc6b6;background:#202729;font-size:14px;line-height:1.8}
#scene-placeholder[hidden]{display:none}
#wallpaper-frame[data-availability='unbuilt'] #wallpaper,#wallpaper-frame[data-availability='unbuilt'] #wallpaper-motion{visibility:hidden}
#scene-status{position:fixed;z-index:4;bottom:88px;left:50%;transform:translateX(-50%);font-size:11px;color:#d9cbac;background:#22282a;padding:7px 12px;border-radius:6px;max-width:calc(100vw - 30px);text-align:center}
body.hidden-ui #scene-status{display:none}
@media(max-width:700px) and (orientation:portrait){
 #journey{width:calc(100vw - 28px)}
 .route{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 .route button{font-size:11px;min-height:44px;padding:6px 3px}
 #scene-status{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 154px);font-size:10px;width:max-content}
 #scene-placeholder{font-size:12px;padding:16px}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:700px){.home-finance{display:none}}
@media(orientation:landscape) and (max-height:550px){
 #wallpaper-frame{width:min(100vw,calc((100svh - 148px)*16/9))}
 .route button{font-size:10px;min-height:48px;padding:4px 2px}
 #scene-status{bottom:70px;font-size:9px;padding:4px 8px}
}
