*{box-sizing:border-box}body{margin:0;background:#071b26;color:#effff9;font:18px/1.55 system-ui,sans-serif}header,main,footer{width:min(840px,100% - 32px);margin:auto}header{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px;letter-spacing:.08em}a{color:#94f7db}a:visited{color:#94f7db}h1{font-size:clamp(36px,7vw,62px);line-height:1.05;margin:8px 0 14px}.intro{display:flex;align-items:center;justify-content:space-between;min-height:210px}.intro>div{position:relative;z-index:1;flex:1}.intro img{width:clamp(110px,28vw,200px);height:230px;object-fit:contain;object-position:bottom;align-self:flex-end}.intro p{margin:8px 0}.eyebrow{font-size:12px;letter-spacing:.15em;color:#99ebd5}.quiet{font-size:15px;color:#bdd6df}.pond{position:relative;border:3px solid #70c5c9;border-radius:42px;background:radial-gradient(ellipse at top,#1c8294,#145167 75%);padding:22px 20px 12px;box-shadow:0 15px 50px #0003}.pools{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fish{position:relative;border:2px solid #6cb1c7;border-radius:50%;background:#0b405b;min-height:135px;min-width:0;cursor:pointer;touch-action:manipulation;color:#fff;padding:12px;box-shadow:inset 0 -9px 0 #082e4344}.fish svg{display:block;width:min(150px,100%);height:105px;margin:auto;overflow:visible}.fish:disabled{cursor:default;opacity:1}.fish:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #ffe9a0;outline-offset:4px}.fish.hello{background:#236c79}.fish.hello svg{transform:rotate(-10deg)}.moving .fish.hello svg{animation:hello .65s ease-in-out}.still .fish.hello svg{transform:none}@keyframes hello{0%,100%{transform:rotate(0)}30%{transform:rotate(-12deg) translateY(-8px)}65%{transform:rotate(10deg)}}#message{min-height:28px;text-align:center;font-size:16px;margin:18px 0 4px}.actions{display:flex;gap:12px;margin:22px 0}.actions button{flex:1;background:#b1f6dd;border:0;border-radius:18px;color:#12372e;padding:15px;font:700 17px system-ui;min-height:52px;cursor:pointer}details{background:#0d2b39;border:1px solid #345e6a;padding:20px;border-radius:20px;font-size:16px;margin:28px 0}summary{cursor:pointer;font-weight:bold;min-height:32px}label{display:flex;align-items:center;gap:14px;min-height:52px}input{width:24px;height:24px;accent-color:#82e6c7}footer{padding:12px 0 28px;color:#a8c6ce;font-size:11px;letter-spacing:.08em}@media(max-width:400px){.intro img{width:105px;height:195px}.intro{min-height:190px}.pond{padding:18px 12px 10px}.pools{gap:12px}.fish{min-height:120px;padding:6px}.fish svg{height:95px}header{font-size:11px}.quiet{font-size:13px}}
@media(prefers-reduced-motion:reduce){.moving .fish.hello svg{animation:none;transform:none}}