*,::after,::before{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body,html{height:100%;height:var(--app-height);min-height:100svh;width:100%;overflow:hidden;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--color-text);background:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}body:not(.app-ready) .map-controls,body:not(.app-ready) .search-bar{opacity:0;transform:translateY(-6px)}body.app-ready .map-controls,body.app-ready .search-bar{opacity:1;transform:translateY(0)}.beta-map{position:fixed;inset:0;width:100%;height:var(--app-height);min-height:100svh;z-index:var(--z-map);touch-action:none}.maplibregl-canvas,.maplibregl-canvas-container,.maplibregl-map{width:100%;height:100%}.maplibregl-map{background:#e8ece0!important}:root[data-kb-style=diamonds] .maplibregl-map{background:#e7f6fd!important}.maplibregl-ctrl-bottom-right{display:none}.maplibregl-ctrl-bottom-left{pointer-events:none}.maplibregl-ctrl-bottom-left>*{pointer-events:auto}.maplibregl-ctrl-attrib{position:fixed!important;bottom:calc(var(--safe-bottom) + 4px)!important;right:var(--sp-2)!important;font-size:10px!important;background:rgba(255,255,255,.7)!important;border-radius:var(--radius-sm)!important;padding:2px 6px!important;z-index:var(--z-controls);transition:bottom var(--dur-base) var(--ease-out)}body.is-tbt-active .maplibregl-ctrl-attrib{bottom:calc(var(--safe-bottom) + var(--tbt-footer-h,72px) + 6px)!important}.map-controls{position:fixed;right:calc(var(--safe-right) + var(--sp-3));top:calc(var(--safe-top) + 110px);z-index:var(--z-controls);display:flex;flex-direction:column;gap:var(--sp-3);transition:top var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}body.is-tbt-active .map-controls{top:calc(var(--safe-top) + 150px)}@media (min-width:768px){body.is-tbt-active .map-controls{top:calc(var(--safe-top) + 110px)}}.network-status{position:fixed;top:calc(var(--safe-top) + 88px);left:50%;z-index:calc(var(--z-controls) + 1);transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;max-width:min(360px,calc(100vw - var(--safe-left) - var(--safe-right) - 24px));min-height:36px;padding:8px 12px;border:1px solid rgba(146,64,14,.26);border-radius:999px;background:rgba(255,247,237,.96);color:#7c2d12;box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:650;line-height:1.2;pointer-events:none}.network-status[hidden]{display:none}.network-status__dot{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.16)}.network-status__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-status--online{border-color:rgba(22,101,52,.22);background:rgba(240,253,244,.96);color:#166534}.network-status--online .network-status__dot{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}body.is-tbt-active .network-status{top:calc(var(--safe-top) + var(--tbt-bar-h,84px) + 10px)}.ctrl-group{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}:root[data-kb-style=diamonds] .ctrl-group{background-color:rgba(255,255,255,.94);background-image:var(--kb-diamond-pattern-soft);background-size:42px 42px;border:1px solid rgba(0,139,210,.28);box-shadow:0 10px 26px rgba(0,80,146,.16),inset 0 0 0 1px rgba(255,255,255,.72)}.ctrl-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:0 0;color:var(--color-text);cursor:pointer;transition:background var(--dur-fast) var(--ease-base);position:relative}.ctrl-btn:hover{background:var(--gray-100)}.ctrl-btn:active{background:var(--gray-200)}.ctrl-btn+.ctrl-btn{border-top:1px solid var(--color-border)}.ctrl-btn--active{color:var(--color-primary)}:root[data-kb-style=diamonds] .ctrl-btn--active{background:rgba(0,139,210,.12);color:var(--kb-bavaria-blue-dark)}.compass-needle{display:block;width:14px;height:14px;position:relative}.compass-needle::after,.compass-needle::before{content:'';position:absolute;left:50%;width:0;height:0;transform:translateX(-50%)}.compass-needle::before{top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid var(--color-error)}.compass-needle::after{bottom:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--gray-400)}#fabLocate.active{color:var(--color-primary);background:var(--kb-blue-bg)}@media (min-width:768px){.map-controls{top:calc(var(--safe-top) + 120px);right:var(--sp-4)}}@media (max-width:767px){.map-controls{right:calc(var(--safe-right) + var(--sp-2));top:calc(var(--safe-top) + 96px);gap:var(--sp-2)}body.is-tbt-active .map-controls{top:calc(var(--safe-top) + 138px)}.ctrl-group{border-radius:var(--radius-lg)}}.ctrl-group{border:1px solid rgba(226,232,240,.88);box-shadow:0 14px 30px rgba(15,23,42,.11),0 2px 6px rgba(15,23,42,.05)}.ctrl-btn{transition:background var(--dur-fast) var(--ease-base),color var(--dur-fast) var(--ease-base),transform var(--dur-fast) var(--ease-out)}.ctrl-btn:focus-visible,.ctrl-btn:hover{background:#f8fafc;color:var(--color-primary);outline:0}.ctrl-btn:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 45%,transparent)}.ctrl-btn:active{transform:scale(.94)}@media (max-width:767px){.ctrl-group{border-radius:14px}.maplibregl-ctrl-attrib{max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 96px)}}