:root{--bg:#07141a;--panel:rgba(10,30,35,.88);--line:rgba(150,220,222,.17);--ink:#e4f2ee;--muted:#8ca9a8;--mint:#85e8cf;--gold:#e0b36b;--water:#76d7e4;--weed:#70d995;--minnow:#89cfe6;--perch:#e3bf69;--pike:#b58ce6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 63% 18%,#17414b 0,#0c252c 28%,#061116 75%);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(220,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(220,255,255,.022) 1px,transparent 1px);background-size:44px 44px}.app{max-width:1460px;margin:auto;padding:25px clamp(14px,4vw,64px) 30px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;letter-spacing:.1em}.mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--mint);color:var(--mint);transform:rotate(45deg);font-size:22px}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:9px;color:var(--muted);letter-spacing:.2em;margin-top:2px}.tools{display:flex;align-items:center;gap:9px}.chip,.button{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:5px;color:var(--muted);padding:8px 11px;font-size:10px;letter-spacing:.12em}.chip{color:var(--gold);border-color:rgba(224,179,107,.35)}button{cursor:pointer}.button{color:var(--mint)}.button.primary{background:var(--mint);border-color:var(--mint);color:#05201c;font-weight:750}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,46,52,.9),rgba(5,18,22,.84));border-radius:8px;box-shadow:0 22px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}.hero{display:grid;grid-template-columns:minmax(275px,.72fr) minmax(540px,1.8fr);gap:17px}.copy{padding:clamp(25px,5vw,57px);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:.2em;margin:0 0 17px}.copy h1{font-size:clamp(36px,4.6vw,68px);line-height:1.01;letter-spacing:-.06em;font-weight:500;margin:0 0 20px}.copy h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.lede{color:#b0c8c8;max-width:540px;font-size:16px}.legend{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px;color:var(--muted);font-size:9px;letter-spacing:.12em}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.water{background:var(--water)}.seaweed{background:var(--weed)}.minnow{background:var(--minnow)}.perch{background:var(--perch)}.pike{background:var(--pike)}.view{overflow:hidden}.panel-head{height:42px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.16em}.panel-head span:last-child{color:var(--mint)}.sim-toolbar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid rgba(150,220,222,.12);background:rgba(0,0,0,.12)}.sim-toolbar .button{padding:7px 9px}.sim-toolbar span{margin-left:auto;color:var(--muted);font:10px ui-monospace,monospace;letter-spacing:.1em}canvas{display:block;width:100%;height:auto}.view canvas{background:radial-gradient(ellipse at 53% 68%,rgba(110,227,225,.12),transparent 37%),#07161b}.view-foot{display:flex;justify-content:space-between;padding:11px 16px;color:var(--muted);font-size:9px;letter-spacing:.15em}.lower{display:grid;grid-template-columns:minmax(265px,.65fr) minmax(0,1.7fr);gap:17px;margin-top:17px}.controls{padding-bottom:20px}.controls label{display:block;margin:20px 17px 0;color:var(--muted);font-size:10px;letter-spacing:.12em}.controls output{float:right;color:var(--ink);letter-spacing:0}.controls input{width:100%;margin-top:10px;accent-color:var(--mint)}.note{display:flex;gap:9px;padding:15px 17px 0;margin-top:19px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.note span{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--mint);color:var(--mint);border-radius:50%;flex:none}.note p{margin:0}.live{color:var(--mint)!important}.telemetry{overflow:hidden}.metrics{display:grid;grid-template-columns:repeat(5,1fr)}.metrics>div{padding:21px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics span{display:block;color:var(--muted);font-size:9px;letter-spacing:.1em}.metrics strong{display:block;margin-top:8px;color:var(--ink);font:25px Georgia,serif}.status-line{display:flex;justify-content:space-between;padding:14px 16px;color:var(--muted);font-size:10px;letter-spacing:.12em}.status-line span:first-child{color:var(--gold)}.science{padding:29px;margin-top:17px}.science h2{font:400 32px Georgia,serif;margin:0 0 13px}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#b7cbca}.science-grid p{margin-top:0}.formula{color:var(--gold);font:18px Georgia,serif;margin-bottom:14px}.muted{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;color:#66858a;font-size:9px;letter-spacing:.14em;margin-top:28px;padding:0 4px}@media(max-width:980px){.hero,.lower{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.metrics>div:nth-child(3n){border-right:0}}@media(max-width:580px){.app{padding:16px 11px 24px}.topbar{align-items:flex-start}.topbar,.tools{flex-wrap:wrap}.copy{padding:26px 20px}.copy h1{font-size:43px}.sim-toolbar{flex-wrap:wrap}.sim-toolbar span{margin-left:0;width:100%}.science{padding:22px}.science-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div:nth-child(even){border-right:0}.status-line,footer{flex-direction:column;gap:6px}}