*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#map{width:100%;height:100%}#status-bar{position:absolute;top:0;left:0;right:0;height:40px;background:#fffffff2;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:14px;box-shadow:0 2px 4px #0000001a;z-index:1000}#connection-status{display:flex;align-items:center;gap:8px}#connection-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#ffc107}#connection-status.connected:before{background:#4caf50}#connection-status.error:before{background:#f44336}#user-count{color:#666}#center-btn{position:absolute;bottom:24px;right:16px;width:48px;height:48px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .2s}#center-btn:active{transform:scale(.95)}.user-marker{width:32px;height:32px;border-radius:50%;background:#2196f3;border:3px solid white;box-shadow:0 2px 4px #0000004d}.user-marker.self{background:#4caf50;width:36px;height:36px}.cluster-marker{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2196f3;color:#fff;font-weight:700;font-size:14px;border:3px solid white;box-shadow:0 2px 4px #0000004d}