*,::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}.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)}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)}}.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)}}