:root{--snow:#f4f6f7;--ink:#1f2a33;--stone:#8a9199;--trail-red:#c8102e;--hairline:color-mix(in srgb, var(--stone) 40%, transparent);color:var(--ink);font-family:Atkinson Hyperlegible,system-ui,sans-serif}html,body,#app{height:100%;margin:0}#map{background:#dfe5e8;position:absolute;inset:0}#map .leaflet-control-attribution{font-size:11px}.map-top{z-index:1002;top:max(12px, env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex;position:absolute;left:12px;right:12px}.map-top>*{pointer-events:auto}.panel{z-index:1000;top:calc(max(12px, env(safe-area-inset-top)) + 56px);background:#f4f6f7f7;border-radius:12px;gap:10px;width:340px;max-height:calc(100% - 140px);padding:14px;font-size:.9375rem;display:grid;position:absolute;left:12px;overflow-y:auto;box-shadow:0 1px 10px #1f2a3359}.panel[hidden]{display:none}.panel h1{margin:0;font-size:1.2rem}.panel p{margin:0}.tagline{color:#56606a}.status{font-weight:700}.legend-bar{height:12px;box-shadow:0 0 0 1px var(--hairline);border-radius:6px}.legend-ends{color:#56606a;justify-content:space-between;margin-top:2px;font-size:.75rem;display:flex}.panel details{border-top:1px solid var(--hairline);gap:10px;padding-top:8px;display:grid}.panel summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.panel details[open]>summary{margin-bottom:-6px}.field,.slider{gap:4px;display:grid}.field small,.slider small,.check small{color:#56606a;font-size:.78rem;line-height:1.3;display:block}.slider-head{justify-content:space-between;font-weight:700;display:flex}.slider input[type=range],.field input[type=range]{width:100%;min-height:32px}.field select{min-height:44px;font:inherit}.check{align-items:flex-start;gap:10px;min-height:32px;display:flex}.check input{flex:none;width:22px;height:22px;margin-top:2px}.overlay-group{border:0;gap:8px;margin:0;padding:0;display:grid}.overlay-group legend{padding:0 0 4px;font-weight:700}.button{border:2px solid var(--ink);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:8px;place-items:center;padding:0 14px;font-weight:700;text-decoration:none;display:grid}.button[hidden]{display:none}.panel-toggle{min-height:44px;font:inherit;z-index:1001;top:max(12px, env(safe-area-inset-top));cursor:pointer;background:#f4f6f7f5;border:0;border-radius:8px;order:2;width:44px;padding:0 14px;font-size:1.25rem;font-weight:700;position:absolute;left:12px;box-shadow:0 1px 6px #1f2a334d}.status-chip{z-index:1000;left:8px;right:64px;bottom:calc(28px + env(safe-area-inset-bottom));color:var(--ink);background:#f4f6f7f7;border-radius:10px;gap:8px;padding:10px 14px;font-size:.875rem;display:grid;position:absolute;box-shadow:0 1px 8px #1f2a3359}.chip-spots{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip-spots:empty{display:none}.chip-spots button{border:1px solid var(--hairline);min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 10px;font-size:.8125rem}.tabs{background:var(--hairline);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:3px;display:grid}.tab{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:700}.tab[aria-selected=true]{background:var(--snow);box-shadow:0 1px 3px #1f2a334d}.tabbed{gap:10px;display:grid}.tab-body{gap:14px;display:grid}.tab-body[hidden]{display:none}.group{gap:10px;display:grid}.group h2{margin:0;font-size:1rem}.group+.group{border-top:1px solid var(--hairline);padding-top:10px}.cell-readout{z-index:1000;max-width:260px;color:var(--snow);pointer-events:none;background:#1f2a33eb;border-radius:8px;padding:6px 10px;font-size:.8125rem;line-height:1.35;position:absolute;top:0;left:0}.cell-readout[hidden]{display:none}.base-switch{background-color:var(--stone);cursor:pointer;background-position:50%;background-size:cover;border:2px solid #fff;border-radius:8px;width:68px;height:68px;padding:0;position:relative;box-shadow:0 1px 6px #1f2a3380}.base-switch:focus-visible{outline:3px solid var(--trail-red)}.base-switch-label{color:#fff;text-align:center;background:#1f2a33b3;padding:2px 0;font-size:.75rem;font-weight:700;position:absolute;inset:auto 0 0}.status-chip[hidden]{display:none}@media (min-width:641px){.status-chip{width:340px;left:12px;right:auto}}.map-top .search{flex:0 420px;margin-left:56px}@media (max-width:640px){.map-top .search{flex:1}}.toast{opacity:0;pointer-events:none;background:#f4f6f7f7;border-left:4px solid #d98a00;border-radius:8px;align-self:center;max-width:360px;padding:8px 12px;font-size:.875rem;line-height:1.3;transition:opacity .3s;box-shadow:0 1px 6px #1f2a334d}.toast.visible{opacity:1}@media (max-width:640px){.toast{flex-basis:100%;max-width:none;margin-left:56px}}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.spot-progress-anchor{background:0 0;border:none}.spot-progress{min-width:170px;color:var(--snow);white-space:nowrap;background:#1f2a33eb;border-radius:999px;flex-direction:column;align-items:center;gap:5px;padding:7px 14px 9px;font-size:.9375rem;font-weight:700;line-height:1.2;display:flex;position:absolute;top:14px;left:0;transform:translate(-50%);box-shadow:0 2px 8px #1f2a3359}.spot-progress-bar{background:#f4f6f740;border-radius:3px;width:100%;height:5px;overflow:hidden}.spot-progress-fill{background:var(--trail-red);border-radius:3px;width:0;height:100%;transition:width .3s ease-out}.spot-progress-bar.indeterminate .spot-progress-fill{width:30%;animation:1.1s ease-in-out infinite progress-slide}.analysis-outline.loading{animation:.8s linear infinite outline-march}@keyframes outline-march{to{stroke-dashoffset:-12px}}@media (prefers-reduced-motion:reduce){.spot-progress-fill{transition:none}.spot-progress-bar.indeterminate .spot-progress-fill{opacity:.6;width:100%;animation:none}.analysis-outline.loading{animation:none}}.progress{z-index:1003;opacity:0;pointer-events:none;height:4px;transition:opacity .4s;position:absolute;top:0;left:0;right:0;overflow:hidden}.progress.active{opacity:1}.progress-fill{background:var(--trail-red);width:0;height:100%;transition:width .3s ease-out}.progress.indeterminate .progress-fill{width:30%;animation:1.1s ease-in-out infinite progress-slide}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}.progress.indeterminate .progress-fill{opacity:.6;width:100%;animation:none}}.status:empty{display:none}.view-controls{gap:8px;display:grid}.view-controls select{min-height:44px;font:inherit}.opacity{width:100%;min-height:28px;accent-color:var(--ink);margin:0}@media (max-width:640px){.panel{width:auto;max-height:42%;padding:4px 12px calc(10px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;gap:8px;font-size:.875rem;inset:auto 0 0}.panel h1,.panel .tagline{display:none}.tabs{z-index:1;position:sticky;top:-4px;box-shadow:0 4px 6px -4px #1f2a3359}.tab{min-height:40px}.tab-body,.group{gap:10px}.slider small:not(.expanded),.check small:not(.expanded){-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.slider small,.check small{cursor:pointer}.view-controls{grid-template-columns:1fr auto;align-items:center;gap:4px 10px}.view-controls .legend{grid-column:1/-1}.view-controls select{min-height:40px}.notice{padding:6px 8px;font-size:.75rem}}.notice{background:#fff4de;border-left:4px solid #d98a00;border-radius:6px;padding:8px 10px;font-size:.8125rem}.notice p+p{margin-top:6px}.spot-list,.area-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.spot{border:1px solid var(--hairline);width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:8px;gap:2px;padding:6px 10px;display:grid}.spot small,.area-list small,.empty{color:#56606a;font-size:.78rem;line-height:1.3}.area-list li{gap:2px;display:grid}.nearby{gap:6px;display:grid}.spot-marker span{background:var(--trail-red);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:700;display:grid;box-shadow:0 1px 4px #1f2a3380}.rules{gap:8px;display:grid}.rule-place{margin:0;font-weight:700}.rule-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rule{gap:4px;font-size:.875rem;line-height:1.35;display:grid}.rule+.rule{border-top:1px solid var(--hairline);padding-top:10px}.rule p,.rule ul{margin:0}.rule ul{padding-left:18px}.rule-stance{background:#e3e7ea;border-radius:999px;justify-self:start;padding:1px 8px;font-size:.78rem;font-weight:700}.rule-ban{color:#7d0a1d;background:#f6d9dd}.rule-sources{color:#56606a;font-size:.78rem}