[data-theme="sea"] .hero-art .bub { animation: sea-rise 5s linear infinite; animation-delay: calc(var(--i) * -.45s); }
[data-theme="sea"] .hero-art .sea-weed { transform-origin: bottom; transform-box: fill-box; animation: sea-sway 4s ease-in-out infinite; }
[data-theme="sea"] .card { border-radius: 30px; }
[data-theme="sea"] .op-bubbles.op-run .op-art { animation: sea-sway 3s ease-in-out infinite; }
@keyframes sea-rise { from { transform: translateY(20px); opacity: 0; } 30% { opacity: .8; } to { transform: translateY(-60px); opacity: 0; } }
@keyframes sea-sway { 50% { transform: skewX(4deg); } }
@media (prefers-reduced-motion: reduce) { [data-theme="sea"] .hero-art * { animation: none !important; } }