@font-face{font-family:Fraunces;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/Fraunces-var.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/Fraunces-Italic-var.woff2) format("woff2")}:root{--water: #0a1622;--water-deep: #071019;--land: #1c2a26;--coast: #3b5450;--ink: #c8d4d0;--ink-dim: #7d8f8b;--ink-faint: #4b5a57;--accent-warm: #e8b872;--accent-orca: #f0e6d2;--panel: #0e1c2a;--panel-edge: #1a2c3d;--alert: #d9a05b;--font-display: "Fraunces", Georgia, "Times New Roman", serif;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--water-deep);color:var(--ink);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-height:100dvh;overflow:hidden}.app__main{flex:1;display:flex;min-height:0}.app__map{flex:1;position:relative;min-width:0;animation:view-enter .24s ease-out both}.map{position:absolute;top:0;right:0;bottom:0;left:0}.map__svg{display:block}.map:focus{outline:none}.map:focus-visible{outline:2px solid var(--accent-warm);outline-offset:-2px}.map__zoom{position:absolute;left:.75rem;bottom:8.75rem;z-index:3;display:flex;flex-direction:column;gap:.3rem}.map__zoom-btn{width:2.75rem;height:2.75rem;display:grid;place-items:center;font:inherit;font-size:1.35rem;line-height:1;color:var(--ink);background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--panel-edge);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.map__zoom-btn:hover:not(:disabled){color:var(--accent-warm);border-color:color-mix(in srgb,var(--accent-warm) 45%,var(--panel-edge))}.map__zoom-btn:focus-visible{outline:2px solid var(--accent-warm);outline-offset:2px}.map__zoom-btn:disabled{opacity:.35;cursor:default}.map__zoom-btn--reset{font-size:1.1rem;margin-top:.15rem}@media(max-width:640px){.map__zoom{bottom:7.5rem}.map__zoom-btn{width:3rem;height:3rem}}.map__inner.is-animating{transition:transform .55s cubic-bezier(.22,.61,.36,1)}.map__land{fill:var(--land);stroke:var(--coast);stroke-width:1;stroke-linejoin:round}.map__coast-halo{fill:none;stroke:var(--coast);stroke-width:5;stroke-linejoin:round;opacity:.12}.map__coast-halo--mid{stroke-width:13;opacity:.06}.map__coast-halo--far{stroke-width:26;opacity:.035}.map__inner--chart .map__coast-halo{stroke:#d8c9a0;opacity:.1}.map__inner--chart .map__coast-halo--mid{opacity:.05}.map__inner--chart .map__coast-halo--far{opacity:.03}.map__graticule{fill:none;stroke:#d8c9a0;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.06;pointer-events:none}.map__vignette{pointer-events:none}.map__compass{pointer-events:none;opacity:.35}.map__inner--chart .map__land{fill-opacity:.75;stroke:#d8c9a0;stroke-opacity:.65;stroke-width:1.25;vector-effect:non-scaling-stroke}.places{pointer-events:none;user-select:none;-webkit-user-select:none}.place__name{font-family:var(--font-display);fill:var(--ink);stroke:#040a10b8;stroke-width:3.2;stroke-linejoin:round;paint-order:stroke;text-transform:uppercase}.place__dot{fill:var(--ink);stroke:#040a1099;stroke-width:1.2;opacity:.8}.place--city .place__name{font-size:12.5px;font-weight:500;letter-spacing:.18em;opacity:.78}.place--region .place__name{font-size:15px;font-style:italic;font-weight:400;letter-spacing:.34em;text-anchor:middle;opacity:.62}.map__inner--chart .place__name,.map__inner--chart .place__dot{fill:#ecdfc2}.species-sprite{position:absolute;width:0;height:0;overflow:hidden}.marker{cursor:pointer;transition:opacity 1.5s ease;fill:currentColor;--sp-patch: var(--water)}.marker:focus{outline:none}.marker:focus-visible .marker__disc{stroke:var(--accent-warm);stroke-width:3}.marker image,.marker use{filter:drop-shadow(0 2px 3px rgb(0 0 0 / .55))}.marker__scale{transition:transform 1.5s ease}.marker__breathe{transform-box:fill-box;transform-origin:center}.marker--breathing .marker__breathe{animation:marker-breathe 6s ease-in-out infinite alternate;animation-delay:calc(var(--i, 0) * -1.3s)}.marker--new .marker__scale{animation:marker-arrive .9s cubic-bezier(.34,1.3,.64,1) both}.marker__ring{fill:none;stroke:var(--accent-warm);stroke-width:1.5;opacity:.7}.marker__ring--outer{stroke-width:1;opacity:.35}.sp-art{fill:currentColor;--sp-patch: var(--panel)}.marker--orca,.sp-art--orca{color:#d9d9d2}.marker--orca_srkw,.sp-art--orca_srkw{color:#f2ead6}.marker--orca_biggs,.sp-art--orca_biggs{color:#dce7ee}.marker--humpback,.sp-art--humpback{color:#a9c6d8}.marker--gray_whale,.sp-art--gray_whale{color:#c9b8a6}.marker--blue_whale,.sp-art--blue_whale{color:#9fc3e8}.marker--fin_whale,.sp-art--fin_whale{color:#b3aed2}.marker--minke,.sp-art--minke{color:#a8c8b8}.marker--harbor_porpoise,.sp-art--harbor_porpoise{color:#b7c4bf}.marker--dalls_porpoise,.sp-art--dalls_porpoise{color:#e2e2dd}.marker--pacific_white_sided_dolphin,.sp-art--pacific_white_sided_dolphin{color:#cdd6a3}.marker--unspecified,.sp-art--unspecified{color:#93aca4}.marker--unknown_cetacean,.sp-art--unknown_cetacean{color:#7d8f8b}.glow{transition:opacity 1.5s ease}.glow__ping{stroke:var(--accent-warm);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:glow-ping 1.8s ease-out 3 both}.hydro{cursor:pointer;outline:none}.hydro__hit{fill:transparent}.hydro__dot{fill:currentColor}.hydro__arc{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round}.hydro--idle{color:var(--ink-faint)}.hydro--heard,.hydro--hot{color:var(--accent-warm)}.hydro.is-selected .hydro__dot,.hydro:focus-visible .hydro__dot{stroke:var(--ink);stroke-width:1}.hydro__ring{fill:none;stroke:var(--accent-warm);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:hydro-sonar 3.2s ease-out infinite}.hydro__ring--b{animation-delay:1.6s}.popover__listen{color:var(--accent-warm);text-decoration:none;margin-top:.15rem}.popover__listen:hover{text-decoration:underline}.wordmark{position:absolute;top:.65rem;left:1rem;margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:500;letter-spacing:.04em;color:var(--accent-orca);opacity:.8;pointer-events:none;text-shadow:0 1px 6px rgb(0 0 0 / .6)}.statusbar{position:absolute;top:.75rem;right:.75rem;z-index:5;display:flex;align-items:center;gap:.75rem;font-size:.78rem}.statusbar__roll{display:none;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:0;padding:0;font:inherit;font-size:1.15rem;line-height:1;color:var(--ink-dim);background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--panel-edge);border-radius:999px;cursor:pointer}.statusbar__roll:hover,.statusbar.is-rolled-out .statusbar__roll{color:var(--ink)}.statusbar__controls{display:flex;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--panel-edge);border-radius:999px;padding:.25rem .45rem}.statusbar__stale{display:flex;align-items:center;gap:.45rem;color:var(--alert);background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--panel-edge);border-radius:999px;padding:.35rem .8rem}.statusbar__pulse{width:7px;height:7px;border-radius:50%;background:var(--alert);animation:stale-pulse 2.4s ease-in-out infinite}.window-selector{display:flex;gap:.15rem}.window-selector__option,.statusbar__button{font:inherit;color:var(--ink-dim);background:none;border:none;border-radius:999px;padding:.25rem .6rem;cursor:pointer}.window-selector__option:hover,.statusbar__button:hover{color:var(--ink)}.window-selector__option.is-active{color:var(--ink);background:var(--panel-edge)}.statusbar__button.is-active{color:var(--accent-warm)}.today-panel{--today-drawer-width: min(300px, 78vw);position:absolute;top:.85rem;right:0;bottom:.5rem;z-index:4;width:var(--today-drawer-width);display:flex;flex-direction:column;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--panel-edge);border-right:none;border-radius:14px 0 0 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);transition:transform .28s ease;pointer-events:none}.today-panel.is-open{transform:translate(0);pointer-events:auto}.today-panel__tab{position:absolute;right:100%;top:5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0;padding:.5rem 1rem .5rem .5rem;font:inherit;color:var(--ink-dim);background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--panel-edge);border-right:none;border-radius:10px 0 0 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto}.today-panel__tab:hover{color:var(--ink)}.today-panel.is-open .today-panel__tab{color:var(--ink);padding-right:.5rem}.today-panel__tab-count{min-width:1.75rem;min-height:1.75rem;font-family:var(--font-display);font-size:1.2rem;font-weight:550;line-height:1;color:var(--water-deep);background:var(--accent-warm);border-radius:9px;padding:.12rem .32rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.today-panel__tab-label{font-family:var(--font-display);font-size:.72rem;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.today-panel__tab:hover .today-panel__tab-label,.today-panel.is-open .today-panel__tab-label{color:var(--ink)}.today-panel__body{display:flex;flex-direction:column;min-height:0;flex:1;padding:.45rem .6rem .65rem;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.today-panel__header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.35rem}.today-panel__heading{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;width:100%;font:inherit;color:var(--ink-dim);background:none;border:none;padding:.15rem .1rem 0;cursor:pointer}.today-panel__heading:hover{color:var(--ink)}.today-panel__title{font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.today-panel__expand{font-size:.85rem}.today-panel__header .window-selector{width:100%;background:color-mix(in srgb,var(--panel-edge) 40%,transparent);border-radius:999px;padding:.1rem}.today-panel__header .window-selector__option{flex:1;padding:.3rem .35rem;font-size:.72rem;text-align:center}.today-panel__chips{display:flex;flex-wrap:wrap;gap:.3rem}.today-panel__chip{position:relative;background:none;border:1px solid transparent;border-radius:9px;padding:.2rem;cursor:pointer}.today-panel__chip:hover{background:color-mix(in srgb,var(--panel-edge) 55%,transparent);border-color:var(--panel-edge)}.chip__art{display:block;width:120px;object-fit:contain;filter:drop-shadow(0 1px 4px rgb(0 0 0 / .5))}.today-panel__count{position:absolute;right:-1px;bottom:-1px;min-width:1.05rem;text-align:center;font-size:.62rem;color:var(--accent-warm);background:var(--panel);border:1px solid var(--panel-edge);border-radius:999px;padding:0 .22rem}.today-panel__empty{margin:0;padding:0 .1rem .1rem;font-size:.72rem;color:var(--ink-faint)}.app__today{flex:1;position:relative;min-width:0}.today-board{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:1.8rem 2rem 2rem;background:radial-gradient(120% 90% at 50% 0%,#0d1b29 0%,var(--water-deep) 70%);animation:view-enter .24s ease-out both}.today-board__header{text-align:center;margin:0 0 .4rem}.today-board__kicker{margin:0 0 .25rem;font-family:var(--font-display);font-style:italic;font-size:.95rem;color:var(--ink-dim)}.today-board__title{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-orca)}.today-collage{position:relative;flex:1;width:min(1200px,100%);margin:0 auto;min-height:0}.today-collage__item{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));background:none;border:none;padding:0;cursor:pointer;transition:transform .25s ease}.today-collage__item:hover,.today-collage__item:focus-visible{transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(1.08);z-index:100!important}.today-collage__item:focus-visible{outline:2px solid var(--accent-warm);outline-offset:6px;border-radius:12px}.today-collage-item__art{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 16px rgb(0 0 0 / .45))}svg.today-collage-item__art{aspect-ratio:100 / 60}.today-collage__item.is-new .today-collage-item__art{animation:marker-arrive .9s cubic-bezier(.34,1.3,.64,1) both}.today-collage__count{position:absolute;right:4%;bottom:14%;min-width:1.3rem;text-align:center;font-size:.72rem;color:var(--accent-warm);background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--panel-edge);border-radius:999px;padding:.05rem .35rem}.today-collage__name{position:absolute;left:50%;top:calc(100% + .35rem);transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-style:italic;font-size:.85rem;color:var(--ink);background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--panel-edge);border-radius:999px;padding:.15rem .7rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.today-collage__item:hover .today-collage__name,.today-collage__item:focus-visible .today-collage__name{opacity:1}@media(max-width:820px){.today-board{padding:1.1rem 1rem 1.5rem}}.popover{position:absolute;transform:translate(-50%,calc(-100% - 18px));width:250px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-edge);border-top:2px solid color-mix(in srgb,var(--accent-warm) 45%,transparent);border-radius:12px;padding:.7rem .85rem .55rem;font-size:.78rem;box-shadow:0 8px 28px #00000073;pointer-events:auto;z-index:5;animation:popover-in .18s ease-out both}.popover--below{transform:translate(-50%,26px)}.popover__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.popover__title{display:flex;flex-direction:column;gap:.05rem;min-width:0}.popover__species{font-family:var(--font-display);font-size:1rem;font-weight:550;line-height:1.15}.popover__id{font-size:.72rem;letter-spacing:.03em;color:var(--accent-warm)}.popover__age{flex-shrink:0;font-size:.68rem;white-space:nowrap;color:var(--accent-warm);background:color-mix(in srgb,var(--accent-warm) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-warm) 32%,transparent);border-radius:999px;padding:.12rem .45rem}.popover__facts{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin:0}.popover__fact{display:flex;flex-direction:column;gap:.04rem;min-width:0}.popover__fact dt{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.popover__fact dd{margin:0;font-size:.8rem;color:var(--ink)}.popover__meta{display:flex;flex-wrap:wrap;gap:.25rem .7rem;margin-top:.3rem;color:var(--ink)}.popover__note{margin:.55rem 0 0;color:var(--ink);opacity:.85;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.popover__foot{display:flex;flex-direction:column;gap:.1rem;margin-top:.55rem;color:var(--ink-dim);font-size:.72rem}.empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:var(--ink-dim)}.empty__waves{width:130px;stroke:var(--ink-faint);stroke-width:1.6;fill:none;stroke-linecap:round;margin-bottom:.6rem}.empty__title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.06em;color:var(--ink);opacity:.85}.empty__sub{margin-top:.3rem;font-size:.85rem}body.cursor-hidden,body.cursor-hidden *{cursor:none!important}.app--kiosk .statusbar__controls{opacity:0;pointer-events:none;transition:opacity .4s ease}.app--kiosk:hover .statusbar__controls{opacity:1;pointer-events:auto}body.cursor-hidden .app--kiosk:hover .statusbar__controls{opacity:0;pointer-events:none}.app--kiosk .footer{font-size:.66rem;opacity:.75}.footer{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.4rem 1rem;font-size:.72rem;color:var(--ink-dim);background:color-mix(in srgb,var(--water-deep) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--panel-edge);flex-wrap:wrap;pointer-events:none}.footer__attribution{color:var(--ink-dim)}.footer__disclaimer{color:var(--ink-faint);white-space:nowrap}.footer__full{display:contents}.footer__compact{display:none}@keyframes marker-arrive{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.18)}75%{transform:scale(.96)}to{transform:scale(1)}}@keyframes glow-ping{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(2.4)}}@keyframes marker-breathe{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes view-enter{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes popover-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@keyframes stale-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes hydro-sonar{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(3)}}@media(prefers-reduced-motion:reduce){.marker--new .marker__scale,.today-collage__item.is-new .today-collage-item__art,.marker--breathing .marker__breathe,.today-board,.app__map,.popover{animation:none}.map__inner.is-animating{transition:none}.glow__ping,.hydro__ring{display:none}.statusbar__pulse{animation:none;opacity:1}}@media(max-width:640px){.wordmark{top:calc(.65rem + env(safe-area-inset-top,0px));left:calc(1rem + env(safe-area-inset-left,0px));font-size:.92rem;max-width:calc(100% - 4.5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map__zoom{left:calc(.75rem + env(safe-area-inset-left,0px));bottom:calc(8.75rem + env(safe-area-inset-bottom,0px))}.statusbar{top:calc(.75rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));flex-direction:column;align-items:flex-end;gap:.4rem}.statusbar__roll{display:flex}.statusbar__controls{max-width:0;max-height:0;padding:0;border-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-.35rem) scale(.96);transform-origin:top right;transition:opacity .2s ease,transform .22s ease,max-width .22s ease,max-height .22s ease,padding .22s ease,border-width .22s ease}.statusbar.is-rolled-out .statusbar__controls{max-width:min(100vw - 1.5rem,22rem);max-height:3.5rem;padding:.25rem .45rem;border-width:1px;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.footer{left:auto;right:calc(.5rem + env(safe-area-inset-right,0px));bottom:calc(.4rem + env(safe-area-inset-bottom,0px));max-width:min(55%,14rem);padding:.25rem .55rem;font-size:.62rem;flex-wrap:nowrap;justify-content:flex-end;gap:0;border:1px solid var(--panel-edge);border-radius:8px;background:color-mix(in srgb,var(--panel) 82%,transparent)}.footer__full{display:none}.footer__compact{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-faint)}}