.f500-marker{pointer-events:auto;cursor:pointer;align-items:center;gap:6px;display:flex;position:relative;transform:translate(-50%,-50%)}.f500-dot{background:var(--f500-color,#3b82f6);box-shadow:0 0 6px var(--f500-color,#3b82f6), 0 0 12px #00000059;border-radius:50%;flex-shrink:0;transition:transform .15s}.f500-marker:hover .f500-dot{transform:scale(1.5)}.f500-label{color:var(--f500-color,#93c5fd);text-shadow:0 0 4px #020617e6,0 0 8px #020617cc;white-space:nowrap;pointer-events:none;font-size:10.5px;line-height:1.2}.f500-halo{border:1.5px solid var(--f500-color,#3b82f6);opacity:.5;pointer-events:none;border-radius:50%;width:22px;height:22px;margin-left:-4px;animation:2.4s ease-out infinite f500-pulse;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes f500-pulse{0%{opacity:.55;transform:translateY(-50%)scale(.7)}70%{opacity:0;transform:translateY(-50%)scale(1.5)}to{opacity:0;transform:translateY(-50%)scale(1.5)}}.f500-marker.is-highlighted .f500-dot{transform:scale(2);box-shadow:0 0 12px #fbbf24,0 0 24px #fbbf2499}.f500-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.f500-stat{background:#94a3b814;border:1px solid #94a3b829;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.f500-stat-label{color:#94a3b8;font-size:11px}.f500-stat-value{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.f500-city{pointer-events:auto;cursor:pointer;align-items:center;gap:6px;display:flex;position:relative;transform:translate(-50%,-50%)}.f500-city-bubble{border:2px solid var(--f500-color,#3b82f6);background:color-mix(in srgb, var(--f500-color,#3b82f6) 18%, #0206178c);box-shadow:0 0 10px color-mix(in srgb, var(--f500-color,#3b82f6) 45%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex}.f500-city:hover .f500-city-bubble{box-shadow:0 0 16px color-mix(in srgb, var(--f500-color,#3b82f6) 70%, transparent);transform:scale(1.15)}.f500-city-count{color:#f8fafc;text-shadow:0 0 4px #020617e6;font-size:12px;font-weight:800}.f500-city-label{color:var(--f500-color,#93c5fd);text-shadow:0 0 4px #020617f2,0 0 8px #020617d9;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:600}#f500-facts{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#cbd5e1;background:#0f172af7;border:1px solid #94a3b840;border-radius:14px;max-width:300px;padding:12px 14px;font-size:12.5px;line-height:1.55;animation:.4s f500-card-in;position:fixed;bottom:66px;left:16px;box-shadow:0 8px 24px #0006}@keyframes f500-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#f500-facts-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;width:22px;height:22px;font-size:15px;line-height:1;position:absolute;top:6px;right:8px}#f500-facts-close:hover{color:#e2e8f0;background:#94a3b826}.f500-facts-title{letter-spacing:2px;color:#93c5fd;margin-bottom:6px;font-size:11px;font-weight:700}.f500-fact{border-top:1px dashed #94a3b82e;padding:3px 0}.f500-fact:before{content:"◆ ";color:#3b82f6;font-size:9px}.f500-city-list-label{color:#64748b;letter-spacing:1px;margin:12px 0 6px;font-size:11px}.f500-city-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.f500-city-row{appearance:none;color:#e2e8f0;cursor:pointer;text-align:left;background:#94a3b80f;border:1px solid #94a3b824;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12.5px;transition:all .12s;display:flex}.f500-city-row:hover{background:#3b82f624;border-color:#3b82f673}.f500-city-row-rank{color:#94a3b8;min-width:36px;font-size:11px}.f500-city-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.f500-city-row-rev{color:#93c5fd;font-variant-numeric:tabular-nums;font-size:11px}.f500-city-row-city{color:#64748b;text-align:right;min-width:56px;font-size:11px}.f500-back{appearance:none;color:#93c5fd;cursor:pointer;background:0 0;border:1px solid #94a3b840;border-radius:8px;margin-bottom:10px;padding:5px 10px;font-size:12px;transition:all .12s}.f500-back:hover{background:#3b82f624;border-color:#3b82f680}
