#fish-canvas{width:100%;height:100%;display:block}#fish-canvas,#fish-loading{transform:translateY(calc(var(--bar-h,170px) * -.5))}#inspect-panel{width:min(320px,100vw);padding:46px 14px 12px;overflow-y:auto}#field-notes-head{margin:0;position:absolute;top:12px;left:50px;right:14px}#field-notes-head b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--t-4);overflow:hidden}#inspect-bar{background:#090e11;max-height:70vh;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}#inspect-bar .report-body{flex-wrap:wrap;display:flex}#species-field{flex:none;width:260px}#view-field{flex:none;width:232px}#length-field{flex:320px;min-width:320px}#season-field{flex:none;width:320px}@media (width<=700px){#length-field{flex:100%;min-width:0}#season-field{flex:100%;width:auto}}#inspect-bar-toggle{left:50%;bottom:var(--bar-h,170px);pointer-events:auto;opacity:.35;min-width:40px;transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), bottom var(--dur-med) var(--ease);border-bottom:none;padding:7px 16px 6px;position:absolute;transform:translate(-50%)}#inspect-bar-toggle:hover,#inspect-bar-toggle:focus-visible,#inspect-bar-toggle:active{opacity:1}@media (prefers-reduced-motion:reduce){#inspect-bar-toggle{transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}}#view-field,#length-field,#season-field{opacity:1;transition:opacity var(--dur-med) var(--ease), transform var(--dur-med) var(--ease);transition-behavior:allow-discrete;transform:scale(1)}#inspect-bar.collapsed #view-field,#inspect-bar.collapsed #length-field,#inspect-bar.collapsed #season-field{opacity:0;display:none;transform:scale(.96)}@starting-style{#inspect-bar:not(.collapsed) #view-field,#inspect-bar:not(.collapsed) #length-field,#inspect-bar:not(.collapsed) #season-field{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){#view-field,#length-field,#season-field{transition:none}}#species-field .field-head,.species-scientific{opacity:1;transition:max-height var(--dur-med) var(--ease), opacity var(--dur-med) var(--ease);transition-behavior:allow-discrete;overflow:hidden}#species-field .field-head{max-height:30px}.species-scientific{max-height:14px}#inspect-bar.collapsed #species-field .field-head,#inspect-bar.collapsed .species-scientific{opacity:0;max-height:0;display:none}@starting-style{#inspect-bar:not(.collapsed) #species-field .field-head,#inspect-bar:not(.collapsed) .species-scientific{opacity:0;max-height:0}}@media (prefers-reduced-motion:reduce){#species-field .field-head,.species-scientific{transition:none}}#inspect-bar.collapsed .report-body{align-items:center;gap:var(--s3);padding:8px 12px}#inspect-bar.collapsed .field+.field{padding-left:var(--s3)}#inspect-bar.collapsed #species-field{flex:auto;width:auto}#inspect-bar.collapsed #species-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;display:grid}#inspect-bar.collapsed .species-option{border:1px solid var(--line);width:auto;padding:4px 8px}#inspect-bar.collapsed .species-option.selected{border-color:var(--accent)}#inspect-panel .field-head{border-bottom:1px solid var(--line-soft);padding-bottom:6px}#inspect-panel .field-head .label{font-size:var(--t-2);color:var(--text-faint)}#species-list{flex-direction:column;display:flex}.species-option{text-align:left;cursor:pointer;width:100%;font-family:var(--sans);transition:border-left-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:none;border-left:2px solid #0000;border-radius:0;align-items:baseline;gap:8px;padding:5px 6px 5px 5px;display:flex}.species-option:hover{background:#ffffff0d}.species-option.selected{border-left-color:var(--accent);background:#ffffff14}.species-option:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.species-key{transform:translateY(-1px)}.species-option[data-species] .species-key{background:var(--species-color)}.species-names{flex-direction:column;gap:1px;min-width:0;display:flex}.species-common{font-size:var(--t-3);color:var(--text-dim);letter-spacing:.02em;transition:color var(--dur-fast) var(--ease)}.species-option.selected .species-common{color:var(--text);font-weight:700}.species-scientific{font-size:var(--t-1);color:var(--text-faint)}#inspect-bar .toggles{flex-direction:column;gap:4px;display:flex}.toggle-btn{width:100%;font-size:var(--t-2);text-align:left;text-transform:uppercase;letter-spacing:.12em;justify-content:flex-start;gap:8px;padding:5px 10px;font-weight:500;display:flex}.toggle-btn[aria-pressed=true] .toggle-mark{background:var(--accent)}#construction-toggle b{letter-spacing:.04em;margin-left:auto;font-weight:700}#reset-view{width:100%;font-size:var(--t-2);text-transform:uppercase;letter-spacing:.14em;margin-top:10px;padding:5px 10px;font-weight:500;display:flex}.range-field{margin-top:10px}.range-field label{font-size:var(--t-1);color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.range-field label b{color:var(--text-dim);letter-spacing:.04em;font-weight:700}.range-field input[type=range]{appearance:none;cursor:pointer;--fill:0%;background:0 0;width:100%;height:14px;margin:0;display:block}.range-field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--fill), var(--line) var(--fill), var(--line) 100%);height:3px}.range-field input[type=range]::-moz-range-track{background:var(--line);height:3px}.range-field input[type=range]::-moz-range-progress{background:var(--accent);height:3px}.range-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:1px solid var(--accent);border-radius:0;width:10px;height:10px;margin-top:-3.5px}.range-field input[type=range]::-moz-range-thumb{background:var(--text);border:1px solid var(--accent);border-radius:0;width:10px;height:10px}.range-field input[type=range]:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.len-row{align-items:center;gap:6px;padding:2px 0;display:flex}.len-name{width:11ch;font-size:var(--t-1);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:color var(--dur-fast) var(--ease);flex:none}.len-track{border-bottom:1px solid var(--line-soft);flex:1;align-items:flex-end;min-height:8px;display:flex;position:relative}.len-fish{background-color:var(--line);height:auto;transition:background-color var(--dur-fast) var(--ease);display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.len-fish[data-species=chinook]{aspect-ratio:1388/480;-webkit-mask-image:url(/silhouettes/chinook.png);mask-image:url(/silhouettes/chinook.png)}.len-fish[data-species=steelhead]{aspect-ratio:1286/480;-webkit-mask-image:url(/silhouettes/steelhead.png);mask-image:url(/silhouettes/steelhead.png)}.len-fish[data-species=shad]{aspect-ratio:1309/480;-webkit-mask-image:url(/silhouettes/shad.png);mask-image:url(/silhouettes/shad.png)}.len-fish[data-species=lamprey]{aspect-ratio:5101/480;-webkit-mask-image:url(/silhouettes/lamprey.png);mask-image:url(/silhouettes/lamprey.png)}.len-row.current .len-name{color:var(--text-dim)}.len-row.current .len-fish{background-color:var(--accent)}.len-row.current .len-figure{color:var(--text)}.len-figure{width:5ch;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-1);color:var(--text-faint);text-align:right;transition:color var(--dur-fast) var(--ease);flex:none}.len-axis-row{margin-top:2px}.len-axis-track{border-bottom:none;height:auto}.len-tick{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-1);color:var(--text-faint);position:absolute;top:0;transform:translate(-50%)}.len-tick:first-child{transform:none}.len-tick:last-child{transform:translate(-100%)}.len-axis-row .len-figure{color:var(--text-dimmer)}.spark{border-bottom:1px solid var(--line-soft);width:100%;height:46px;display:block}.spark-area{fill:var(--series);stroke:none}.spark-area[data-species]{fill:var(--species-color)}.spark-rule{stroke:var(--line-soft)}.spark-peak{stroke:var(--accent)}.spark-axis{height:12px;font-size:var(--t-1);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin:2px 0 6px;position:relative}.spark-axis span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.fg-row{font-size:var(--t-2);gap:10px;padding:2px 0}.fg-row .label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.fg-row b{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text);text-align:right}#season-card,#field-guide{transition:opacity var(--dur-fast) var(--ease)}#season-card.content-fading,#field-guide.content-fading{opacity:0}.fg-note{font-size:var(--t-2);color:var(--text-dim);line-height:1.45}.fg-category{margin-top:12px}.fg-cat-label{border-bottom:1px solid var(--line-soft);font-size:var(--t-1);color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;padding-bottom:3px;font-weight:500}.fg-list{margin:6px 0 0;padding:0;list-style:none}.fg-list li{font-size:var(--t-2);color:var(--text-dim);margin-top:8px;padding-left:14px;line-height:1.45;position:relative}.fg-list li:before{content:"";background:var(--accent);width:6px;height:1px;position:absolute;top:.55em;left:0}.fg-source{color:var(--text-faint);font-size:var(--t-1);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);margin-top:10px;text-decoration:none;display:inline-block}.fg-source:hover{color:var(--text);border-color:var(--text-dim)}.fg-source:focus-visible{outline:1px solid var(--accent);outline-offset:2px}#anatomy-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.anatomy-leader{stroke:var(--text-dim);stroke-width:1px}.anatomy-tick{fill:var(--accent)}.anatomy-label{fill:var(--text);font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em;dominant-baseline:middle;font-size:11px}@media (pointer:coarse){.toggle-btn,#reset-view,.species-option,#inspect-bar-toggle{padding-block:10px}.range-field input[type=range]{height:32px}.range-field input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7.5px}.range-field input[type=range]::-moz-range-thumb{width:18px;height:18px}}