#connectat-mapbox-suggestions{display:none;background:#fff;border:1px solid #d8d8d8;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.08);margin-top:8px;overflow:hidden;position:relative;z-index:99999}
#connectat-mapbox-suggestions .suggestion-item{padding:14px 16px;cursor:pointer;font-size:17px;font-weight:600;color:#222;border-bottom:1px solid #efefef;background:#fff}
#connectat-mapbox-suggestions .suggestion-item:hover{background:#f5f8fc}
#connectat-mapbox-container{width:100%;min-height:400px;border-radius:14px;overflow:hidden;border:1px solid #dce4ee;background:#eef4fa}
#connectat-mapbox-info{margin-top:14px;padding:14px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa}
#connectat-orientation-app{width:100%;display:block}
.connectat-orientation-layout{display:flex;gap:30px;align-items:flex-start;margin-top:10px}.connectat-orientation-left,.connectat-orientation-right{width:50%}
.connectat-orientation-title{margin:0 0 8px;color:#1f3b64;font-size:24px;font-weight:700;line-height:1.2}
.connectat-orientation-text{margin:0 0 16px;color:#5a6573;font-size:15px;line-height:1.5}
#connectat-compass-circle{position:relative;width:340px;height:340px;margin:0 auto;border-radius:50%;background:#f7fbff;border:2px solid #d6e1ee;box-sizing:border-box;cursor:crosshair}
.connectat-axis{position:absolute;background:#d4dde8;transform-origin:center center;pointer-events:none}.connectat-axis.vertical{width:2px;height:300px;left:169px;top:19px}.connectat-axis.horizontal{width:300px;height:2px;left:19px;top:169px}.connectat-axis.diag1{width:2px;height:300px;left:169px;top:19px;transform:rotate(45deg)}.connectat-axis.diag2{width:2px;height:300px;left:169px;top:19px;transform:rotate(-45deg)}
.connectat-label{position:absolute;font-weight:700;color:#1f3b64;font-size:18px;z-index:3;pointer-events:none}.connectat-label.n{top:-12px;left:160px}.connectat-label.ne{top:32px;right:34px}.connectat-label.e{top:160px;right:-10px}.connectat-label.se{bottom:32px;right:28px}.connectat-label.s{bottom:-12px;left:162px}.connectat-label.so{bottom:32px;left:28px}.connectat-label.o{top:160px;left:-10px}.connectat-label.no{top:32px;left:28px}
#connectat-needle{position:absolute;width:4px;height:140px;background:#1f8fff;left:168px;top:30px;transform-origin:50% 140px;border-radius:999px;transition:transform .08s linear;z-index:4;pointer-events:none}#connectat-center-dot{position:absolute;width:14px;height:14px;background:#1f8fff;border-radius:50%;left:163px;top:163px;z-index:5;pointer-events:none}#connectat-hit-area{position:absolute;inset:0;border-radius:50%;cursor:crosshair;z-index:9999;background:transparent;pointer-events:auto;user-select:none;-webkit-user-select:none}
#connectat-orientation-info{margin-top:14px;background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:12px 16px;font-size:15px;color:#223;box-shadow:0 8px 18px rgba(0,0,0,.06)}
#connectat-orientation-map{width:100%;min-height:380px;border-radius:14px;overflow:hidden;border:1px solid #dce4ee;background:#eef4fa}
#connectat-debug-badge{position:fixed;right:12px;bottom:12px;background:#0f172a;color:#fff;padding:6px 10px;border-radius:999px;font:12px/1.2 Arial,sans-serif;z-index:999999;opacity:.9}
@media (max-width:991px){.connectat-orientation-layout{flex-direction:column}.connectat-orientation-left,.connectat-orientation-right{width:100%}}
@media (max-width:767px){#connectat-mapbox-container{min-height:350px}#connectat-compass-circle{width:280px;height:280px}.connectat-axis.vertical{height:246px;left:139px;top:17px}.connectat-axis.horizontal{width:246px;left:17px;top:139px}.connectat-axis.diag1,.connectat-axis.diag2{height:246px;left:139px;top:17px}#connectat-needle{left:138px;top:28px;height:112px;transform-origin:50% 112px}#connectat-center-dot{left:133px;top:133px}.connectat-label.n{top:-10px;left:130px}.connectat-label.ne{top:24px;right:22px}.connectat-label.e{top:130px;right:-10px}.connectat-label.se{bottom:24px;right:18px}.connectat-label.s{bottom:-10px;left:132px}.connectat-label.so{bottom:24px;left:18px}.connectat-label.o{top:130px;left:-10px}.connectat-label.no{top:24px;left:18px}#connectat-orientation-map{min-height:300px}}