.river-crossing{--rc-ink:#173f35;--rc-surface:#fff;--rc-background:#eef6fa;--rc-water:#8ec9e3;--rc-water-deep:#5aa7cb;--rc-ripple:#d7eef7;--rc-stone:#d9cfbf;--rc-stone-top:#ece5d8;--rc-bank:#a8d5a0;--rc-bank-edge:#72b88a;--rc-frog:#72b88a;--rc-frog-belly:#d8ebdd;--rc-active:#ffd568;--rc-soft:#d7eef7;--rc-wrong:#f9dfd8;--rc-accent:#2f7fa8;color:var(--rc-ink);background-color:var(--rc-background)}.dark .river-crossing{--rc-ink:#d9efe1;--rc-surface:#10231d;--rc-background:#0a141a;--rc-water:#1d4a60;--rc-water-deep:#163a4c;--rc-ripple:#2d6681;--rc-stone:#6b6257;--rc-stone-top:#857a6c;--rc-bank:#2f5a3c;--rc-bank-edge:#3f8a5c;--rc-frog:#4f9e6c;--rc-frog-belly:#1d3a30;--rc-active:#e0b43e;--rc-soft:#183543;--rc-wrong:#4c2828;--rc-accent:#7cc4e6}.river-crossing .rc-sinking{transform:translateY(calc(var(--sunk,0) * 18px))}.river-crossing .rc-timer{transform:scaleX(calc(1 - var(--sunk,0)));transform-origin:0}@media (prefers-reduced-motion:no-preference){.river-crossing .rc-track{transition:transform .32s ease-out}.river-crossing .rc-hop{animation:.32s ease-out rc-hop}.river-crossing .rc-pop{animation:.2s ease-out rc-pop}.river-crossing .rc-shake{animation:.24s ease-in-out rc-shake}.river-crossing .rc-splash{transform-box:fill-box;transform-origin:50%;animation:.9s ease-out infinite rc-splash}.river-crossing .rc-drift{animation:6s linear infinite rc-drift}}@keyframes rc-hop{40%{transform:translateY(-16px)}}@keyframes rc-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes rc-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes rc-splash{0%{transform:scale(.6)}to{transform:scale(1.3)}}@keyframes rc-drift{to{transform:translate(-40px)}}