:root{color-scheme:light;--brand: #006d2c;--panel-bg: #ffffff;--panel-fg: #1a1f24;--muted: #5b6b78;--line: #d6dde2}*{box-sizing:border-box}html,body{margin:0;height:100%}body{accent-color:var(--brand);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--panel-fg);background:#eef2f5}.nav{display:flex;gap:.75rem;align-items:center;padding:.5rem .75rem;height:2.75rem;border-bottom:1px solid var(--line);background:var(--panel-bg);font-size:.95rem}.about{max-width:46rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;line-height:1.6}.about h1{font-size:1.6rem;margin:0 0 .75rem}.about h2{font-size:1.15rem;margin:1.75rem 0 .5rem}.about ul{padding-left:1.2rem}.about li{margin-bottom:.4rem}.about a{color:var(--brand)}.map-app{position:relative;height:calc(100dvh - 2.75rem);width:100%;overflow:hidden}.map-app.has-timeline .map-canvas{bottom:3.5rem}.timeline-dock{position:absolute;left:0;right:0;bottom:0;height:3.5rem;z-index:6;background:color-mix(in srgb,var(--panel-bg) 95%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);display:flex;align-items:center}.timeline{display:flex;align-items:center;gap:.9rem;width:100%;padding:0 1rem}.timeline-play{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--line);background:var(--brand);color:#fff;font-size:.8rem;cursor:pointer;display:grid;place-items:center}.timeline-play:hover{filter:brightness(1.08)}.timeline-track{position:relative;flex:1;display:flex;flex-direction:column;gap:.1rem}.timeline-track input[type=range]{width:100%;margin:0}.timeline-ticks{position:relative;height:.9rem}.timeline-tick{position:absolute;transform:translate(-50%);font-size:.62rem;color:var(--muted);white-space:nowrap}.timeline-date{flex:none;min-width:7.5rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.9rem}.seg{display:flex;border:1px solid var(--line);border-radius:.4rem;overflow:hidden}.seg button{flex:1;font:inherit;font-size:.8rem;padding:.3rem .6rem;border:none;background:var(--panel-bg);cursor:pointer;color:var(--muted)}.seg button.on{background:var(--brand);color:#fff}.map-canvas{position:absolute;inset:0}.map-controls{position:absolute;top:.75rem;left:.75rem;z-index:5;background:color-mix(in srgb,var(--panel-bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:.6rem;padding:.75rem .9rem;box-shadow:0 2px 10px #00000014;max-width:17rem}.map-controls h1{font-size:1rem;margin:0 0 .5rem}.mc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mc-head h1{margin:0 0 .5rem}.mc-toggle{flex:none;width:1.5rem;height:1.5rem;line-height:1;font-size:1.1rem;border:1px solid var(--line);border-radius:.35rem;background:var(--panel-bg);color:var(--muted);cursor:pointer}.mc-toggle:hover{color:inherit;border-color:var(--muted)}.mc-fab{position:absolute;top:.75rem;left:.75rem;z-index:5;width:2.1rem;height:2.1rem;font-size:1.1rem;border:1px solid var(--line);border-radius:.5rem;background:color-mix(in srgb,var(--panel-bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #00000014;color:inherit;cursor:pointer}.mc-fab:hover{border-color:var(--muted)}.field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.6rem}.field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.field select{font:inherit;padding:.3rem .4rem;border:1px solid var(--line);border-radius:.4rem;background:var(--panel-bg)}.legend{margin-top:.5rem;font-size:.72rem;color:var(--muted)}.legend-bar{height:.5rem;border-radius:.25rem;margin:.25rem 0;background:linear-gradient(to right,#f7fcf5,#bae4b3,#74c476,#31a354,#006d2c)}.legend-bar--yellow{background:linear-gradient(to right,#fff7bc,#fee391,#fec44f,#fe9929,#cc7000)}.legend-tag{display:inline-block;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:.3rem;margin-bottom:.35rem}.legend-tag--hist{background:#fef0c8;color:#8a5a00}.legend-tag--fc{background:#dcf0e1;color:#14633a}.legend-row{display:flex;justify-content:space-between}.legend-nodata{display:inline-flex;align-items:center;gap:.3rem;margin-top:.3rem}.legend-swatch{display:inline-block;vertical-align:middle;width:.8rem;height:.8rem;border-radius:.2rem;background:#d4dade;border:1px solid var(--line)}.legend-bar--inline{display:inline-block;vertical-align:middle;width:2rem;height:.6rem;margin:0}.map-legend-note{margin:.9rem 0;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.4rem;background:#f6f8f9}.map-panel{position:absolute;top:0;right:0;z-index:6;height:100%;width:min(24rem,90vw);background:var(--panel-bg);border-left:1px solid var(--line);box-shadow:-4px 0 16px #0000001a;padding:1rem 1.1rem;overflow-y:auto}.map-panel h2{margin:.2rem 0 .1rem;font-size:1.15rem}.map-panel .sub{color:var(--muted);font-size:.8rem;margin-bottom:.8rem}.panel-close{position:absolute;top:.6rem;right:.7rem;border:none;background:transparent;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--muted)}.metric{display:flex;align-items:baseline;gap:.5rem;margin:.6rem 0}.metric .big{font-size:2rem;font-weight:700}.tag{display:inline-block;font-size:.7rem;padding:.1rem .4rem;border-radius:.3rem;background:#eef2f5;color:var(--muted)}.spark{display:block;margin:.5rem 0}.arriving{margin:.8rem 0;padding:.6rem .7rem;border:1px solid var(--line);border-left:3px solid #c0392b;border-radius:.4rem;background:#fcf4f3}.arriving-head{display:flex;align-items:baseline;gap:.4rem}.arriving-num{font-size:1.6rem;font-weight:700;color:#c0392b}.arriving-unit{font-size:.8rem;color:var(--muted)}.arrival-chart{display:block;margin-top:.2rem}table.contrib{width:100%;border-collapse:collapse;font-size:.82rem}table.contrib th,table.contrib td{text-align:left;padding:.25rem .3rem;border-bottom:1px solid var(--line)}table.contrib td.num{text-align:right;font-variant-numeric:tabular-nums}.map-tooltip{font:.8rem system-ui,sans-serif;padding:.1rem}.map-tooltip b{display:block}.hatchery-popup{z-index:12}.hatchery-popup .map-tooltip b{color:#c0392b}