.pond{position:relative;height:clamp(200px,18.1vw,318px);height:round(down,clamp(200px,18.1vw,318px),1px);overflow:hidden;touch-action:pan-y}.pond canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.pond.is-flat{background:radial-gradient(60% 120% at 74% 30%,rgba(198,231,236,.35),transparent 70%),radial-gradient(70% 140% at 18% 80%,rgba(156,179,234,.45),transparent 70%),linear-gradient(100deg,#a1d6df,#87c1f0 45%,#87c1f0 70%,#9cb3ea)}.pond.is-flat canvas{display:none}.pond--painting{background:#73868a}.pond--painting img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 0 0);-webkit-user-select:none;user-select:none}@media (max-width: 599px){.pond--painting img{object-position:var(--pos-phone, 100% 0)}}.pond--painting canvas{opacity:0;transition:opacity .6s ease}.pond--painting[data-live] canvas{opacity:1}