:root{font-family:DM Sans,sans-serif;color:#183b3b;background:#f3f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--ink: #183b3b;--muted: #7c9390;--teal: #16847a;--mint: #dcefe0;--line: #e0eae2}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f3f7f3}button,a{font:inherit}button{color:inherit}.page-shell{width:min(1400px,100% - 104px);margin:0 auto}.topbar{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.8px}.brand-light{color:#7f9891;font-weight:500}.brand-mark{width:31px;height:31px;display:grid;place-items:center;gap:2px;padding:7px 6px;border-radius:10px 10px 10px 4px;background:#247d75;transform:rotate(-5deg)}.brand-mark span{display:block;height:2px;width:16px;border-radius:8px;background:#e2f3d5;transform:rotate(-10deg)}.brand-mark span:nth-child(2){width:13px;margin-left:4px;opacity:.74}.brand-mark span:nth-child(3){width:8px;margin-left:3px;opacity:.5}.topbar-note,.topbar-link{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.06em;color:#81958e}.topbar-link{text-decoration:none;color:#315d55;font-size:12px;font-weight:600;letter-spacing:0}.topbar-link span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d9e6dc;border-radius:50%;font-size:14px;transition:.2s}.topbar-link:hover span{color:#fff;background:var(--teal);border-color:var(--teal);transform:translate(2px,2px)}.live-dot,.hint-dot{flex:0 0 auto;height:7px;width:7px;border-radius:50%;background:#85b77f;box-shadow:0 0 0 3px #85b77f22}.intro{display:flex;justify-content:space-between;align-items:end;padding:53px 6px 36px}.eyebrow{display:flex;align-items:center;gap:8px;color:#829b8c;font-size:9px;font-weight:700;letter-spacing:.17em}.eyebrow-line{height:1px;width:22px;background:#81a795}.edition{margin-left:5px;color:#aebcb2;letter-spacing:.1em}h1{margin:13px 0 0;font-family:Manrope,sans-serif;font-size:clamp(43px,6vw,68px);line-height:1.02;letter-spacing:-.075em;font-weight:600}h1 span{color:#3d8980}.intro-aside{width:288px;margin:0 18px 6px 20px}.intro-aside p{margin:0;color:#708b83;font-size:13px;line-height:1.75}.intro-stats{display:flex;align-items:center;gap:11px;margin-top:18px;color:#91a39a;font-size:10px}.intro-stats strong{margin-right:3px;color:#43786d;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.intro-stats i{height:14px;width:1px;background:#d9e5dd}.tank-frame{height:min(63vw,710px);min-height:500px;position:relative;overflow:hidden;border-radius:25px;isolation:isolate;background:radial-gradient(ellipse at 48% 47%,#487d73,#225b5c 40%,#173f47 77%,#16333a);box-shadow:0 26px 55px -29px #29443a68,inset 0 1px #ffffff30}.tank-frame:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.28;background:repeating-linear-gradient(109deg,transparent 0 88px,#cae2ca07 89px 91px,transparent 92px 167px)}#aquarium-canvas{display:block;position:absolute;inset:0;height:100%;width:100%;outline:none;touch-action:none}.waterline{position:absolute;top:78px;inset-inline:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#e1f5d642 12%,#e1f5d66a 49%,#e1f5d624 88%,transparent)}.tank-topline,.tank-bottomline{position:absolute;inset-inline:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.tank-topline{top:25px}.tank-location,.tank-live,.tank-readout,.tank-hint{display:flex;align-items:center;gap:9px;color:#e3f0dfb5;font-size:9px;font-weight:600;letter-spacing:.1em}.tank-location i{font-style:normal;color:#bdd0bd88}.location-icon{display:grid;place-items:center;width:22px;height:22px;margin-right:1px;border:1px solid #d2ebd233;border-radius:50%;color:#deeed7;font-size:11px}.tank-live{gap:8px;border:1px solid #e0f2e32a;border-radius:30px;padding:8px 11px;color:#ddede0;font-size:8px;letter-spacing:.09em}.tank-live .live-dot{width:5px;height:5px}.tank-readout{position:absolute;top:111px;left:29px;display:grid;grid-template-columns:auto auto;align-content:start;gap:6px 10px;color:#e3f0dfa6;font-size:8px;letter-spacing:.12em}.readout-icon{grid-row:span 2;align-self:center;color:#d9efce;font-size:16px}.tank-readout strong{color:#f3f3d8;font-size:10px;letter-spacing:.07em}.tank-readout i{display:none}.rotate-hint{position:absolute;right:29px;bottom:88px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e1f2da2a;border-radius:40px;color:#dcebd9b3;background:#16363a50;font-size:8px;font-weight:600;letter-spacing:.12em;cursor:pointer;transition:.18s ease}.rotate-hint:hover,.rotate-hint[aria-pressed=true]{color:#f3ffe7;border-color:#e1f2da68;background:#c8eac92b}.rotate-icon{font-size:15px;line-height:1}.scene-message{position:absolute;left:50%;bottom:88px;translate:-50% 12px;padding:9px 15px;border:1px solid #e1f2da35;border-radius:40px;color:#eff8e6;background:#16363ad9;font-size:11px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.scene-message.show{translate:-50% 0;opacity:1}.tank-bottomline{bottom:20px;min-height:41px;padding-top:12px;border-top:1px solid #e1f2da25}.tank-caption{display:flex;align-items:center;gap:10px;color:#e5f1e0;font-size:11px}.caption-number{display:grid;place-items:center;height:24px;width:25px;border:1px solid #e1f2da38;border-radius:7px;color:#d9edcf;font-size:9px}.tank-caption i{margin:0 3px;color:#e0efdf69;font-style:normal}.tank-hint{font-size:8px;letter-spacing:.12em;color:#d7e9d69d}.tank-hint .hint-dot{width:5px;height:5px;background:#c2d998;box-shadow:0 0 8px #c2d998ae}.control-row{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 8px}.care-note{display:flex;align-items:center;gap:11px}.sun-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#668966;background:#e8f0dc;font-size:17px}.care-note>span:last-child{display:grid;gap:4px}.care-note strong{color:#3f6959;font-size:11px;font-weight:600}.care-note>span:last-child span{color:#98a99d;font-size:10px}.feed-button{display:inline-flex;align-items:center;gap:11px;padding:0 16px;min-height:43px;border:1px solid #dce8dd;border-radius:999px;color:#2f665b;background:#fcfdfa;font-size:11px;font-weight:600;box-shadow:0 3px 9px #396b5810;cursor:pointer;transition:.18s ease}.feed-button:hover{background:#eff6eb;border-color:#c1d8c6;transform:translateY(-1px);box-shadow:0 5px 12px #396b5816}.feed-button:active{transform:translateY(1px)}.feed-icon{color:#82a676;font-size:16px}.button-arrow{margin-left:4px;color:#7e9a8a;font-size:14px}.feed-tip{display:flex;align-items:center;gap:8px;color:#9aaba0;font-size:10px}.tip-dot{width:4px;height:4px;border-radius:50%;background:#aac49d}.closing-note{min-height:115px;display:flex;align-items:center;gap:19px;padding:0 7px;border-top:1px solid var(--line)}.closing-ornament{color:#80a895;font-family:serif;font-size:28px;transform:rotate(-9deg)}.closing-note p{margin:0;color:#5f8075;font-size:11px;line-height:1.85}.closing-note p span{color:#9bab9f}.closing-credit{display:flex;align-items:center;gap:8px;margin-left:auto;color:#9bab9f;font-size:8px;font-weight:600;letter-spacing:.14em}.closing-credit span{color:#83a57c;font-size:13px}.footer{display:flex;justify-content:space-between;padding:14px 0 22px;border-top:1px solid var(--line);color:#9eaea3;font-size:8px;font-weight:600;letter-spacing:.14em}.footer-dot{padding:0 5px;color:#6e9582}@media(min-width:1600px){.page-shell{width:min(1500px,100% - 140px)}}@media(max-width:800px){.page-shell{width:calc(100% - 48px)}.topbar{height:72px}.intro{padding:42px 3px 28px}.intro-aside{width:245px;margin-right:4px}.tank-frame{min-height:450px;height:65vw;border-radius:21px}.tank-topline,.tank-bottomline{inset-inline:20px}.tank-readout{left:21px}.closing-note{min-height:100px}}@media(max-width:560px){.page-shell{width:calc(100% - 28px)}.topbar{height:64px}.brand{gap:9px;font-size:15px}.brand-mark{width:28px;height:28px}.topbar-note{display:none}.topbar-link{gap:6px;font-size:11px}.topbar-link span{height:23px;width:23px}.intro{display:block;padding:33px 2px 22px}h1{margin-top:12px;font-size:clamp(47px,13vw,61px)}.intro-aside{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;margin:14px 0 0}.intro-aside p{max-width:195px;font-size:11px;line-height:1.55}.intro-stats{display:grid;gap:3px;margin:0;flex:0 0 auto;font-size:9px}.intro-stats i{display:none}.intro-stats strong{font-size:11px}.tank-frame{min-height:520px;height:126vw;max-height:650px;border-radius:18px}.tank-topline{top:16px;inset-inline:14px;align-items:start}.tank-location{gap:6px;font-size:7px;letter-spacing:.06em;flex-wrap:wrap;max-width:185px}.location-icon{width:20px;height:20px;font-size:10px}.tank-live{gap:6px;padding:7px 8px;margin-top:1px;font-size:7px;letter-spacing:.05em}.tank-readout{top:85px;left:16px;gap:5px 7px;font-size:7px}.waterline{top:69px}.rotate-hint{right:12px;bottom:69px;gap:5px;padding:7px 8px;font-size:7px}.tank-bottomline{inset-inline:14px;bottom:14px}.tank-caption{gap:7px;font-size:10px}.caption-number{width:22px;height:22px}.tank-hint{gap:6px;font-size:6px;letter-spacing:.06em}.tank-hint .hint-dot{width:4px;height:4px}.control-row{flex-wrap:wrap;justify-content:space-between;gap:10px;min-height:98px;padding:12px 2px}.care-note{gap:8px}.sun-icon{width:29px;height:29px;font-size:14px}.care-note strong{font-size:10px}.care-note>span:last-child span{font-size:8px}.feed-button{min-height:40px;gap:8px;padding:0 12px;font-size:10px}.feed-tip{display:none}.closing-note{min-height:92px;gap:12px}.closing-ornament{font-size:22px}.closing-note p{font-size:9px}.closing-credit{gap:5px;font-size:6px;letter-spacing:.09em}.footer{padding-bottom:16px;font-size:7px;letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}