*{box-sizing:border-box}html,body,#root,#app{color:#eefaff;background:#061b27;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{text-align:left;border:0;max-width:none;min-height:100%;display:block}body{min-width:320px}.scene-shell{isolation:isolate;position:fixed;inset:0}#aquarium{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#aquarium:active{cursor:grabbing}.webgl-fallback{z-index:2;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);color:#ebfdffe6;text-align:center;background:linear-gradient(135deg,#051a24b8,#0312196b);border:1px solid #cafaff38;border-radius:8px;max-width:min(420px,100% - 48px);padding:16px 20px;font-size:.84rem;line-height:1.45;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000004d}.vignette{pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 38%,#0000 0 42%,#01080d2e 70%,#01070a9e 100%),linear-gradient(#b3f2ff17,#0000 16% 72%,#0000003d);position:absolute;inset:0}.plaque{z-index:2;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(135deg,#051a2494,#03121938);border:1px solid #cafaff38;border-radius:8px;width:min(340px,100% - 32px);padding:16px 18px;position:absolute;bottom:clamp(16px,5%,48px);left:clamp(16px,4%,54px);box-shadow:0 24px 70px #0003}.fish-directory{z-index:3;color:#eefaff;width:min(390px,100% - 32px);position:absolute;top:clamp(16px,4%,42px);left:clamp(16px,4%,48px)}.fish-directory-toggle{width:100%;min-height:42px;color:inherit;cursor:pointer;font:inherit;letter-spacing:0;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:linear-gradient(135deg,#051a24bd,#0312196b);border:1px solid #cafaff3d;border-radius:8px;justify-content:space-between;align-items:center;padding:0 14px;font-size:.84rem;font-weight:720;display:flex;box-shadow:0 20px 60px #00000038}.fish-directory-toggle:after{content:"";border-bottom:2px solid #93e8f7;border-right:2px solid #93e8f7;width:7px;height:7px;margin-left:10px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.fish-directory-toggle[aria-expanded=true]:after{transform:rotate(225deg)translateY(-1px)}#fish-directory-count{color:#eefaffb8;margin-left:auto;font-size:.74rem;font-weight:650}.fish-directory-panel{-webkit-backdrop-filter:blur(16px)saturate(145%);backdrop-filter:blur(16px)saturate(145%);background:linear-gradient(135deg,#061c26c7,#0310188f);border:1px solid #cafaff33;border-radius:8px;flex-direction:column;max-height:min(430px,100vh - 120px);margin-top:8px;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000040}.fish-directory-panel[hidden]{display:none}.fish-sort{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 6px 0;display:grid}.fish-sort-option{color:#eefaffc7;cursor:pointer;min-width:0;min-height:30px;font:inherit;letter-spacing:0;background:#93e8f70f;border:1px solid #93e8f729;border-radius:6px;padding:0 10px;font-size:.72rem;font-weight:720}:is(.fish-sort-option:hover,.fish-sort-option:focus-visible){color:#eefaff;border-color:#93e8f766;outline:none}.fish-sort-option.is-active{color:#ffe2a2;background:#ffc87029;border-color:#ffd67e70}.fish-list{min-height:0;max-height:inherit;flex:1;padding:6px;overflow-y:auto}.fish-list-item{width:100%;min-height:78px;color:inherit;cursor:pointer;font:inherit;letter-spacing:0;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:minmax(0,1fr);gap:5px;padding:8px 10px;display:grid}:is(.fish-list-item:hover,.fish-list-item:focus-visible){background:#93e8f71a;outline:none}.fish-list-item.is-selected{background:#ffc87029;box-shadow:inset 0 0 0 1px #ffd67e75}.fish-list-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.84rem;font-weight:720;line-height:1.2;overflow:hidden}.fish-list-type{color:#ebfdffad;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;line-height:1.2;overflow:hidden}.fish-list-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.fish-list-metric{min-width:0}.fish-list-metric-label,.fish-list-metric-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.15;display:block;overflow:hidden}.fish-list-metric-label{color:#93e8f7b8;text-transform:uppercase;font-size:.55rem;font-weight:680}.fish-list-metric-value{color:#eefaffdb;margin-top:2px;font-size:.7rem;font-weight:720}.fish-list-metric.is-volume .fish-list-metric-value{color:#ffc870}.fish-list-metric.is-error .fish-list-metric-value{color:#93e8f7}.fish-list-metric.is-impact .fish-list-metric-value{color:#ff9f8d}.fish-inspector{z-index:2;-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);pointer-events:none;background:linear-gradient(135deg,#102c30c7,#04131c75);border:1px solid #ffd67e7a;border-radius:8px;width:min(390px,100% - 32px);padding:14px 16px;position:absolute;top:clamp(16px,4%,42px);right:clamp(16px,4%,48px);box-shadow:0 20px 70px #00000047,0 0 30px #ffc76114}.fish-inspector[hidden]{display:none}.eyebrow,.plaque h1,.plaque-subtext,.fish-inspector h2,.readout{letter-spacing:0;margin:0}.eyebrow{color:#93e8f7;text-transform:uppercase;font-size:.75rem;line-height:1.2}.plaque h1{color:inherit;text-wrap:balance;margin-top:4px;font-size:1.75rem;font-weight:750;line-height:1.06}.plaque-subtext{color:#ffe2a2e6;margin-top:7px;font-size:.86rem;font-weight:680;line-height:1.25}.fish-inspector h2{color:inherit;margin-top:4px;font-size:1.55rem;font-weight:760;line-height:1.08}.fish-inspector dl{grid-template-columns:1fr .9fr .9fr .8fr;gap:10px;margin:14px 0 0;display:grid}.fish-inspector div{min-width:0}.fish-inspector dt,.fish-inspector dd{letter-spacing:0;margin:0}.fish-inspector dt{color:#93e8f7db;text-transform:uppercase;font-size:.65rem;line-height:1.15}.fish-inspector dd{color:#f6fdffed;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.82rem;line-height:1.25;overflow:hidden}.readout{color:#ebfdffd1;flex-wrap:wrap;gap:8px 12px;margin-top:14px;font-size:.78rem;line-height:1.35;display:flex}.time-window{align-items:center;gap:10px;margin-top:14px;display:flex}.time-window-label{letter-spacing:.14em;text-transform:uppercase;color:#cafaff9e;font-size:.66rem;font-weight:720}.time-window-select{color:#eefaff;min-height:32px;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#051a24bd,#0312196b);border:1px solid #cafaff3d;border-radius:6px;flex:1;padding:4px 10px;font-size:.78rem;font-weight:600}.time-window-select:focus-visible{outline-offset:1px;outline:2px solid #ffc870b3}.time-window-select option{color:#06212d}.readout span{white-space:nowrap;align-items:center;min-height:22px;padding:2px 0;display:inline-flex}.readout span:before{content:"";background:#ffc870;border-radius:999px;width:6px;height:6px;margin-right:7px;box-shadow:0 0 14px #ffc870b3}@media (max-width:640px){.fish-directory{width:min(330px,100% - 32px);top:16px;left:16px}.fish-directory-toggle{min-height:38px;padding:0 12px}.fish-sort-option{min-height:28px;padding:0 6px;font-size:.66rem}.fish-directory-panel{max-height:min(300px,100vh - 112px)}.fish-list-item{min-height:72px;padding:7px 8px}.fish-list-metrics{gap:4px}.fish-list-metric-label{font-size:.5rem}.fish-list-metric-value{font-size:.64rem}.fish-inspector{width:min(330px,100% - 32px);padding:12px 14px;top:66px;right:16px}.fish-inspector h2{font-size:1.24rem}.fish-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.plaque{width:min(320px,100% - 40px);padding:12px 14px;bottom:22px;left:20px}.plaque h1{font-size:1.38rem}.readout{gap:2px 9px;margin-top:10px;font-size:.68rem}}