:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182e3a;background:#e5edf0;font-synthesis:none;--ink:#183f5a;--muted:#61727b;--border:#e5eaed;--shadow:0 5px 24px #17334315,0 1px 3px #1733430c;--green:#159447;--yellow:#e6a300;--red:#e23243;--gray:#858c98}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #278dbd;outline-offset:3px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}#map{position:fixed;inset:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.surface{background:#fff;border:1px solid #dfe7ea;border-radius:16px;box-shadow:var(--shadow)}
#boot{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;background:#f5f8fa;font-size:16px}.spinner{height:21px;width:21px;border:2px solid #c7d5dd;border-top-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#boot.error{flex-direction:column;padding:24px;text-align:center}#boot.error button{background:var(--ink);color:white;border:0;border-radius:12px;padding:15px}.fatal{position:fixed;inset:30%;background:white;padding:24px;z-index:25}
.topbar{position:fixed;top:max(18px,env(safe-area-inset-top));left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;z-index:5}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 15px 9px 9px}.brand-mark{height:39px;width:39px;display:grid;place-items:center;position:relative;background:var(--ink);border-radius:11px;color:white;font-size:25px;font-weight:650}.brand-mark span{font-size:20px;color:#7ae0db;position:absolute;right:4px;bottom:1px}.brand strong{display:block;font-size:17px;letter-spacing:-.3px}.brand small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.toolbar{display:flex;gap:8px}.toolbar-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:59px;padding:12px 15px;font-size:14px;font-weight:600}.toolbar-button[aria-expanded=true]{background:var(--ink);color:white}.rules-control{display:flex;overflow:hidden}.rules-main{display:flex;align-items:center;gap:9px;border:0;background:#fff;padding:8px 12px;text-align:left;min-height:58px}.rules-main small{display:block;font-size:12px;color:var(--muted)}.rules-main strong{display:block;font-size:15px;line-height:1.4}.visibility-dot{width:10px;height:10px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px #183f5a12}.rules-main[aria-pressed=false] .visibility-dot{background:#fff;border:1.5px solid #81929c;box-shadow:none}.rules-main[aria-pressed=false] strong{color:var(--muted)}.rules-options{display:grid;place-items:center;min-width:44px;background:#f5f8fa;border:0;border-left:1px solid var(--border)}.rules-options[aria-expanded=true]{background:var(--ink);color:white}
.floating-panel{position:fixed;right:18px;top:88px;width:min(360px,calc(100vw - 24px));padding:19px;z-index:8;max-height:calc(100dvh - 106px);overflow:auto;overscroll-behavior:contain}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{margin:0;font-size:19px;font-weight:650;letter-spacing:-.3px}.icon-button{display:grid;place-items:center;border:0;background:transparent;font-size:27px;line-height:1;min-height:44px;min-width:44px;border-radius:50%;color:var(--muted)}.icon-button:hover{background:#edf3f5}.activity,.base-switch{display:flex;background:#eff4f6;padding:4px;gap:3px;border-radius:12px;margin:15px 0}.activity button,.base-switch button{flex:1;min-width:0;min-height:46px;border:0;padding:10px 6px;border-radius:9px;background:transparent;font-size:14px;font-weight:600}.activity button[aria-pressed=true]{background:var(--ink);color:white}.base-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #21394516;color:var(--ink)}.field{display:grid;gap:8px;font-size:14px;font-weight:600;margin:16px 0;color:var(--ink)}.field select{font-size:16px;font-weight:400;background:#fff;border:1px solid #cbd7dd;border-radius:10px;padding:12px 10px;color:#182e3a;width:100%;min-width:0}.field-hint,.layers-note{font-size:14px;line-height:1.5;color:var(--muted)}.layers-note a{color:var(--ink)}.toggle-row{display:flex;align-items:center;gap:10px;position:relative;padding:14px 0;font-size:14px;cursor:pointer}.toggle-row>span:first-child{flex:1}.toggle-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.toggle-row input{position:absolute;right:0;width:44px;height:44px;opacity:0}.switch{width:38px;height:23px;border-radius:20px;background:#cad5da;position:relative;pointer-events:none}.switch:after{content:"";width:17px;height:17px;border-radius:50%;position:absolute;left:3px;top:3px;background:#fff;transition:transform .15s}.toggle-row input:checked+.switch{background:#7a5dc7}.toggle-row input:checked+.switch:after{transform:translateX(15px)}.toggle-row input:focus-visible+.switch{outline:3px solid #278dbd;outline-offset:3px}
.legend{position:fixed;top:92px;left:18px;display:flex;gap:10px 14px;flex-wrap:wrap;padding:10px 13px;z-index:2;font-size:12px;max-width:calc(100vw - 90px);border-radius:11px}.legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.green{background:var(--green)}.yellow{background:var(--yellow)}.red{background:var(--red)}.gray{background:var(--gray)}.legend .yellow{transform:rotate(45deg);width:8px;height:8px}.legend .gray{border-radius:50%}.map-controls{position:fixed;right:18px;top:92px;display:grid;border-radius:12px;overflow:hidden;z-index:3}.map-controls button{background:white;border:0;width:44px;height:44px;display:grid;place-items:center;font-size:25px}.map-controls button+button{border-top:1px solid var(--border)}.map-controls button:hover{background:#f0f4f6}.map-controls svg{width:18px;height:18px}
.query-pill{--point-color:var(--ink);position:fixed;left:50%;bottom:max(32px,calc(env(safe-area-inset-bottom) + 22px));transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;background:white;border:1px solid #dce4e8;border-radius:32px;box-shadow:0 6px 28px #1733432e;padding:12px 17px;max-width:calc(100vw - 24px);min-height:60px;text-align:left}.result-dot{width:16px;height:16px;background:var(--point-color);border:3px solid white;box-shadow:0 0 0 2px var(--point-color);border-radius:50%;flex-shrink:0}.query-pill strong{display:block;font-size:15px;line-height:1.3}.query-pill small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.35}.pill-arrow{font-size:20px}.point-marker{width:19px;height:19px;background:var(--ink);border:3px solid white;border-radius:50%;box-shadow:0 0 0 2px #183f5a,0 3px 12px #183f5a44}.point-marker.gps{box-shadow:0 0 0 3px #2279cc50,0 3px 12px #183f5a44}
.bottom-sheet{padding:22px;border:1px solid #dfe7ea;border-radius:22px;width:min(460px,calc(100vw - 24px));max-height:82dvh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 15px 65px #183f5a33;color:inherit}.bottom-sheet::backdrop{background:#17344318}.bottom-sheet h2{font-size:22px;line-height:1.25;margin:8px 0;letter-spacing:-.4px}.bottom-sheet p{font-size:16px;line-height:1.5;margin:12px 0}.result-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-topline>span{font-size:12px;color:var(--muted)}.place-text{color:var(--muted)}.status{display:inline-flex;gap:6px;border-radius:9px;font-size:15px;padding:8px 11px;font-weight:650;margin:5px 0}.status.rojo{color:#ac1527;background:#ffe9ed}.status.verde{color:#086d31;background:#e0f5e8}.status.amarillo{color:#775300;background:#fff2cc}.status.gris{color:#505e6b;background:#eef0f3}.source-link{display:inline-block;color:var(--ink);font-size:14px;font-weight:650;margin:12px 0 3px}.bottom-sheet details{border-top:1px solid var(--border);margin-top:16px;padding-top:10px}.bottom-sheet summary{cursor:pointer;font-size:14px;font-weight:600;min-height:36px;padding:9px 0}.bottom-sheet details p,.bottom-sheet details li{font-size:14px;line-height:1.55}.bottom-sheet details li{margin-bottom:10px}.bottom-sheet a{color:var(--ink);overflow-wrap:anywhere}.bottom-sheet .small-meta,.bottom-sheet .prototype-note{font-size:12px;color:var(--muted)}.other-activity{padding:10px 0;border-bottom:1px solid var(--border)}.other-activity strong{font-size:14px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.primary-button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px 15px;background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:11px;font-weight:600;font-size:15px;width:100%;margin-top:18px}.secondary-button{background:#f1f5f7;border:1px solid #f1f5f7;border-radius:10px;font-size:14px;padding:12px;min-height:44px}.text-button{border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:600;min-height:44px;padding:10px 0}.story-tag{display:inline-block;background:#f1ebff;color:#6243a5;padding:7px 10px;border-radius:8px;font-size:14px}.story-note{border-left:3px solid #8d70ce;padding-left:12px}
#toast{position:fixed;top:150px;left:50%;transform:translateX(-50%);background:#183f5a;color:white;padding:13px 17px;border-radius:12px;box-shadow:var(--shadow);z-index:30;font-size:14px;line-height:1.4;width:max-content;max-width:calc(100vw - 28px)}.maplibregl-ctrl-bottom-left{left:18px!important;bottom:21px!important}.maplibregl-ctrl-attrib{font-size:11px!important}
@media(max-width:640px){.topbar{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:grid;gap:8px}.brand{justify-self:start;padding:0;border:0;box-shadow:none;background:#fffffff2;border-radius:10px;gap:7px}.brand-mark{height:30px;width:30px;font-size:20px;border-radius:9px}.brand-mark span{font-size:15px;right:3px;bottom:1px}.brand strong{font-size:15px}.brand small{font-size:12px}.brand>span:last-child{padding-right:8px}.toolbar{gap:7px;width:100%}.toolbar-button{min-height:52px;padding:5px 10px;gap:2px;font-size:14px;flex-direction:column;min-width:66px}.toolbar-button svg{width:19px;height:19px}.rules-control{flex:1;min-width:0}.rules-main{flex:1;min-height:52px;padding:6px 10px;gap:8px}.rules-main strong{font-size:14px}.rules-main small{font-size:12px}.rules-options{min-width:44px}.surface{border-radius:13px}.floating-panel{top:max(117px,calc(env(safe-area-inset-top) + 107px));right:12px;max-height:calc(100dvh - 140px);padding:17px}.legend{top:max(117px,calc(env(safe-area-inset-top) + 107px));left:12px;gap:8px 10px;max-width:calc(100vw - 80px);padding:8px 10px;font-size:12px}.legend i{width:8px;height:8px}.map-controls{right:12px;top:max(117px,calc(env(safe-area-inset-top) + 107px))}.map-controls button{width:44px;height:44px}.bottom-sheet{inset:auto 0 0;margin:0 auto;border-radius:22px 22px 0 0;width:100%;max-height:78dvh;padding:18px 20px max(22px,calc(env(safe-area-inset-bottom) + 14px))}.query-pill{width:max-content;padding:11px 15px}.maplibregl-ctrl-bottom-left{display:none}#toast{top:175px}}
@media(max-width:360px){.toolbar-button{flex-direction:column;gap:1px;padding:5px 8px;font-size:12px;min-width:61px}.rules-main{padding:6px 8px}.legend{gap:6px 9px}.bottom-sheet{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}