:root{--app-h:calc(100dvh - var(--dev-strip-h))}@media (width>=768px){:root:has([data-app-panel]){--panel-gap:16px;--panel-w:360px;--panel-x:max(var(--panel-gap), env(safe-area-inset-left,0px));--panel-y:calc(var(--dev-strip-h) + var(--panel-gap));--panel-foot:max(var(--panel-gap), env(safe-area-inset-bottom,0px));--panel-room:calc(var(--panel-x) + var(--panel-w))}}@media (width>=1024px){:root:has([data-app-panel]){--panel-gap:24px;--panel-w:430px}}@media (width>=768px){[data-app-panel]{z-index:10;left:var(--panel-x);top:var(--panel-y);bottom:var(--panel-foot);width:var(--panel-w);background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:0 0 0 1px var(--glass-edge), 0 12px 32px -8px #181b1d47;--app-h:calc(100dvh - var(--panel-y) - var(--panel-foot));--dev-strip-h:0px;--safe-top:0px;--app-top:0px;--tab-pill-bottom:10px;--tab-bar-h:70px;--top-bar-top:6px;--top-bar-h:58px;border-radius:24px;display:block;position:fixed;overflow:hidden;transform:translateZ(0)}[data-app-panel]>[data-app-scroll]{overscroll-behavior:contain;display:block;position:absolute;inset:0;overflow:hidden auto}[data-app-panel] [data-map-frame]{background:0 0}[data-app-panel] [data-map-top-column]{left:16px;right:16px}[data-app-panel] [data-app-menu] [role=dialog]{left:0}:root:has([data-app-panel]) dialog:modal{left:var(--panel-x)!important;width:var(--panel-w)!important;max-width:none!important;margin-left:0!important;margin-right:0!important;right:auto!important}:root:has([data-app-panel]) dialog:modal:is([data-full-map],[data-explore-area-map]){border-radius:24px;top:var(--panel-y)!important;height:calc(100dvh - var(--panel-y) - var(--panel-foot))!important;bottom:auto!important}:root:has([data-app-panel]) dialog:modal:not([data-full-map],[data-explore-area-map]){border-radius:20px;bottom:var(--panel-foot)!important;max-height:calc(100dvh - var(--panel-y) - var(--panel-foot))!important}:root:has([data-app-panel]) [data-records-map]:not([data-app-panel] *){left:var(--panel-x);right:auto;top:var(--panel-y);bottom:var(--panel-foot);width:var(--panel-w);border-radius:24px;max-width:none;margin:0;padding-top:0;overflow:hidden}:root:has([data-app-panel]) [data-welcome-guide]:not([data-app-panel] *){left:calc(var(--panel-x) + 8px);width:calc(var(--panel-w) - 16px);max-width:none;margin:0;right:auto;bottom:calc(var(--panel-foot) + 70px + .75rem)!important;max-height:calc(100dvh - var(--panel-y) - var(--panel-foot) - 128px - 1.5rem)!important}}[data-map-stage-wide]{--top-bar-h:8px;--map-events-room:0px;--map-under:0px;--map-foot:calc(var(--panel-gap,16px) + 4px)}[data-map-stage-chips]{z-index:20;top:var(--panel-gap,16px);left:calc(var(--panel-room,0px) + 12px);right:calc(76px + env(safe-area-inset-right,0px));pointer-events:none;position:absolute}[data-map-stage-chips]>*{pointer-events:auto}[data-map-stage-controls]{z-index:20;pointer-events:none;--map-locate-bottom:calc(16px + var(--map-foot));position:absolute;inset:0}