*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden}:root{--bg:#020617;--text:#e5e7eb;--panel: rgba(2, 6, 23, .82);--panel-border: rgba(148, 163, 184, .22);--input-bg: rgba(15, 23, 42, .55);--input-border: rgba(148, 163, 184, .22);--input-text: #e5e7eb;--ring: rgba(56, 189, 248, .28);--civ-primary:#3b82f6;--civ-accent:#a855f7}body.light-theme{--bg:#f6f7fb;--text:#0f172a;--panel: rgba(255, 255, 255, .92);--panel-border: rgba(15, 23, 42, .14);--input-bg: rgba(255, 255, 255, .96);--input-border: rgba(15, 23, 42, .16);--input-text: #0f172a;--ring: rgba(99, 102, 241, .2)}html,body{background:var(--bg);color:var(--text)}.app{position:relative;width:100%;height:100%}.map-container{position:absolute;inset:0;padding-bottom:48px}#map{width:100%;height:100%}.cm-footer{position:absolute;right:12px;bottom:10px;font-size:12px;color:#000;opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 1px 1px rgba(255,255,255,.35)}.cm-legend{position:absolute;left:12px;bottom:90px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #0003;pointer-events:none;max-width:240px}.cm-legend-title{font-size:12px;font-weight:650;opacity:.9;margin-bottom:2px}.cm-legend-row{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.95}.cm-legend-swatch{width:10px;height:10px;border-radius:999px;background:var(--swatch, #3b82f6);box-shadow:0 0 0 2px #ffffff8c}.map-control-panel{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px;border-radius:8px;background:var(--bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 12px 30px #0000002e;margin-top:0!important;width:var(--gm-match-width, 260px);pointer-events:auto}.dropdown{flex:1}.dropdown-btn{width:100%;height:36px;padding:0 12px;border-radius:8px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text)}.map-control-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.map-control-title{font-size:.95rem;font-weight:650;opacity:.95}.icon-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);cursor:pointer;display:grid;place-items:center}.icon-btn:active{transform:translateY(1px)}.dropdown{position:relative}.dropdown-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);cursor:pointer}.dropdown-chevron{width:10px;height:10px;border-right:3px solid rgba(148,163,184,.9);border-bottom:3px solid rgba(148,163,184,.9);transform:rotate(45deg);margin-right:4px}body.light-theme .dropdown-chevron{border-right-color:#334155e6;border-bottom-color:#334155e6}.dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:10px;box-shadow:0 26px 70px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999}.dropdown-panel.open{display:flex}.dropdown-search input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);outline:none}.dropdown-search input:focus{box-shadow:0 0 0 4px var(--ring);border-color:var(--civ-primary)}.dropdown-actions{display:flex;justify-content:space-between;gap:10px;padding:0 4px}.link-btn{border:none;background:transparent;color:var(--input-text);opacity:.85;cursor:pointer;padding:6px 4px;font-size:12px}.link-btn:hover{opacity:1;text-decoration:underline}.dropdown-options{max-height:calc(100vh - 260px);overflow-y:auto;padding-right:4px}.opt{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;cursor:pointer}.opt:hover{background:#94a3b81a}.opt input{width:16px;height:16px;margin:0;accent-color:var(--opt-color, #3b82f6);cursor:pointer}.opt-swatch{width:10px;height:10px;border-radius:999px;background:var(--opt-color, #3b82f6);box-shadow:0 0 0 2px #ffffff8c}.opt-label{font-size:.92rem;color:var(--input-text)}.cm-marker{width:var(--marker-size, 14px);height:var(--marker-size, 14px);border-radius:999px;background:var(--marker-color, #3b82f6);border:2px solid #fff;cursor:pointer;pointer-events:auto}.event-modal,.image-zoom-overlay{position:fixed;inset:0;display:none;pointer-events:none;z-index:9999}.event-modal--visible,.image-zoom-overlay--visible{display:flex;pointer-events:auto;align-items:center;justify-content:center}.event-modal-backdrop,.image-zoom-backdrop{position:absolute;inset:0;background:#020617a6}.event-modal-dialog,.image-zoom-dialog{position:relative;width:min(760px,92vw);max-height:min(86vh,900px);overflow:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:16px 16px 18px;box-shadow:0 28px 70px #00000073}.event-modal-close,.image-zoom-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#ffffffd9;color:#0f172a;display:grid;place-items:center;font-size:20px;cursor:pointer;box-shadow:0 14px 35px #00000038}body:not(.light-theme) .event-modal-close,body:not(.light-theme) .image-zoom-close{background:#0f172ad9;color:#e5e7eb}.event-image{margin:10px 0 14px;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.22)}.event-image img{width:100%;height:240px;object-fit:cover;display:block;cursor:zoom-in}@media(max-width:640px){.event-image img{height:220px}}#imageZoomImg{max-width:90vw;max-height:85vh;border-radius:14px}.map-container{position:absolute;inset:0}.map-control-panel{position:absolute;left:12px;top:var(--cm-controls-top, 120px);z-index:5;display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px;border-radius:8px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #0000002e;width:var(--gm-match-width, 260px)}.map-control-header{display:none!important}.dropdown{flex:1;position:relative}.dropdown-btn{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:8px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text)}.icon-btn{width:36px;height:36px;border-radius:8px}.dropdown-panel{width:100%}.map-control-title-row{font-size:12px;font-weight:650;opacity:.9;margin:0 2px 6px}.dropdown,.dropdown-btn,.dropdown-panel{width:100%}.dropdown-panel{left:0;right:0;box-sizing:border-box}.event-modal-dialog{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#eventDetails p{white-space:normal;overflow:visible}.map-control-panel{transform:translateY(-24px)}.cm-control-stack{display:flex;flex-direction:column;flex:1;min-width:0}.cm-control-label{font-size:12px;font-weight:650;opacity:.9;margin:0 2px 6px}.dropdown-panel{background:var(--bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dropdown-panel{max-height:calc(100vh - 200px);overflow:hidden}.cm-control-stack,.dropdown,.dropdown-btn,.dropdown-panel{width:100%;box-sizing:border-box}.dropdown-panel{left:0;right:0}.cm-control-label{font-size:13.5px;font-weight:500;letter-spacing:.2px;opacity:.85}:root{--cm-gap-after-google: 8px;--cm-gap-after-google: -48px}.map-control-panel{top:12px!important;left:calc(12px + var(--gm-match-width, 260px) + var(--cm-gap-after-google))!important;transform:none!important}@media(max-width:640px){.map-control-panel{left:12px!important;top:64px!important}}.site-footer{position:fixed;bottom:0;left:0;width:100%;background:#081220d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.08);z-index:4}.footer-inner{padding:6px 16px 8px;font-size:12px;line-height:1.3;text-align:center}.footer-title{font-weight:600;color:#e5e7eb;margin-bottom:2px}.footer-text{margin-top:2px}.footer-text.muted{color:#94a3b8}:root{--footer-height: 48px}@media(max-width:640px){#legend,.legend,.map-legend{bottom:calc(var(--footer-height) + 16px)!important}}@media(max-width:640px){.cm-legend{bottom:calc(var(--footer-height, 56px) + 16px)!important;max-width:calc(100vw - 24px)}}:root{--footer-height: 72px}.cm-legend{pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100vh - 220px);padding-right:10px}@media(max-width:640px){.cm-legend{max-height:calc(100vh - (var(--footer-height, 72px) + 190px))}}.cm-legend-title{position:sticky;top:0;background:var(--panel);padding-top:2px;padding-bottom:6px;z-index:1}:root{--footer-h: 56px}#legend{bottom:calc(var(--footer-h) + 12px + env(safe-area-inset-bottom));max-height:calc(100vh - var(--footer-h) - 120px);overflow:auto}@media(max-width:768px){footer,#footer,.footer,.cm-footer{bottom:calc(10px + env(safe-area-inset-bottom))}}:root{--cm-footer-safe: 96px}@media(max-width:640px){#legend.cm-legend,.cm-legend#legend,.cm-legend{left:8px;right:8px;bottom:calc(var(--cm-footer-safe) + env(safe-area-inset-bottom) + 8px)!important;height:15vh!important;max-height:15vh!important;min-height:88px;max-width:none!important;width:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.cm-legend{padding:8px 10px;gap:6px}.cm-legend-title,.cm-legend-row{font-size:12px}}