/* Grid-relative coordinates keep the wave stable while individual cards tilt. */
#roster-grid{position:relative}
#roster-grid .unit-card.roster-water-active{transform:perspective(750px) translateY(var(--water-lift,0px)) rotateX(var(--water-x,0deg)) rotateY(var(--water-y,0deg)) rotateZ(var(--water-z,0deg));transition:border-color .15s ease;will-change:transform;box-shadow:0 8px 22px #0003,0 0 20px rgba(120,221,246,var(--water-light,0));border-color:rgba(130,227,248,calc(.18 + var(--water-light,0)))}
@media(prefers-reduced-motion:reduce){#roster-grid .unit-card,#roster-grid .unit-card:hover{transform:none!important;transition:none!important}}