:root{font-family:system-ui,sans-serif;color:#e8fff8;background:#071f2a}*{box-sizing:border-box}body{margin:0;padding:5vh 20px}main{width:min(900px,100%);margin:auto}.eyebrow{font-size:12px;letter-spacing:.25em;color:#6ce2c6;margin:0 0 14px}h1{font-size:clamp(36px,6vw,62px);letter-spacing:-.05em;margin:0}.intro{color:#a2c6ce;margin:14px 0 30px}.pond{position:relative;border:1px solid #285566;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0005}canvas{display:block;width:100%;height:auto;background:#0c3547}.badge{position:absolute;left:20px;top:18px;background:#082330aa;border:1px solid #ffffff25;border-radius:100px;padding:9px 15px;font-size:14px}.badge strong{color:#a9f6bd;margin-left:8px}.controls{display:flex;justify-content:center;gap:12px;margin-top:25px}button{border:1px solid #3c6b76;border-radius:12px;background:#123a48;color:#e8fff8;font:inherit;font-weight:600;min-width:65px;min-height:48px;padding:10px 24px;cursor:pointer;touch-action:manipulation}#feed{background:#b9f3b8;color:#11392d;border-color:#b9f3b8}button:active{transform:translateY(2px)}.hint,footer{text-align:center;color:#8eb0bc;font-size:13px;line-height:1.7}footer{margin-top:30px;color:#628a99}@media(max-width:500px){body{padding-top:25px}.intro{margin-bottom:20px}.badge{left:12px;top:12px;padding:6px 12px}.controls{gap:9px}button{padding:10px 17px}.hint{font-size:12px}}