.app-shell:has([data-map-screen]) .app-main{display:flex;position:relative}.app-shell:has([data-map-screen]) .app-footer{display:none}.map-shell{background:var(--bg);--map-bottom-chrome:calc(var(--tabbar-bottom) + var(--tabbar-height) + var(--center-button-raise) + var(--safe-bottom));--map-attribution-height:calc(var(--lh-micro) * 3 + var(--space-2));position:absolute;inset:0;overflow:hidden}.map-shell__canvas{position:absolute;inset:0}.map-shell__message{inset-inline:max(var(--gutter), var(--safe-left)) max(var(--gutter), var(--safe-right));top:calc(var(--space-4) + var(--safe-top));z-index:var(--z-map-controls);max-inline-size:var(--content-max);padding:var(--space-4);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-2);color:var(--text);font-size:var(--fs-body);line-height:var(--lh-body);margin:0 auto;position:absolute}.map-shell__message--loading{color:var(--text-2);font-size:var(--fs-caption);line-height:var(--lh-caption)}.map-shell__message h2{margin:0 0 var(--space-2);font-size:var(--fs-title-3);line-height:var(--lh-title-3);font-weight:var(--fw-title-3)}.map-shell__message p{margin:0}.map-shell__basemap-notice{inset-inline:max(var(--gutter), var(--safe-left)) max(var(--gutter), var(--safe-right));bottom:calc(var(--map-bottom-chrome) + var(--map-attribution-height) + var(--space-2));z-index:var(--z-map-controls);max-inline-size:var(--content-max);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-1);color:var(--text-2);font-size:var(--fs-caption);line-height:var(--lh-caption);text-align:center;pointer-events:none;margin:0 auto;position:absolute}.map-shell .maplibregl-ctrl.maplibregl-ctrl-attrib,.map-shell .maplibregl-ctrl-attrib.maplibregl-compact{border-radius:var(--r-sm);background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--text-2);font-family:var(--font-ui);font-size:var(--fs-micro);line-height:var(--lh-micro)}.map-shell .maplibregl-ctrl-attrib a{color:var(--text-2)}.map-shell .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button,.map-shell .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:#0000}.map-shell .maplibregl-ctrl-attrib.maplibregl-compact{--map-attribution-icon:24px;--map-attribution-pad:2px;min-block-size:calc(var(--touch-target) - 2 * var(--map-attribution-pad));padding-block:var(--map-attribution-pad);padding-inline:var(--touch-target) 0;border-radius:var(--r-sm)}.map-shell .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button{inline-size:var(--touch-target);block-size:var(--touch-target);border-radius:var(--r-sm);background-position:50%;background-repeat:no-repeat;background-size:var(--map-attribution-icon)}.map-shell .maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{padding-inline:var(--touch-target) var(--space-2);border-radius:var(--r-sm)}.map-shell .maplibregl-ctrl-top-right{z-index:var(--z-map-controls);margin-block-start:calc(var(--map-fab-column-bottom,0px) + var(--space-3));margin-inline-end:max(var(--gutter), var(--safe-right))}.map-shell .maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact{--map-attribution-icon:24px;--map-attribution-fab:48px;min-block-size:var(--map-attribution-fab);min-inline-size:var(--map-attribution-fab);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-3);box-sizing:border-box;margin:0;padding:0}.map-shell .maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact-show{max-inline-size:calc(100vw - 2 * max(var(--gutter), var(--safe-right)));padding-block:var(--space-2);padding-inline:var(--space-3) var(--map-attribution-fab);border-radius:calc(var(--map-attribution-fab) / 2)}.map-shell .maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button{inline-size:var(--map-attribution-fab);block-size:var(--map-attribution-fab);border-radius:var(--r-pill);inset-block-start:0;inset-inline-end:0}[data-theme=dark] .map-shell .maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button{filter:invert()}.map-shell .maplibregl-ctrl-bottom-left{z-index:var(--z-map-controls);margin-block-end:var(--map-bottom-chrome);margin-inline-start:max(var(--space-2), var(--safe-left))}@media (width>=1024px){.map-shell{--map-bottom-chrome:calc(var(--space-2) + var(--safe-bottom))}}.map-shell .maplibregl-ctrl-attrib-button:focus-visible,.map-shell canvas:focus-visible{outline:2px solid var(--focus);outline-offset:2px}