:root{font-family:Arial,Helvetica,sans-serif;color:#243e36;background:#f5f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page{max-width:1424px;margin:auto;padding:0 64px}button,a,summary,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #bc8142;outline-offset:5px}button{transition:background .2s,color .2s,box-shadow .2s}.masthead{height:88px;border-bottom:1px solid #dadfd6;display:flex;align-items:center;justify-content:space-between}.brand{font-size:13px;letter-spacing:3px;font-weight:700;color:inherit;text-decoration:none;display:flex;align-items:center;gap:14px}.brand-mark{font:36px Georgia,serif;color:#387764;transform:rotate(-10deg)}.edition{font-size:10px;letter-spacing:1.8px;color:#77837b}.edition span{margin-left:28px;color:#243e36}.intro{display:flex;justify-content:space-between;align-items:center;padding:32px 0 28px}.eyebrow{font-size:10px;letter-spacing:2.1px;margin:0 0 15px;color:#5b7669;font-weight:700}h1{font:normal clamp(35px,3.7vw,55px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:0 0 18px}h1 em{font-weight:400;color:#608573}.intro-copy{font-size:13px;line-height:1.85;color:#748078;margin:0}.intro-note{display:flex;align-items:center;gap:20px;margin-right:16px}.note-line{width:36px;height:1px;background:#9aab9d}.intro-note p{font:italic 17px/1.6 Georgia,serif;color:#778677}.aquarium{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 15px 40px #243e3609;border:1px solid #d8dfd6}.tank-top{height:47px;background:#173f37;color:#d1e3d3;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:10px;letter-spacing:1.5px}.tank-label{display:flex;align-items:center;gap:9px}.live-dot{height:5px;width:5px;background:#b7d7a9;border-radius:50%;box-shadow:0 0 9px #b7d7a970}#ai-status{letter-spacing:.3px;font-size:11px;color:#b9cebf}#ai-status[data-mode=offline]{color:#ecd297}#tank-stage{height:clamp(330px,32vw,440px);position:relative;background:#123e3c;overflow:hidden}#aquarium-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}#aquarium-canvas:focus-visible{outline-offset:-5px}.tank-corner{pointer-events:none;position:absolute;bottom:20px;left:24px;color:#dce2c3b0;font-size:8px;letter-spacing:2px;text-shadow:0 1px 4px #112f28}.tank-corner span{display:block;font-size:10px;letter-spacing:.6px;margin-top:6px;color:#dce2c380}#tank-feedback{position:absolute;top:23px;left:50%;transform:translate(-50%);padding:9px 16px;border-radius:20px;background:#193e36c9;color:#edf0dd;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}#tank-feedback.visible{opacity:1}#webgl-error{position:absolute;top:0;right:0;bottom:0;left:0;padding:80px 30px;color:#fff;text-align:center;background:#173f37}.controls{display:flex;align-items:center;gap:21px;padding:15px 20px;min-height:78px}.mode-group{display:flex;padding:4px;border-radius:8px;background:#f0f3ed;gap:3px}.mode-button{border:0;background:transparent;color:#728274;font-size:12px;border-radius:5px;padding:10px 16px;display:flex;align-items:center;gap:9px}.mode-button span{font-size:18px;line-height:14px}.mode-button.selected{background:#31634f;color:#fff;box-shadow:0 2px 5px #203e3520}.mode-button:hover{background:#e1e8dc}.mode-button.selected:hover{background:#254f40}#canvas-help{font-size:11px;line-height:1.5;color:#819083;margin:0}.utility-controls{margin-left:auto;display:flex;gap:17px}.utility-button{background:transparent;border:0;color:#758276;font-size:11px;display:flex;align-items:center;gap:7px;padding:8px 0}.utility-button:hover{color:#1d583e}.utility-button span:first-child{font-size:19px}.residents{padding:31px 0 27px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.section-heading h2{font: 22px Georgia,serif;letter-spacing:-.4px;margin:0}.section-heading p{font-size:11px;color:#869083;margin:0}.fish-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.fish-card{padding:0 17px;border-left:1px solid #dce1d6;min-width:0}.fish-card:first-child{padding-left:0;border-left:0}.fish-card:last-child{padding-right:0}.fish-card-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px}.fish-swatch{width:20px;height:12px;border-radius:55% 45% 45% 55%;position:relative;flex-shrink:0;box-shadow:inset 0 -3px #00000017}.fish-swatch:before{content:"";position:absolute;width:7px;height:11px;left:-5px;top:0;background:inherit;clip-path:polygon(0 0,100% 50%,0 100%)}.fish-swatch:after{content:"";position:absolute;width:2px;height:2px;background:#152d2a;border-radius:50%;right:3px;top:4px}.fish-name{font-size:12px;font-weight:700;margin:0}.fish-temperament{font-size:10px;color:#849082;line-height:1.6;min-height:33px;margin:0 0 11px}.fish-intent{font-size:10px;color:#4f745c;margin:0 0 10px;white-space:nowrap}.hunger-label{display:flex;justify-content:space-between;font-size:9px;color:#9aa394;margin-bottom:5px}.hunger-track{height:3px;background:#e1e6d9;border-radius:3px;overflow:hidden}.hunger-fill{height:100%;border-radius:3px;background:#9db38b;transition:width .5s}footer{border-top:1px solid #dadfd6;padding:21px 0 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:#8b9588;font-size:10px}footer>p{margin:1px 0;line-height:1.7}footer strong{font-weight:400;color:#5e7562}.footer-dot{display:inline-block;border:1px solid #83967d;width:6px;height:6px;border-radius:50%;margin-right:6px}details{max-width:380px}summary{cursor:pointer;color:#72806c;list-style:none;text-align:right}summary::-webkit-details-marker{display:none}summary span{margin-left:8px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding-top:10px}.metric-grid p{display:flex;justify-content:space-between;gap:20px}.metric-grid strong{font-variant-numeric:tabular-nums}.metrics-note,#metric-error{line-height:1.6}#metric-error{color:#9a6c37}button:disabled{opacity:.45;cursor:default}@media (min-width:1550px) and (min-height:1000px){.intro{padding-top:50px;padding-bottom:43px}#tank-stage{height:520px}}@media (max-width:1050px){.page{padding:0 32px}.intro-note{display:none}.controls{gap:15px}.utility-text{display:none}.fish-card{padding:0 11px}.fish-temperament{min-height:48px}.mode-button{padding:10px 12px}}@media (max-width:720px){.page{padding:0 18px}.masthead{height:73px}.edition{font-size:8px;letter-spacing:1px}.edition span{display:none}.brand{font-size:11px;letter-spacing:2px;gap:8px}.intro{padding:30px 0 26px}h1{font-size:37px;letter-spacing:-1.5px}.intro-copy{font-size:12px}.desktop-break{display:none}.eyebrow{font-size:9px}#tank-stage{height:300px}.tank-top{padding:0 15px;font-size:8px}#ai-status{font-size:10px}.controls{padding:12px;flex-wrap:wrap;gap:10px}.mode-button{padding:9px 13px}.utility-controls{gap:18px}#canvas-help{order:3;width:100%;font-size:10px;padding:0 3px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:20px}.section-heading p{display:none}.fish-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:25px}.fish-card:nth-child(4){border-left:0;padding-left:0}.fish-card:nth-child(3){padding-right:0}.fish-temperament{min-height:33px}.fish-card{padding:0 12px}.residents{padding-top:26px}footer{flex-direction:column;gap:15px}summary{text-align:left}details{width:100%}.tank-corner{left:15px;bottom:16px}#tank-feedback{font-size:11px;max-width:95%;white-space:normal;text-align:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}