/* Screen sizes, safe areas and on-screen keyboards */
:root{--voidral-screen-height:100dvh}
html{overflow-x:clip}
body.concept-design .workspace,body.concept-design .search,body.concept-design .side,body.concept-design .destination{min-width:0}
body.concept-design .search input{min-width:0!important}
body.concept-design .platform-menu{max-width:calc(100vw - 24px)!important;max-height:calc(var(--voidral-screen-height) - 100px)!important;overflow:auto!important;overscroll-behavior:contain}
body.concept-design #lounge.messenger-drawer{height:calc(var(--voidral-screen-height) - 36px)!important}
body.concept-design #account-dialog{max-height:calc(var(--voidral-screen-height) - 24px)!important}
body.concept-design #place-reviews-dialog,body.concept-design #shared-journeys-dialog{max-height:calc(var(--voidral-screen-height) - 24px)!important}
body.concept-design .map-sheet-extra select{max-width:100%!important;width:100%!important;min-width:0!important}
body.concept-design .map-sheet-extra p{overflow-wrap:anywhere}
body.concept-design .exp-grid{min-width:0}
body.concept-design .exp-card{min-width:0}
body.concept-design .exp-actions{flex-wrap:wrap}
body.voidral-admin .row,body.voidral-admin .card,body.voidral-admin .health-item{min-width:0}
body.voidral-admin .actions{flex-wrap:wrap}
body.voidral-admin .sidebar{padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:761px) and (max-width:1024px){
body.concept-design .concept-explore{width:260px!important;left:18px!important}
body.concept-design .concept-explore h2{font-size:25px!important}
body.concept-design .command{left:298px!important;right:18px!important;width:auto!important;max-width:none!important}
body.concept-design #status{left:298px!important;right:130px!important;width:auto!important;max-width:none!important}
body.concept-design>header{padding:0 16px!important;gap:10px!important}
body.concept-design>header nav{gap:15px!important}
body.concept-design>header nav a{font-size:12px!important}
body.concept-design .brand-name{font-size:14px!important;letter-spacing:2px!important}
body.concept-design .brand-symbol{width:36px!important;height:36px!important}
body.concept-design .destination{width:350px!important;left:18px!important}
}
@media(max-width:760px){
body.concept-design>header{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
body.concept-design .shell{height:calc(var(--voidral-screen-height) - 54px - 68px - env(safe-area-inset-bottom))!important}
body.concept-design .destination,body.concept-design:not(.mobile-place-expanded) .destination,body.concept-design.mobile-place-expanded .destination{max-height:min(48dvh,calc(var(--voidral-screen-height) - 180px))!important;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
body.concept-design .map-sheet-head h2{font-size:clamp(14px,4.3vw,18px)!important}
body.concept-design .map-sheet-head .concept-mobile-details{min-height:40px!important}
body.concept-design #lounge.messenger-drawer{height:var(--voidral-screen-height)!important}
body.concept-design #account-dialog{height:var(--voidral-screen-height)!important;max-height:var(--voidral-screen-height)!important}
body.concept-design .gaia-window{top:64px!important;bottom:auto!important;height:calc(var(--voidral-screen-height) - 146px - env(safe-area-inset-bottom))!important;max-height:none!important}
body.concept-design .side{top:54px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px)!important}
body.concept-design #drawer-backdrop:not([hidden]){inset:54px 0 calc(68px + env(safe-area-inset-bottom))!important}
body.concept-design .expedition{inset:54px 0 calc(68px + env(safe-area-inset-bottom))!important}
body.concept-design .platform-menu{position:fixed!important;top:60px!important;left:12px!important;right:12px!important;width:auto!important}
body.concept-design .chat-compose,body.concept-design .dm-compose{min-width:0!important}
body.concept-design #chat-text,body.concept-design #dm-text{min-width:0!important}
body.concept-design .chat-compose-tools,body.concept-design .dm-compose-tools{flex-wrap:wrap!important}
body.concept-design #chat-count,body.concept-design #dm-count{margin-left:auto}
body.concept-design .account-actions>button{flex:1;min-width:120px}
}
@media(max-width:360px){
body.concept-design .brand-name{font-size:11px!important;letter-spacing:1.8px!important}
body.concept-design header .brand-symbol{width:30px!important;height:30px!important}
body.concept-design .platform-downloads summary{padding:6px 7px!important}
body.concept-design .mobile-nav a{min-width:0!important;flex:1;font-size:10px!important}
body.concept-design .mobile-nav svg{width:20px;height:20px}
body.concept-design .search input{font-size:15px!important}
body.concept-design #lounge .messenger-modes button{font-size:12px!important;padding:8px!important}
body.concept-design #chat-send,body.concept-design #dm-send{padding:10px!important;font-size:12px!important}
body.concept-design #account-dialog .account-tabs{padding-left:12px!important;padding-right:12px!important}
body.concept-design #account-dialog .account-pane{padding-left:12px!important;padding-right:12px!important}
}
@media(orientation:landscape) and (max-height:500px){
body.concept-design>header{height:48px!important;min-height:48px!important}
body.concept-design .concept-explore{display:none!important}
body.concept-design .command{top:10px!important;left:12px!important;right:auto!important;width:min(390px,calc(100% - 150px))!important;max-width:none!important}
body.concept-design #status{top:64px!important;left:12px!important;right:auto!important;max-width:calc(100% - 150px)!important}
body.concept-design .map-controls{top:10px!important;right:12px!important}
body.concept-design .destination,body.concept-design:not(.mobile-place-expanded) .destination,body.concept-design.mobile-place-expanded .destination{left:12px!important;right:auto!important;width:min(360px,48vw)!important;max-height:calc(var(--voidral-screen-height) - 180px)!important;border-radius:18px 18px 0 0!important}
body.concept-design .map-sheet-grip{height:16px!important;min-height:16px!important}
body.concept-design .map-sheet-head{margin-bottom:3px}
body.concept-design .gaia-float{bottom:calc(68px + env(safe-area-inset-bottom) + 12px)!important;right:12px!important}
body.concept-design .gaia-window{top:54px!important;left:auto!important;right:12px!important;width:min(420px,calc(100vw - 24px))!important;height:calc(var(--voidral-screen-height) - 124px)!important}
body.concept-design .gaia-choices{display:none!important}
}
@media(max-width:760px) and (orientation:landscape) and (max-height:500px){body.concept-design .shell{height:calc(var(--voidral-screen-height) - 48px - 68px - env(safe-area-inset-bottom))!important}}
@media(max-width:420px){body.voidral-admin header{flex-wrap:wrap!important;padding:12px!important}body.voidral-admin main{padding:18px 12px!important}body.voidral-admin .cards{gap:8px!important}body.voidral-admin .card{padding:14px!important}body.voidral-admin .card strong{font-size:23px!important}}

@media(max-width:760px) and (orientation:landscape) and (max-height:500px){body.concept-design>header{display:none!important}body.concept-design .shell{height:calc(var(--voidral-screen-height) - 68px - env(safe-area-inset-bottom))!important}body.concept-design .side{top:0!important}body.concept-design #drawer-backdrop:not([hidden]){top:0!important}}
@media(min-width:761px) and (orientation:landscape) and (max-height:500px){body.concept-design>header{display:flex!important}body.concept-design .shell{height:calc(var(--voidral-screen-height) - 48px)!important;min-height:0!important}}