*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{position:fixed;inset:0;width:100dvw;height:100dvh}:root{--nb-h: 52px}#navbar{position:absolute;top:0;left:0;right:0;height:var(--nb-h);background:#fffffff7;backdrop-filter:blur(6px);display:flex;align-items:center;flex-wrap:nowrap;padding:0 12px 0 16px;gap:8px;z-index:20;box-shadow:0 2px 8px #00000026}#navbar-left{flex:1 1 auto;min-width:0;overflow:hidden}#app-title{font-weight:700;font-size:14px;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.title-short{display:none}#pin-count{font-size:12px;color:#666;white-space:nowrap;flex-shrink:0}#nav-tabs{display:flex;gap:6px;flex-shrink:0}.nav-tab{display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:22px;font-size:13px;font-weight:600;text-decoration:none;border:2px solid #1a1a2e;color:#1a1a2e;background:transparent;transition:background .15s,color .15s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.nav-tab.active{background:#1a1a2e;color:#fff}@media(max-width:480px){:root{--nb-h: 68px}#navbar{height:auto;min-height:var(--nb-h);flex-wrap:wrap;align-content:center;padding:5px 10px;row-gap:2px}#navbar-left{order:1;flex:1 1 auto}#nav-tabs{order:2;flex:0 0 auto}#pin-count{order:3;flex:0 0 100%;text-align:left;font-size:11px;color:#888;padding-bottom:3px}.title-full{display:none}.title-short{display:block}.nav-tab{height:40px;padding:0 11px;font-size:12px;border-radius:20px}}#map{position:absolute;top:var(--nb-h);left:0;right:0;bottom:0}#legend{position:absolute;top:calc(var(--nb-h) + 10px);left:10px;background:#ffffffeb;border-radius:8px;padding:8px 12px;box-shadow:0 2px 8px #0000002e;z-index:10;backdrop-filter:blur(4px)}.legend-item{display:flex;align-items:center;gap:7px;font-size:11px;color:#333;line-height:1.3;padding:2px 0}.legend-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;border:2px solid white;box-shadow:0 1px 3px #0000004d}#popup{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#fff;border-radius:10px;padding:16px 20px;min-width:260px;max-width:min(90vw,400px);max-height:50vh;overflow-y:auto;box-shadow:0 4px 20px #00000040;z-index:20}#popup.hidden{display:none}#popup-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#666;line-height:1}.popup-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-bottom:8px}.badge-wigle-or{background:#fff3e0;color:#b47000}.badge-cityroam{background:#e3f2fd;color:#004f80}.badge-wigle-eduroam{background:#fce4f3;color:#7a3060}.badge-eduroam-official{background:#e0f5ee;color:#005c40}#popup-content table{width:100%;border-collapse:collapse;font-size:13px}#popup-content tr:not(:last-child) td{border-bottom:1px solid #f0f0f0}#popup-content td{padding:5px 4px;vertical-align:top}#popup-content td:first-child{font-weight:600;color:#555;width:40%;padding-right:8px}.pin-marker{width:26px;height:26px;border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #00000059;cursor:pointer;transition:transform .12s ease}.pin-marker:active{transform:scale(1.25)}.pin-marker svg{width:14px;height:14px;display:block}.cluster-marker{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease}.cluster-marker:active{transform:scale(1.15)}.cluster-ring{position:absolute;inset:0;border-radius:50%;opacity:.35}.cluster-inner{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 3px 10px #0000004d;line-height:1}