#waterPortal{position:fixed;inset:0;z-index:9999;pointer-events:none;visibility:hidden;--px:20vw;--py:35vh}.portalRing{position:absolute;left:var(--px);top:var(--py);width:24px;height:24px;border:2px solid #d2f5ff;border-radius:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 35px #86ceff}.portalWash{position:absolute;inset:0;background:radial-gradient(circle at var(--px) var(--py),#84ccff,#16549a 60%,#041b3e);opacity:0}.waterDeparting #waterPortal{visibility:visible}.waterDeparting .portalRing{animation:waterExpand 1.2s ease-in forwards}.waterDeparting .portalWash{animation:waterWash 1.3s ease-in forwards}@keyframes waterExpand{to{transform:translate(-50%,-50%) scale(140);opacity:0}}@keyframes waterWash{0%,20%{opacity:0}100%{opacity:1}}.card--water .more{display:none!important}@media(prefers-reduced-motion:reduce){.waterDeparting .portalRing,.waterDeparting .portalWash{animation:none}}