/* Dygnscenen på startsidan — designens Landningssida v2, ordagrant (keyframes +
   ljusa temats scenregler). Laddas bara av index.html. Scenen själv ligger i
   data/ny-scen.html och hämtas av js/ny-scen.js. Färgliteralerna är designens
   egna (TODO-flyttat.md §Diff). */
@keyframes mm-moln { from { transform: translateX(-72vw); } to { transform: translateX(128vw); } }
@keyframes mm-moln-bak { from { transform: translateX(128vw); } to { transform: translateX(-72vw); } }
@keyframes mm-lager-v { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mm-lager-h { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes mm-fram-a { 0%, 24.9% { opacity: 0; } 25%, 74.9% { opacity: 1; } 75%, 100% { opacity: 0; } }
@keyframes mm-bak-a { 0%, 24.9% { opacity: 1; } 25%, 74.9% { opacity: 0; } 75%, 100% { opacity: 1; } }
@keyframes mm-fram-b { 0%, 24.9% { opacity: 1; } 25%, 74.9% { opacity: 0; } 75%, 100% { opacity: 1; } }
@keyframes mm-bak-b { 0%, 24.9% { opacity: 0; } 25%, 74.9% { opacity: 1; } 75%, 100% { opacity: 0; } }
@keyframes mm-kryss { from { transform: translateX(-26vw); } to { transform: translateX(124vw); } }
@keyframes mm-kryss-bak { from { transform: translateX(122vw); } to { transform: translateX(-42vw); } }
@keyframes mm-sallan { 0% { transform: translateX(-26vw); } 26% { transform: translateX(124vw); } 100% { transform: translateX(124vw); } }
@keyframes mm-sallan-bak { 0% { transform: translateX(124vw); } 30% { transform: translateX(-42vw); } 100% { transform: translateX(-42vw); } }
@keyframes mm-sallan-lang-h { 0% { transform: translateX(-112vw); } 34% { transform: translateX(126vw); } 100% { transform: translateX(126vw); } }
@keyframes mm-guppa { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes mm-guppa-sma { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes mm-gang-h { from { transform: translateX(-8vw); } to { transform: translateX(106vw); } }
/* Gångcykeln som sprite-remsa (js/ny-scen.js spritea): ett steg per ram. */
@keyframes mm-gang-sprite { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@keyframes mm-stig {
      0% { transform: translateY(calc(-0.3 * var(--sh, 0px) / 100)) scale(0.961); }
      10% { transform: translateY(calc(-11.2 * var(--sh, 0px) / 100)) scale(0.924); }
      20% { transform: translateY(calc(-21.2 * var(--sh, 0px) / 100)) scale(0.890); }
      30% { transform: translateY(calc(-29.5 * var(--sh, 0px) / 100)) scale(0.862); }
      40% { transform: translateY(calc(-33.7 * var(--sh, 0px) / 100)) scale(0.847); }
      50% { transform: translateY(calc(-29.5 * var(--sh, 0px) / 100)) scale(0.862); }
      60% { transform: translateY(calc(-19.5 * var(--sh, 0px) / 100)) scale(0.895); }
      70% { transform: translateY(calc(-11.2 * var(--sh, 0px) / 100)) scale(0.924); }
      80% { transform: translateY(calc(-10.3 * var(--sh, 0px) / 100)) scale(0.927); }
      90% { transform: translateY(calc(-21.2 * var(--sh, 0px) / 100)) scale(0.890); }
      100% { transform: translateY(calc(-37.8 * var(--sh, 0px) / 100)) scale(0.833); } }
@keyframes mm-vind { 0%, 100% { transform: rotate(-1.6deg) skewX(-1.2deg); } 50% { transform: rotate(1.9deg) skewX(1.4deg); } }
@keyframes mm-puls { 0%, 100% { opacity: 0.18; } 50% { opacity: 0.62; } }
@keyframes mm-blink-rod { 0%, 49.99% { opacity: 1; } 50%, 100% { opacity: 0.07; } }
@keyframes mm-blink { 0%, 92%, 100% { opacity: 0.25; } 96% { opacity: 1; } }
@keyframes mm-matstrale { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -36; } }
@keyframes mm-trampa-a { 0% { transform: rotate(-13deg); } 25% { transform: rotate(4deg); } 50% { transform: rotate(15deg); } 75% { transform: rotate(3deg); } 100% { transform: rotate(-13deg); } }
@keyframes mm-trampa-b { 0% { transform: rotate(15deg); } 25% { transform: rotate(3deg); } 50% { transform: rotate(-13deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(15deg); } }
@keyframes mm-vev-a { 0% { transform: rotate(40deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(-34deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(40deg); } }
@keyframes mm-vev-b { 0% { transform: rotate(-34deg); } 25% { transform: rotate(2deg); } 50% { transform: rotate(40deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(-34deg); } }
@keyframes mm-sond { 0% { opacity: 0; transform: rotate(-7deg) scaleY(0.5); } 12% { opacity: 0.55; transform: rotate(-5deg) scaleY(1); } 50% { opacity: 0.5; transform: rotate(8deg) scaleY(1); } 84% { opacity: 0; transform: rotate(8deg) scaleY(1); } 100% { opacity: 0; transform: rotate(-7deg) scaleY(0.5); } }
@keyframes mm-sondlinje { 0% { opacity: 0; transform: translateY(0); } 14% { opacity: 0.85; } 100% { opacity: 0; transform: translateY(128px); } }
@keyframes mm-sat-vrid { 0% { transform: rotate(128deg); } 50% { transform: rotate(143deg); } 100% { transform: rotate(128deg); } }
@keyframes mm-snurr { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes mm-sol {
      0% { transform: translate(38.0vw, 320px); opacity: 0; }
      6.25% { transform: translate(46.6vw, 192px); opacity: 0; }
      11% { opacity: 0; }
      12.5% { transform: translate(55.3vw, 101px); }
      15% { opacity: 0.95; }
      18.75% { transform: translate(63.9vw, 46px); }
      25% { transform: translate(72.5vw, 28px); }
      31.25% { transform: translate(81.1vw, 46px); }
      35% { opacity: 0.95; }
      37.5% { transform: translate(89.8vw, 101px); }
      39% { opacity: 0; }
      43.75% { transform: translate(98.4vw, 192px); opacity: 0; }
      50%, 100% { transform: translate(107.0vw, 320px); opacity: 0; }
    }
@keyframes mm-natt { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mm-lyse { 0%, 43% { opacity: 0; } 52%, 89% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mm-dagsljus { 0%, 40% { filter: brightness(1.22) saturate(1.06); } 50%, 90% { filter: brightness(0.86) saturate(0.94); } 100% { filter: brightness(1.22) saturate(1.06); } }
@keyframes mm-dag { 0%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } 100% { opacity: 1; } }
@keyframes mm-fisk {
      0%, 88% { opacity: 0; transform: translate(0, 7px) rotate(-42deg); }
      88.6% { opacity: 0.95; transform: translate(0, 6px) rotate(-40deg); }
      91% { opacity: 0.95; transform: translate(9px, -13px) rotate(-10deg); }
      93.5% { opacity: 0.95; transform: translate(18px, -17px) rotate(14deg); }
      96% { opacity: 0.9; transform: translate(27px, -1px) rotate(46deg); }
      96.9%, 100% { opacity: 0; transform: translate(30px, 8px) rotate(54deg); }
    }
@keyframes mm-ring { 0%, 87.6% { opacity: 0; transform: scale(0.25); } 88.4% { opacity: 0.55; transform: scale(0.5); } 92%, 100% { opacity: 0; transform: scale(1.9); } }
@keyframes mm-ring-sen { 0%, 95.6% { opacity: 0; transform: scale(0.25); } 96.4% { opacity: 0.6; transform: scale(0.55); } 100% { opacity: 0; transform: scale(2); } }
@keyframes mm-ring-lugn { 0% { opacity: 0; transform: scale(0.3); } 18% { opacity: 0.4; } 70%, 100% { opacity: 0; transform: scale(1.8); } }
@keyframes mm-vatten { 0%, 100% { opacity: 0.2; transform: translateX(0); } 50% { opacity: 0.55; transform: translateX(6px); } }
@keyframes mm-bom { 0%, 100% { transform: rotate(-6deg); } 50% { transform: rotate(4deg); } }
@keyframes mm-rok { 0% { opacity: 0; transform: translate(0, 0) scale(0.5); } 20% { opacity: 0.5; } 100% { opacity: 0; transform: translate(-16px, -70px) scale(2.1); } }
@keyframes mm-kabel { 0% { height: 14px; } 8%, 14% { height: 72px; } 20%, 32% { height: 20px; } 40%, 46% { height: 58px; } 52%, 64% { height: 16px; } 72%, 78% { height: 68px; } 86%, 100% { height: 14px; } }
@keyframes mm-trolley { 0%, 20% { transform: translateX(-40px); } 32%, 52% { transform: translateX(-10px); } 64%, 100% { transform: translateX(-40px); } }
@keyframes mm-blaljus-a { 0%, 22% { opacity: 1; } 26%, 100% { opacity: 0.08; } }
@keyframes mm-blaljus-b { 0%, 48% { opacity: 0.08; } 52%, 74% { opacity: 1; } 78%, 100% { opacity: 0.08; } }
@keyframes mm-karusell { from { transform: translateX(0); } to { transform: translateX(-2178px); } }
@keyframes mm-resning { 0% { transform: translateY(7px); } 74% { transform: translateY(0); } 100% { transform: translateY(0); } }
@keyframes mm-kran-cykel {
      0% { transform: translateY(8px); }
      2.2% { transform: translateY(3px); }
      4% { transform: translateY(0); }
      58% { transform: translateY(0); }
      62% { transform: translateY(2px); }
      66%, 100% { transform: translateY(8px); } }
@keyframes mm-hus-cykel {
      0%, 5% { transform: translateY(7px); }
      9% { transform: translateY(4px); }
      13% { transform: translateY(1px); }
      16%, 93% { transform: translateY(0); }
      97% { transform: translateY(0); }
      100% { transform: translateY(4px); } }
@keyframes mm-flagga { 0%, 100% { transform: skewY(-2.2deg) scaleX(1); } 28% { transform: skewY(1.4deg) scaleX(0.96); } 55% { transform: skewY(2.6deg) scaleX(0.99); } 78% { transform: skewY(0.4deg) scaleX(0.95); } }
@keyframes mm-hjul { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes mm-stadsgang { 0% { opacity: 0; transform: translateX(24vw); } 7% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; transform: translateX(72vw); } }
@keyframes mm-bg-luta { 0%, 6% { transform: rotate(0deg); } 16%, 60% { transform: rotate(18deg); } 70%, 100% { transform: rotate(0deg); } }
@keyframes mm-bg-arm { 0%, 6% { transform: rotate(0deg); } 16%, 60% { transform: rotate(-22deg); } 70%, 100% { transform: rotate(0deg); } }
@keyframes mm-bg-stral { 0%, 18% { opacity: 0; stroke-dashoffset: 0; } 24% { opacity: 0.8; stroke-dashoffset: -6; } 56% { opacity: 0.8; stroke-dashoffset: -40; } 60%, 100% { opacity: 0; stroke-dashoffset: -40; } }
@keyframes mm-lm-lar-a { 0% { transform: rotate(0deg); } 10.41% { transform: rotate(0deg); } 11.38% { transform: rotate(-25deg); } 12.28% { transform: rotate(0deg); } 13.17% { transform: rotate(26deg); } 14.07% { transform: rotate(-2deg); } 14.96% { transform: rotate(-25deg); } 15.85% { transform: rotate(0deg); } 16.75% { transform: rotate(26deg); } 17.64% { transform: rotate(-2deg); } 18.54% { transform: rotate(-25deg); } 19.43% { transform: rotate(0deg); } 20.33% { transform: rotate(26deg); } 21.22% { transform: rotate(-2deg); } 22.11% { transform: rotate(-25deg); } 23.01% { transform: rotate(0deg); } 23.9% { transform: rotate(26deg); } 24.8% { transform: rotate(-2deg); } 25.69% { transform: rotate(-25deg); } 26.67% { transform: rotate(0deg); } 39.67% { transform: rotate(0deg); } 40.65% { transform: rotate(-25deg); } 41.54% { transform: rotate(0deg); } 42.44% { transform: rotate(26deg); } 43.33% { transform: rotate(-2deg); } 44.23% { transform: rotate(-25deg); } 45.2% { transform: rotate(0deg); } 57.97% { transform: rotate(0deg); } 58.94% { transform: rotate(-25deg); } 59.84% { transform: rotate(0deg); } 60.73% { transform: rotate(26deg); } 61.63% { transform: rotate(-2deg); } 62.52% { transform: rotate(-25deg); } 63.5% { transform: rotate(0deg); } 79.51% { transform: rotate(0deg); } 80.49% { transform: rotate(-25deg); } 81.38% { transform: rotate(0deg); } 82.28% { transform: rotate(26deg); } 83.17% { transform: rotate(-2deg); } 84.07% { transform: rotate(-25deg); } 84.96% { transform: rotate(0deg); } 85.85% { transform: rotate(26deg); } 86.75% { transform: rotate(-2deg); } 87.64% { transform: rotate(-25deg); } 88.54% { transform: rotate(0deg); } 89.43% { transform: rotate(26deg); } 90.33% { transform: rotate(-2deg); } 91.22% { transform: rotate(-25deg); } 92.11% { transform: rotate(0deg); } 93.01% { transform: rotate(26deg); } 93.9% { transform: rotate(-2deg); } 94.8% { transform: rotate(-25deg); } 95.77% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-lar-b { 0% { transform: rotate(0deg); } 10.41% { transform: rotate(0deg); } 11.38% { transform: rotate(26deg); } 12.28% { transform: rotate(-2deg); } 13.17% { transform: rotate(-25deg); } 14.07% { transform: rotate(0deg); } 14.96% { transform: rotate(26deg); } 15.85% { transform: rotate(-2deg); } 16.75% { transform: rotate(-25deg); } 17.64% { transform: rotate(0deg); } 18.54% { transform: rotate(26deg); } 19.43% { transform: rotate(-2deg); } 20.33% { transform: rotate(-25deg); } 21.22% { transform: rotate(0deg); } 22.11% { transform: rotate(26deg); } 23.01% { transform: rotate(-2deg); } 23.9% { transform: rotate(-25deg); } 24.8% { transform: rotate(0deg); } 25.69% { transform: rotate(26deg); } 26.67% { transform: rotate(0deg); } 39.67% { transform: rotate(0deg); } 40.65% { transform: rotate(26deg); } 41.54% { transform: rotate(-2deg); } 42.44% { transform: rotate(-25deg); } 43.33% { transform: rotate(0deg); } 44.23% { transform: rotate(26deg); } 45.2% { transform: rotate(0deg); } 57.97% { transform: rotate(0deg); } 58.94% { transform: rotate(26deg); } 59.84% { transform: rotate(-2deg); } 60.73% { transform: rotate(-25deg); } 61.63% { transform: rotate(0deg); } 62.52% { transform: rotate(26deg); } 63.5% { transform: rotate(0deg); } 79.51% { transform: rotate(0deg); } 80.49% { transform: rotate(26deg); } 81.38% { transform: rotate(-2deg); } 82.28% { transform: rotate(-25deg); } 83.17% { transform: rotate(0deg); } 84.07% { transform: rotate(26deg); } 84.96% { transform: rotate(-2deg); } 85.85% { transform: rotate(-25deg); } 86.75% { transform: rotate(0deg); } 87.64% { transform: rotate(26deg); } 88.54% { transform: rotate(-2deg); } 89.43% { transform: rotate(-25deg); } 90.33% { transform: rotate(0deg); } 91.22% { transform: rotate(26deg); } 92.11% { transform: rotate(-2deg); } 93.01% { transform: rotate(-25deg); } 93.9% { transform: rotate(0deg); } 94.8% { transform: rotate(26deg); } 95.77% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-sken-a { 0% { transform: rotate(0deg); } 10.41% { transform: rotate(0deg); } 11.38% { transform: rotate(4deg); } 12.28% { transform: rotate(4deg); } 13.17% { transform: rotate(12deg); } 13.67% { transform: rotate(50deg); } 14.39% { transform: rotate(22deg); } 14.96% { transform: rotate(4deg); } 15.85% { transform: rotate(4deg); } 16.75% { transform: rotate(12deg); } 17.25% { transform: rotate(50deg); } 17.96% { transform: rotate(22deg); } 18.54% { transform: rotate(4deg); } 19.43% { transform: rotate(4deg); } 20.33% { transform: rotate(12deg); } 20.83% { transform: rotate(50deg); } 21.54% { transform: rotate(22deg); } 22.11% { transform: rotate(4deg); } 23.01% { transform: rotate(4deg); } 23.9% { transform: rotate(12deg); } 24.4% { transform: rotate(50deg); } 25.12% { transform: rotate(22deg); } 25.69% { transform: rotate(4deg); } 26.67% { transform: rotate(0deg); } 39.67% { transform: rotate(0deg); } 40.65% { transform: rotate(4deg); } 41.54% { transform: rotate(4deg); } 42.44% { transform: rotate(12deg); } 42.94% { transform: rotate(50deg); } 43.66% { transform: rotate(22deg); } 44.23% { transform: rotate(4deg); } 45.2% { transform: rotate(0deg); } 57.97% { transform: rotate(0deg); } 58.94% { transform: rotate(4deg); } 59.84% { transform: rotate(4deg); } 60.73% { transform: rotate(12deg); } 61.23% { transform: rotate(50deg); } 61.95% { transform: rotate(22deg); } 62.52% { transform: rotate(4deg); } 63.5% { transform: rotate(0deg); } 79.51% { transform: rotate(0deg); } 80.49% { transform: rotate(4deg); } 81.38% { transform: rotate(4deg); } 82.28% { transform: rotate(12deg); } 82.78% { transform: rotate(50deg); } 83.49% { transform: rotate(22deg); } 84.07% { transform: rotate(4deg); } 84.96% { transform: rotate(4deg); } 85.85% { transform: rotate(12deg); } 86.35% { transform: rotate(50deg); } 87.07% { transform: rotate(22deg); } 87.64% { transform: rotate(4deg); } 88.54% { transform: rotate(4deg); } 89.43% { transform: rotate(12deg); } 89.93% { transform: rotate(50deg); } 90.65% { transform: rotate(22deg); } 91.22% { transform: rotate(4deg); } 92.11% { transform: rotate(4deg); } 93.01% { transform: rotate(12deg); } 93.51% { transform: rotate(50deg); } 94.22% { transform: rotate(22deg); } 94.8% { transform: rotate(4deg); } 95.77% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-sken-b { 0% { transform: rotate(0deg); } 10.41% { transform: rotate(0deg); } 11.38% { transform: rotate(12deg); } 11.88% { transform: rotate(50deg); } 12.6% { transform: rotate(22deg); } 13.17% { transform: rotate(4deg); } 14.07% { transform: rotate(4deg); } 14.96% { transform: rotate(12deg); } 15.46% { transform: rotate(50deg); } 16.18% { transform: rotate(22deg); } 16.75% { transform: rotate(4deg); } 17.64% { transform: rotate(4deg); } 18.54% { transform: rotate(12deg); } 19.04% { transform: rotate(50deg); } 19.75% { transform: rotate(22deg); } 20.33% { transform: rotate(4deg); } 21.22% { transform: rotate(4deg); } 22.11% { transform: rotate(12deg); } 22.61% { transform: rotate(50deg); } 23.33% { transform: rotate(22deg); } 23.9% { transform: rotate(4deg); } 24.8% { transform: rotate(4deg); } 25.69% { transform: rotate(12deg); } 26.67% { transform: rotate(0deg); } 39.67% { transform: rotate(0deg); } 40.65% { transform: rotate(12deg); } 41.15% { transform: rotate(50deg); } 41.87% { transform: rotate(22deg); } 42.44% { transform: rotate(4deg); } 43.33% { transform: rotate(4deg); } 44.23% { transform: rotate(12deg); } 45.2% { transform: rotate(0deg); } 57.97% { transform: rotate(0deg); } 58.94% { transform: rotate(12deg); } 59.44% { transform: rotate(50deg); } 60.16% { transform: rotate(22deg); } 60.73% { transform: rotate(4deg); } 61.63% { transform: rotate(4deg); } 62.52% { transform: rotate(12deg); } 63.5% { transform: rotate(0deg); } 79.51% { transform: rotate(0deg); } 80.49% { transform: rotate(12deg); } 80.99% { transform: rotate(50deg); } 81.7% { transform: rotate(22deg); } 82.28% { transform: rotate(4deg); } 83.17% { transform: rotate(4deg); } 84.07% { transform: rotate(12deg); } 84.57% { transform: rotate(50deg); } 85.28% { transform: rotate(22deg); } 85.85% { transform: rotate(4deg); } 86.75% { transform: rotate(4deg); } 87.64% { transform: rotate(12deg); } 88.14% { transform: rotate(50deg); } 88.86% { transform: rotate(22deg); } 89.43% { transform: rotate(4deg); } 90.33% { transform: rotate(4deg); } 91.22% { transform: rotate(12deg); } 91.72% { transform: rotate(50deg); } 92.44% { transform: rotate(22deg); } 93.01% { transform: rotate(4deg); } 93.9% { transform: rotate(4deg); } 94.8% { transform: rotate(12deg); } 95.77% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-fot-a { 0% { transform: rotate(0deg); } 10.41% { transform: rotate(0deg); } 11.38% { transform: rotate(-10deg); } 12.28% { transform: rotate(0deg); } 13.17% { transform: rotate(16deg); } 13.89% { transform: rotate(-6deg); } 14.96% { transform: rotate(-10deg); } 15.85% { transform: rotate(0deg); } 16.75% { transform: rotate(16deg); } 17.46% { transform: rotate(-6deg); } 18.54% { transform: rotate(-10deg); } 19.43% { transform: rotate(0deg); } 20.33% { transform: rotate(16deg); } 21.04% { transform: rotate(-6deg); } 22.11% { transform: rotate(-10deg); } 23.01% { transform: rotate(0deg); } 23.9% { transform: rotate(16deg); } 24.62% { transform: rotate(-6deg); } 25.69% { transform: rotate(-10deg); } 26.67% { transform: rotate(0deg); } 39.67% { transform: rotate(0deg); } 40.65% { transform: rotate(-10deg); } 41.54% { transform: rotate(0deg); } 42.44% { transform: rotate(16deg); } 43.15% { transform: rotate(-6deg); } 44.23% { transform: rotate(-10deg); } 45.2% { transform: rotate(0deg); } 57.97% { transform: rotate(0deg); } 58.94% { transform: rotate(-10deg); } 59.84% { transform: rotate(0deg); } 60.73% { transform: rotate(16deg); } 61.45% { transform: rotate(-6deg); } 62.52% { transform: rotate(-10deg); } 63.5% { transform: rotate(0deg); } 79.51% { transform: rotate(0deg); } 80.49% { transform: rotate(-10deg); } 81.38% { transform: rotate(0deg); } 82.28% { transform: rotate(16deg); } 82.99% { transform: rotate(-6deg); } 84.07% { transform: rotate(-10deg); } 84.96% { transform: rotate(0deg); } 85.85% { transform: rotate(16deg); } 86.57% { transform: rotate(-6deg); } 87.64% { transform: rotate(-10deg); } 88.54% { transform: rotate(0deg); } 89.43% { transform: rotate(16deg); } 90.15% { transform: rotate(-6deg); } 91.22% { transform: rotate(-10deg); } 92.11% { transform: rotate(0deg); } 93.01% { transform: rotate(16deg); } 93.72% { transform: rotate(-6deg); } 94.8% { transform: rotate(-10deg); } 95.77% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-fot-b { 0% { transform: rotate(0deg); } 10.41% { transform: rotate(0deg); } 11.38% { transform: rotate(16deg); } 12.1% { transform: rotate(-6deg); } 13.17% { transform: rotate(-10deg); } 14.07% { transform: rotate(0deg); } 14.96% { transform: rotate(16deg); } 15.67% { transform: rotate(-6deg); } 16.75% { transform: rotate(-10deg); } 17.64% { transform: rotate(0deg); } 18.54% { transform: rotate(16deg); } 19.25% { transform: rotate(-6deg); } 20.33% { transform: rotate(-10deg); } 21.22% { transform: rotate(0deg); } 22.11% { transform: rotate(16deg); } 22.83% { transform: rotate(-6deg); } 23.9% { transform: rotate(-10deg); } 24.8% { transform: rotate(0deg); } 25.69% { transform: rotate(16deg); } 26.67% { transform: rotate(0deg); } 39.67% { transform: rotate(0deg); } 40.65% { transform: rotate(16deg); } 41.37% { transform: rotate(-6deg); } 42.44% { transform: rotate(-10deg); } 43.33% { transform: rotate(0deg); } 44.23% { transform: rotate(16deg); } 45.2% { transform: rotate(0deg); } 57.97% { transform: rotate(0deg); } 58.94% { transform: rotate(16deg); } 59.66% { transform: rotate(-6deg); } 60.73% { transform: rotate(-10deg); } 61.63% { transform: rotate(0deg); } 62.52% { transform: rotate(16deg); } 63.5% { transform: rotate(0deg); } 79.51% { transform: rotate(0deg); } 80.49% { transform: rotate(16deg); } 81.2% { transform: rotate(-6deg); } 82.28% { transform: rotate(-10deg); } 83.17% { transform: rotate(0deg); } 84.07% { transform: rotate(16deg); } 84.78% { transform: rotate(-6deg); } 85.85% { transform: rotate(-10deg); } 86.75% { transform: rotate(0deg); } 87.64% { transform: rotate(16deg); } 88.36% { transform: rotate(-6deg); } 89.43% { transform: rotate(-10deg); } 90.33% { transform: rotate(0deg); } 91.22% { transform: rotate(16deg); } 91.93% { transform: rotate(-6deg); } 93.01% { transform: rotate(-10deg); } 93.9% { transform: rotate(0deg); } 94.8% { transform: rotate(16deg); } 95.77% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-arm-b { 0% { transform: rotate(0deg); } 10.41% { transform: rotate(0deg); } 11.38% { transform: rotate(30deg); } 13.17% { transform: rotate(-30deg); } 14.96% { transform: rotate(30deg); } 16.75% { transform: rotate(-30deg); } 18.54% { transform: rotate(30deg); } 20.33% { transform: rotate(-30deg); } 22.11% { transform: rotate(30deg); } 23.9% { transform: rotate(-30deg); } 25.69% { transform: rotate(30deg); } 26.67% { transform: rotate(0deg); } 39.67% { transform: rotate(0deg); } 40.65% { transform: rotate(30deg); } 42.44% { transform: rotate(-30deg); } 44.23% { transform: rotate(30deg); } 45.2% { transform: rotate(0deg); } 57.97% { transform: rotate(0deg); } 58.94% { transform: rotate(30deg); } 60.73% { transform: rotate(-30deg); } 62.52% { transform: rotate(30deg); } 63.5% { transform: rotate(0deg); } 79.51% { transform: rotate(0deg); } 80.49% { transform: rotate(30deg); } 82.28% { transform: rotate(-30deg); } 84.07% { transform: rotate(30deg); } 85.85% { transform: rotate(-30deg); } 87.64% { transform: rotate(30deg); } 89.43% { transform: rotate(-30deg); } 91.22% { transform: rotate(30deg); } 93.01% { transform: rotate(-30deg); } 94.8% { transform: rotate(30deg); } 95.77% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-kropp { 0% { transform: translateY(0px) rotate(0deg); } 0.81% { transform: translateY(0px) rotate(18deg); } 7.32% { transform: translateY(0px) rotate(18deg); } 8.13% { transform: translateY(0px) rotate(0deg); } 10.41% { transform: translateY(0px) rotate(0deg); } 11.38% { transform: translateY(3.2px) rotate(0deg); } 12.28% { transform: translateY(0px) rotate(0deg); } 13.17% { transform: translateY(3.2px) rotate(0deg); } 14.07% { transform: translateY(0px) rotate(0deg); } 14.96% { transform: translateY(3.2px) rotate(0deg); } 15.85% { transform: translateY(0px) rotate(0deg); } 16.75% { transform: translateY(3.2px) rotate(0deg); } 17.64% { transform: translateY(0px) rotate(0deg); } 18.54% { transform: translateY(3.2px) rotate(0deg); } 19.43% { transform: translateY(0px) rotate(0deg); } 20.33% { transform: translateY(3.2px) rotate(0deg); } 21.22% { transform: translateY(0px) rotate(0deg); } 22.11% { transform: translateY(3.2px) rotate(0deg); } 23.01% { transform: translateY(0px) rotate(0deg); } 23.9% { transform: translateY(3.2px) rotate(0deg); } 24.8% { transform: translateY(0px) rotate(0deg); } 25.69% { transform: translateY(3.2px) rotate(0deg); } 26.67% { transform: translateY(0px) rotate(0deg); } 29.27% { transform: translateY(0px) rotate(0deg); } 30.08% { transform: translateY(0px) rotate(18deg); } 36.59% { transform: translateY(0px) rotate(18deg); } 37.4% { transform: translateY(0px) rotate(0deg); } 39.67% { transform: translateY(0px) rotate(0deg); } 40.65% { transform: translateY(3.2px) rotate(0deg); } 41.54% { transform: translateY(0px) rotate(0deg); } 42.44% { transform: translateY(3.2px) rotate(0deg); } 43.33% { transform: translateY(0px) rotate(0deg); } 44.23% { transform: translateY(3.2px) rotate(0deg); } 45.2% { transform: translateY(0px) rotate(0deg); } 47.56% { transform: translateY(0px) rotate(0deg); } 48.37% { transform: translateY(0px) rotate(18deg); } 54.88% { transform: translateY(0px) rotate(18deg); } 55.69% { transform: translateY(0px) rotate(0deg); } 57.97% { transform: translateY(0px) rotate(0deg); } 58.94% { transform: translateY(3.2px) rotate(0deg); } 59.84% { transform: translateY(0px) rotate(0deg); } 60.73% { transform: translateY(3.2px) rotate(0deg); } 61.63% { transform: translateY(0px) rotate(0deg); } 62.52% { transform: translateY(3.2px) rotate(0deg); } 63.5% { transform: translateY(0px) rotate(0deg); } 65.85% { transform: translateY(0px) rotate(0deg); } 66.67% { transform: translateY(0px) rotate(18deg); } 76.02% { transform: translateY(0px) rotate(18deg); } 76.83% { transform: translateY(0px) rotate(0deg); } 79.51% { transform: translateY(0px) rotate(0deg); } 80.49% { transform: translateY(3.2px) rotate(0deg); } 81.38% { transform: translateY(0px) rotate(0deg); } 82.28% { transform: translateY(3.2px) rotate(0deg); } 83.17% { transform: translateY(0px) rotate(0deg); } 84.07% { transform: translateY(3.2px) rotate(0deg); } 84.96% { transform: translateY(0px) rotate(0deg); } 85.85% { transform: translateY(3.2px) rotate(0deg); } 86.75% { transform: translateY(0px) rotate(0deg); } 87.64% { transform: translateY(3.2px) rotate(0deg); } 88.54% { transform: translateY(0px) rotate(0deg); } 89.43% { transform: translateY(3.2px) rotate(0deg); } 90.33% { transform: translateY(0px) rotate(0deg); } 91.22% { transform: translateY(3.2px) rotate(0deg); } 92.11% { transform: translateY(0px) rotate(0deg); } 93.01% { transform: translateY(3.2px) rotate(0deg); } 93.9% { transform: translateY(0px) rotate(0deg); } 94.8% { transform: translateY(3.2px) rotate(0deg); } 95.77% { transform: translateY(0px) rotate(0deg); } 100% { transform: translateY(0px) rotate(0deg); } }
@keyframes mm-lm-arm-a { 0% { transform: rotate(0deg); } 0.81% { transform: rotate(-22deg); } 7.32% { transform: rotate(-22deg); } 8.29% { transform: rotate(0deg); } 10% { transform: rotate(0deg); } 10.98% { transform: rotate(-24deg); } 25.69% { transform: rotate(-24deg); } 26.67% { transform: rotate(0deg); } 29.11% { transform: rotate(0deg); } 30.08% { transform: rotate(-22deg); } 36.59% { transform: rotate(-22deg); } 37.56% { transform: rotate(0deg); } 39.27% { transform: rotate(0deg); } 40.24% { transform: rotate(-24deg); } 44.23% { transform: rotate(-24deg); } 45.2% { transform: rotate(0deg); } 47.4% { transform: rotate(0deg); } 48.37% { transform: rotate(-22deg); } 54.88% { transform: rotate(-22deg); } 55.85% { transform: rotate(0deg); } 57.56% { transform: rotate(0deg); } 58.54% { transform: rotate(-24deg); } 62.52% { transform: rotate(-24deg); } 63.5% { transform: rotate(0deg); } 65.69% { transform: rotate(0deg); } 66.67% { transform: rotate(-22deg); } 76.02% { transform: rotate(-22deg); } 76.99% { transform: rotate(0deg); } 78.29% { transform: rotate(0deg); } 79.27% { transform: rotate(-24deg); } 95.61% { transform: rotate(-24deg); } 96.59% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-ben1 { 0% { transform: rotate(0deg); } 11.63% { transform: rotate(0deg); } 12.6% { transform: rotate(-10.7deg); } 24.39% { transform: rotate(-10.7deg); } 25.37% { transform: rotate(0deg); } 40.08% { transform: rotate(0deg); } 41.06% { transform: rotate(-10.7deg); } 43.82% { transform: rotate(-10.7deg); } 44.8% { transform: rotate(0deg); } 58.37% { transform: rotate(0deg); } 59.35% { transform: rotate(-10.7deg); } 62.11% { transform: rotate(-10.7deg); } 63.09% { transform: rotate(0deg); } 80.33% { transform: rotate(0deg); } 81.3% { transform: rotate(-10.7deg); } 93.5% { transform: rotate(-10.7deg); } 94.47% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-ben3 { 0% { transform: rotate(0deg); } 11.63% { transform: rotate(0deg); } 12.6% { transform: rotate(10.8deg); } 24.39% { transform: rotate(10.8deg); } 25.37% { transform: rotate(0deg); } 40.08% { transform: rotate(0deg); } 41.06% { transform: rotate(10.8deg); } 43.82% { transform: rotate(10.8deg); } 44.8% { transform: rotate(0deg); } 58.37% { transform: rotate(0deg); } 59.35% { transform: rotate(10.8deg); } 62.11% { transform: rotate(10.8deg); } 63.09% { transform: rotate(0deg); } 80.33% { transform: rotate(0deg); } 81.3% { transform: rotate(10.8deg); } 93.5% { transform: rotate(10.8deg); } 94.47% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }
@keyframes mm-lm-trefot { 0% { transform: translate(0,0) rotate(0deg); } 10% { transform: translate(0,0) rotate(0deg); } 10.98% { transform: translate(4px,-1px) rotate(74.7deg); } 25.69% { transform: translate(4px,-1px) rotate(74.7deg); } 26.67% { transform: translate(0,0) rotate(0deg); } 39.27% { transform: translate(0,0) rotate(0deg); } 40.24% { transform: translate(4px,-1px) rotate(74.7deg); } 44.23% { transform: translate(4px,-1px) rotate(74.7deg); } 45.2% { transform: translate(0,0) rotate(0deg); } 57.56% { transform: translate(0,0) rotate(0deg); } 58.54% { transform: translate(4px,-1px) rotate(74.7deg); } 62.52% { transform: translate(4px,-1px) rotate(74.7deg); } 63.5% { transform: translate(0,0) rotate(0deg); } 78.29% { transform: translate(0,0) rotate(0deg); } 79.27% { transform: translate(4px,-1px) rotate(74.7deg); } 95.61% { transform: translate(4px,-1px) rotate(74.7deg); } 96.59% { transform: translate(0,0) rotate(0deg); } 100% { transform: translate(0,0) rotate(0deg); } }
@keyframes mm-lm-instr { 0% { transform: translate(0,0) rotate(0deg); } 8.37% { transform: translate(0,0) rotate(0deg); } 9.35% { transform: translate(-30px,28px) rotate(-8deg); } 27.32% { transform: translate(-30px,28px) rotate(-8deg); } 28.29% { transform: translate(0,0) rotate(0deg); } 37.64% { transform: translate(0,0) rotate(0deg); } 38.62% { transform: translate(-30px,28px) rotate(-8deg); } 45.85% { transform: translate(-30px,28px) rotate(-8deg); } 46.83% { transform: translate(0,0) rotate(0deg); } 55.93% { transform: translate(0,0) rotate(0deg); } 56.91% { transform: translate(-30px,28px) rotate(-8deg); } 64.15% { transform: translate(-30px,28px) rotate(-8deg); } 65.12% { transform: translate(0,0) rotate(0deg); } 76.67% { transform: translate(0,0) rotate(0deg); } 77.64% { transform: translate(-30px,28px) rotate(-8deg); } 97.24% { transform: translate(-30px,28px) rotate(-8deg); } 98.21% { transform: translate(0,0) rotate(0deg); } 100% { transform: translate(0,0) rotate(0deg); } }
@keyframes mm-lm-flytt { 0% { transform: translateX(0%); } 11.38% { transform: translateX(0%); } 25.69% { transform: translateX(24.6%); } 40.65% { transform: translateX(24.6%); } 44.23% { transform: translateX(29.2%); } 58.94% { transform: translateX(29.2%); } 62.52% { transform: translateX(33.8%); } 80.49% { transform: translateX(33.8%); } 94.8% { transform: translateX(0%); } 100% { transform: translateX(0%); } }
@keyframes mm-lm-vand { 0% { transform: scaleX(1); } 79.67% { transform: scaleX(1); } 80% { transform: scaleX(0); } 80.33% { transform: scaleX(-1); } 94.96% { transform: scaleX(-1); } 95.28% { transform: scaleX(0); } 95.61% { transform: scaleX(1); } 100% { transform: scaleX(1); } }
@keyframes mm-lm-stral { 0% { opacity: 0; stroke-dashoffset: 0; } 0.89% { opacity: 0; stroke-dashoffset: 0; } 1.54% { opacity: 0.85; stroke-dashoffset: -6; } 6.59% { opacity: 0.85; stroke-dashoffset: -40; } 6.91% { opacity: 0; stroke-dashoffset: -40; } 30.16% { opacity: 0; stroke-dashoffset: 0; } 30.81% { opacity: 0.85; stroke-dashoffset: -6; } 35.85% { opacity: 0.85; stroke-dashoffset: -40; } 36.18% { opacity: 0; stroke-dashoffset: -40; } 48.46% { opacity: 0; stroke-dashoffset: 0; } 49.11% { opacity: 0.85; stroke-dashoffset: -6; } 54.15% { opacity: 0.85; stroke-dashoffset: -40; } 54.47% { opacity: 0; stroke-dashoffset: -40; } 66.75% { opacity: 0; stroke-dashoffset: 0; } 67.4% { opacity: 0.85; stroke-dashoffset: -6; } 75.28% { opacity: 0.85; stroke-dashoffset: -40; } 75.61% { opacity: 0; stroke-dashoffset: -40; } 100% { opacity: 0; stroke-dashoffset: 0; } }
@keyframes mm-glar-a { 0% { transform: rotate(-25deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(26deg); } 75% { transform: rotate(-2deg); } 100% { transform: rotate(-25deg); } }
@keyframes mm-glar-b { 0% { transform: rotate(26deg); } 25% { transform: rotate(-2deg); } 50% { transform: rotate(-25deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(26deg); } }
@keyframes mm-gsken-a { 0% { transform: rotate(4deg); } 25% { transform: rotate(4deg); } 50% { transform: rotate(12deg); } 64% { transform: rotate(50deg); } 84% { transform: rotate(22deg); } 100% { transform: rotate(4deg); } }
@keyframes mm-gsken-b { 0% { transform: rotate(12deg); } 14% { transform: rotate(50deg); } 34% { transform: rotate(22deg); } 50% { transform: rotate(4deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(12deg); } }
@keyframes mm-gfot-a { 0% { transform: rotate(-10deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(16deg); } 70% { transform: rotate(-6deg); } 100% { transform: rotate(-10deg); } }
@keyframes mm-gfot-b { 0% { transform: rotate(16deg); } 20% { transform: rotate(-6deg); } 50% { transform: rotate(-10deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(16deg); } }
@keyframes mm-garm-a { 0% { transform: rotate(30deg); } 50% { transform: rotate(-30deg); } 100% { transform: rotate(30deg); } }
@keyframes mm-garm-b { 0% { transform: rotate(-30deg); } 50% { transform: rotate(30deg); } 100% { transform: rotate(-30deg); } }
@keyframes mm-gkropp { 0% { transform: translateY(3.2px) rotate(2deg); } 25% { transform: translateY(0px) rotate(1.4deg); } 50% { transform: translateY(3.2px) rotate(2deg); } 75% { transform: translateY(0px) rotate(2.6deg); } 100% { transform: translateY(3.2px) rotate(2deg); } }
@keyframes mm-jlar-a { 0% { transform: rotate(-22deg); } 15% { transform: rotate(0deg); } 30% { transform: rotate(26deg); } 50% { transform: rotate(5deg); } 70% { transform: rotate(-32deg); } 100% { transform: rotate(-22deg); } }
@keyframes mm-jlar-b { 0% { transform: rotate(5deg); } 20% { transform: rotate(-32deg); } 50% { transform: rotate(-22deg); } 65% { transform: rotate(0deg); } 80% { transform: rotate(26deg); } 100% { transform: rotate(5deg); } }
@keyframes mm-jsken-a { 0% { transform: rotate(25deg); } 15% { transform: rotate(20deg); } 30% { transform: rotate(14deg); } 50% { transform: rotate(95deg); } 70% { transform: rotate(45deg); } 100% { transform: rotate(25deg); } }
@keyframes mm-jsken-b { 0% { transform: rotate(95deg); } 20% { transform: rotate(45deg); } 50% { transform: rotate(25deg); } 65% { transform: rotate(20deg); } 80% { transform: rotate(14deg); } 100% { transform: rotate(95deg); } }
@keyframes mm-jfot-a { 0% { transform: rotate(-6deg); } 15% { transform: rotate(0deg); } 30% { transform: rotate(20deg); } 50% { transform: rotate(-10deg); } 70% { transform: rotate(-14deg); } 100% { transform: rotate(-6deg); } }
@keyframes mm-jfot-b { 0% { transform: rotate(-10deg); } 20% { transform: rotate(-14deg); } 50% { transform: rotate(-6deg); } 65% { transform: rotate(0deg); } 80% { transform: rotate(20deg); } 100% { transform: rotate(-10deg); } }
@keyframes mm-jarm-a { 0% { transform: rotate(30deg); } 50% { transform: rotate(-30deg); } 100% { transform: rotate(30deg); } }
@keyframes mm-jarm-b { 0% { transform: rotate(-30deg); } 50% { transform: rotate(30deg); } 100% { transform: rotate(-30deg); } }
@keyframes mm-jkropp { 0% { transform: translateY(1.3px) rotate(5deg); } 15% { transform: translateY(1.1px) rotate(4.4deg); } 40% { transform: translateY(-3.5px) rotate(5deg); } 50% { transform: translateY(1.3px) rotate(5deg); } 65% { transform: translateY(1.1px) rotate(5.6deg); } 90% { transform: translateY(-3.5px) rotate(5deg); } 100% { transform: translateY(1.3px) rotate(5deg); } }
@keyframes mm-slar-a { 0% { transform: rotate(-38deg); } 12% { transform: rotate(0deg); } 28% { transform: rotate(42deg); } 48% { transform: rotate(24deg); } 68% { transform: rotate(-52deg); } 100% { transform: rotate(-38deg); } }
@keyframes mm-slar-b { 0% { transform: rotate(24deg); } 18% { transform: rotate(-52deg); } 50% { transform: rotate(-38deg); } 62% { transform: rotate(0deg); } 78% { transform: rotate(42deg); } 100% { transform: rotate(24deg); } }
@keyframes mm-ssken-a { 0% { transform: rotate(40deg); } 12% { transform: rotate(30deg); } 28% { transform: rotate(18deg); } 48% { transform: rotate(135deg); } 68% { transform: rotate(66deg); } 100% { transform: rotate(40deg); } }
@keyframes mm-ssken-b { 0% { transform: rotate(135deg); } 18% { transform: rotate(66deg); } 50% { transform: rotate(40deg); } 62% { transform: rotate(30deg); } 78% { transform: rotate(18deg); } 100% { transform: rotate(135deg); } }
@keyframes mm-sfot-a { 0% { transform: rotate(-4deg); } 12% { transform: rotate(4deg); } 28% { transform: rotate(26deg); } 48% { transform: rotate(-16deg); } 68% { transform: rotate(-18deg); } 100% { transform: rotate(-4deg); } }
@keyframes mm-sfot-b { 0% { transform: rotate(-16deg); } 18% { transform: rotate(-18deg); } 50% { transform: rotate(-4deg); } 62% { transform: rotate(4deg); } 78% { transform: rotate(26deg); } 100% { transform: rotate(-16deg); } }
@keyframes mm-sarm-a { 0% { transform: rotate(46deg); } 50% { transform: rotate(-46deg); } 100% { transform: rotate(46deg); } }
@keyframes mm-sarm-b { 0% { transform: rotate(-46deg); } 50% { transform: rotate(46deg); } 100% { transform: rotate(-46deg); } }
@keyframes mm-skropp { 0% { transform: translateY(4.4px) rotate(11deg); } 12% { transform: translateY(2.4px) rotate(10.2deg); } 36% { transform: translateY(-6.5px) rotate(11deg); } 50% { transform: translateY(4.4px) rotate(11deg); } 62% { transform: translateY(2.4px) rotate(11.8deg); } 86% { transform: translateY(-6.5px) rotate(11deg); } 100% { transform: translateY(4.4px) rotate(11deg); } }
@keyframes mm-clar-c { 0% { transform: rotate(-69.4deg); } 12.5% { transform: rotate(-45.5deg); } 25% { transform: rotate(-35.09deg); } 37.5% { transform: rotate(-40.27deg); } 50% { transform: rotate(-52.19deg); } 62.5% { transform: rotate(-72.38deg); } 75% { transform: rotate(-92.05deg); } 87.5% { transform: rotate(-89.17deg); } 100% { transform: rotate(-69.4deg); } }
@keyframes mm-clar-d { 0% { transform: rotate(-52.19deg); } 12.5% { transform: rotate(-72.38deg); } 25% { transform: rotate(-92.05deg); } 37.5% { transform: rotate(-89.17deg); } 50% { transform: rotate(-69.4deg); } 62.5% { transform: rotate(-45.5deg); } 75% { transform: rotate(-35.09deg); } 87.5% { transform: rotate(-40.27deg); } 100% { transform: rotate(-52.19deg); } }
@keyframes mm-csken-c { 0% { transform: rotate(62.6deg); } 12.5% { transform: rotate(33.8deg); } 25% { transform: rotate(34.74deg); } 37.5% { transform: rotate(63.8deg); } 50% { transform: rotate(95.1deg); } 62.5% { transform: rotate(117.26deg); } 75% { transform: rotate(116.72deg); } 87.5% { transform: rotate(94deg); } 100% { transform: rotate(62.6deg); } }
@keyframes mm-csken-d { 0% { transform: rotate(95.1deg); } 12.5% { transform: rotate(117.26deg); } 25% { transform: rotate(116.72deg); } 37.5% { transform: rotate(94deg); } 50% { transform: rotate(62.6deg); } 62.5% { transform: rotate(33.8deg); } 75% { transform: rotate(34.74deg); } 87.5% { transform: rotate(63.8deg); } 100% { transform: rotate(95.1deg); } }
@keyframes mm-cfot-c { 0% { transform: rotate(16.8deg); } 12.5% { transform: rotate(21.7deg); } 25% { transform: rotate(10.35deg); } 37.5% { transform: rotate(-13.53deg); } 50% { transform: rotate(-32.91deg); } 62.5% { transform: rotate(-34.88deg); } 75% { transform: rotate(-14.67deg); } 87.5% { transform: rotate(5.17deg); } 100% { transform: rotate(16.8deg); } }
@keyframes mm-cfot-d { 0% { transform: rotate(-32.91deg); } 12.5% { transform: rotate(-34.88deg); } 25% { transform: rotate(-14.67deg); } 37.5% { transform: rotate(5.17deg); } 50% { transform: rotate(16.8deg); } 62.5% { transform: rotate(21.7deg); } 75% { transform: rotate(10.35deg); } 87.5% { transform: rotate(-13.53deg); } 100% { transform: rotate(-32.91deg); } }
@keyframes mm-cvev-c { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes mm-cvev-d { from { transform: rotate(180deg); } to { transform: rotate(540deg); } }
@keyframes mm-dben-a { 0% { transform: rotate(-20deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(20deg); } 75% { transform: rotate(-2deg); } 100% { transform: rotate(-20deg); } }
@keyframes mm-dben-b { 0% { transform: rotate(20deg); } 25% { transform: rotate(-2deg); } 50% { transform: rotate(-20deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(20deg); } }
@keyframes mm-dkna-a { 0% { transform: rotate(6deg); } 25% { transform: rotate(4deg); } 50% { transform: rotate(10deg); } 65% { transform: rotate(38deg); } 85% { transform: rotate(18deg); } 100% { transform: rotate(6deg); } }
@keyframes mm-dkna-b { 0% { transform: rotate(10deg); } 15% { transform: rotate(38deg); } 35% { transform: rotate(18deg); } 50% { transform: rotate(6deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(10deg); } }
@keyframes mm-dhip-a { 0% { transform: rotate(-16deg); } 25% { transform: rotate(0deg); } 50% { transform: rotate(16deg); } 75% { transform: rotate(-2deg); } 100% { transform: rotate(-16deg); } }
@keyframes mm-dhip-b { 0% { transform: rotate(16deg); } 25% { transform: rotate(-2deg); } 50% { transform: rotate(-16deg); } 75% { transform: rotate(0deg); } 100% { transform: rotate(16deg); } }
@keyframes mm-dhock-a { 0% { transform: rotate(8deg); } 25% { transform: rotate(4deg); } 50% { transform: rotate(12deg); } 65% { transform: rotate(34deg); } 85% { transform: rotate(16deg); } 100% { transform: rotate(8deg); } }
@keyframes mm-dhock-b { 0% { transform: rotate(12deg); } 15% { transform: rotate(34deg); } 35% { transform: rotate(16deg); } 50% { transform: rotate(8deg); } 75% { transform: rotate(4deg); } 100% { transform: rotate(12deg); } }
@keyframes mm-dsvans { 0% { transform: rotate(-9deg); } 50% { transform: rotate(9deg); } 100% { transform: rotate(-9deg); } }
@keyframes mm-dkropp { 0% { transform: translateY(0.7px); } 25% { transform: translateY(0px); } 50% { transform: translateY(0.7px); } 75% { transform: translateY(0px); } 100% { transform: translateY(0.7px); } }
@keyframes mm-koppel { 0% { transform: translateY(0.5px); } 50% { transform: translateY(-0.4px); } 100% { transform: translateY(0.5px); } }
@keyframes mm-lar-a { 0% { transform: rotate(-26deg); } 25% { transform: rotate(-4deg); } 50% { transform: rotate(25deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(-26deg); } }
@keyframes mm-lar-b { 0% { transform: rotate(25deg); } 25% { transform: rotate(2deg); } 50% { transform: rotate(-26deg); } 75% { transform: rotate(-4deg); } 100% { transform: rotate(25deg); } }
@keyframes mm-skenb-a { 0% { transform: rotate(3deg); } 18% { transform: rotate(1deg); } 42% { transform: rotate(6deg); } 60% { transform: rotate(42deg); } 82% { transform: rotate(20deg); } 100% { transform: rotate(3deg); } }
@keyframes mm-skenb-b { 0% { transform: rotate(6deg); } 10% { transform: rotate(42deg); } 32% { transform: rotate(20deg); } 50% { transform: rotate(3deg); } 68% { transform: rotate(1deg); } 92% { transform: rotate(6deg); } 100% { transform: rotate(6deg); } }
@keyframes mm-overarm-a { 0% { transform: rotate(26deg); } 50% { transform: rotate(-24deg); } 100% { transform: rotate(26deg); } }
@keyframes mm-overarm-b { 0% { transform: rotate(-24deg); } 50% { transform: rotate(26deg); } 100% { transform: rotate(-24deg); } }
@keyframes mm-underarm-a { 0% { transform: rotate(-10deg); } 50% { transform: rotate(-24deg); } 100% { transform: rotate(-10deg); } }
@keyframes mm-underarm-b { 0% { transform: rotate(-24deg); } 50% { transform: rotate(-10deg); } 100% { transform: rotate(-24deg); } }
@keyframes mm-kropp { 0% { transform: translateY(-0.8px) rotate(3deg); } 25% { transform: translateY(0.2px) rotate(2.4deg); } 50% { transform: translateY(-0.8px) rotate(3deg); } 75% { transform: translateY(0.2px) rotate(3.6deg); } 100% { transform: translateY(-0.8px) rotate(3deg); } }
@keyframes mm-ben-a { 0%, 100% { transform: rotate(20deg); } 50% { transform: rotate(-20deg); } }
@keyframes mm-ben-b { 0%, 100% { transform: rotate(-20deg); } 50% { transform: rotate(20deg); } }
@keyframes mm-arm-a { 0%, 100% { transform: rotate(-14deg); } 50% { transform: rotate(14deg); } }
@keyframes mm-arm-b { 0%, 100% { transform: rotate(14deg); } 50% { transform: rotate(-14deg); } }
@keyframes mm-rotor { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(0.18); } }
@keyframes mm-heli { 0% { transform: translateX(-32vw); } 16% { transform: translateX(24vw); } 26% { transform: translateX(27vw); } 48% { transform: translateX(66vw); } 58% { transform: translateX(69vw); } 80%, 100% { transform: translateX(132vw); } }
@keyframes mm-jobbar {
      0% { opacity: 0; transform: translate(0, 0); }
      5%, 15% { opacity: 1; transform: translate(0, 0); }
      19%, 31% { opacity: 1; transform: translate(-19vw, -26px); }
      35%, 44% { opacity: 1; transform: translate(-38vw, 12px); }
      49%, 100% { opacity: 0; transform: translate(-52vw, 26px); }
    }
@keyframes mm-star { 0%, 15% { opacity: 1; } 16%, 18% { opacity: 0; } 20%, 31% { opacity: 1; } 32%, 34% { opacity: 0; } 36%, 44% { opacity: 1; } 45%, 47% { opacity: 0; } 49%, 100% { opacity: 1; } }
@keyframes mm-gar { 0%, 15% { opacity: 0; } 16%, 18% { opacity: 1; } 20%, 31% { opacity: 0; } 32%, 34% { opacity: 1; } 36%, 44% { opacity: 0; } 45%, 47% { opacity: 1; } 49%, 100% { opacity: 0; } }
@keyframes mm-raket {
      0%, 25.9% { opacity: 0; transform: translateY(0) scale(1); }
      26.00% { opacity: 1; transform: translateY(0px) scale(1.00); }
      26.75% { opacity: 1; transform: translateY(-7px) scale(0.93); }
      27.50% { opacity: 1; transform: translateY(-29px) scale(0.86); }
      28.25% { opacity: 1; transform: translateY(-66px) scale(0.79); }
      29.00% { opacity: 1; transform: translateY(-118px) scale(0.72); }
      29.75% { opacity: 1; transform: translateY(-184px) scale(0.66); }
      30.50% { opacity: 1; transform: translateY(-264px) scale(0.59); }
      31.25% { opacity: 1; transform: translateY(-360px) scale(0.52); }
      32.00% { opacity: 0; transform: translateY(-470px) scale(0.45); }
      32.4%, 100% { opacity: 0; transform: translateY(-470px) scale(0.45); }
    }
@keyframes mm-laga { 0%, 100% { transform: scaleY(1); opacity: 0.9; } 50% { transform: scaleY(0.6); opacity: 0.6; } }
@keyframes mm-meteor-a { 0%, 58% { opacity: 0; transform: translate(0, 0); } 58.12% { opacity: 0.95; } 58.90%, 100% { opacity: 0; transform: translate(-300px, 190px); } }
@keyframes mm-meteor-b { 0%, 28% { opacity: 0; transform: translate(0, 0); } 28.12% { opacity: 0.95; } 28.90%, 100% { opacity: 0; transform: translate(-260px, 150px); } }
@keyframes mm-meteor-c { 0%, 38% { opacity: 0; transform: translate(0, 0); } 38.12% { opacity: 0.95; } 38.90%, 100% { opacity: 0; transform: translate(-340px, 210px); } }
@keyframes mm-meteor-d { 0%, 22% { opacity: 0; transform: translate(0, 0); } 22.12% { opacity: 0.95; } 22.90%, 100% { opacity: 0; transform: translate(-280px, 170px); } }
@keyframes mm-traktor { 0% { transform: translate(calc(0 * var(--sw, 0px) / 100), 0px); } 44% { transform: translate(calc(69 * var(--sw, 0px) / 100), 0px); } 50% { transform: translate(calc(69 * var(--sw, 0px) / 100), -6px); } 94% { transform: translate(calc(0 * var(--sw, 0px) / 100), -6px); } 100% { transform: translate(calc(0 * var(--sw, 0px) / 100), 0px); } }
@keyframes mm-traktor-vand { 0%, 44% { transform: scaleX(1); } 45.6% { transform: scaleX(0.08); } 47%, 94% { transform: scaleX(-1); } 95.6% { transform: scaleX(0.08); } 97%, 100% { transform: scaleX(1); } }
@keyframes mm-norrsken { 0%, 83% { opacity: 0; } 86%, 94.5% { opacity: 1; } 96.8%, 100% { opacity: 0; } }
@keyframes mm-fagel-h { from { transform: translate(-24vw, 26px); } to { transform: translate(122vw, -34px); } }
@keyframes mm-fagel-v { from { transform: translate(120vw, -22px); } to { transform: translate(-26vw, 30px); } }
@keyframes mm-vinge-a { 0%, 100% { transform: rotate(-30deg); } 50% { transform: rotate(22deg); } }
@keyframes mm-vinge-b { 0%, 100% { transform: rotate(30deg); } 50% { transform: rotate(-22deg); } }
@keyframes mm-dagsljus-ljus { 0%, 40% { filter: brightness(1.05) saturate(1.03); } 50%, 90% { filter: brightness(0.9) saturate(0.93); } 100% { filter: brightness(1.05) saturate(1.03); } }
@keyframes mm-natt-svag { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 0.85; } 100% { opacity: 0; } }
@keyframes mm-norrsken-ljus { 0%, 83% { opacity: 0; } 86%, 94.5% { opacity: 0.42; } 96.8%, 100% { opacity: 0; } }
@keyframes mm-sond-ljus { 0% { opacity: 0; transform: rotate(-7deg) scaleY(0.5); } 12% { opacity: 1; transform: rotate(-5deg) scaleY(1); } 50% { opacity: 0.94; transform: rotate(8deg) scaleY(1); } 84% { opacity: 0.9; transform: rotate(-4deg) scaleY(1); } 100% { opacity: 0; transform: rotate(-7deg) scaleY(0.5); } }
@keyframes mm-ring-ljus { 0%, 87.6% { opacity: 0; transform: scale(0.25); } 88.4% { opacity: 0.95; transform: scale(0.5); } 92%, 100% { opacity: 0; transform: scale(1.9); } }
@keyframes mm-ring-sen-ljus { 0%, 95.6% { opacity: 0; transform: scale(0.25); } 96.4% { opacity: 1; transform: scale(0.55); } 100% { opacity: 0; transform: scale(2); } }
@keyframes mm-ring-lugn-ljus { 0% { opacity: 0; transform: scale(0.3); } 18% { opacity: 0.8; } 70%, 100% { opacity: 0; transform: scale(1.8); } }
@keyframes mm-puls-ljus { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }
@keyframes mm-vaja { 0%, 100% { transform: translateX(-8px) scaleY(0.94); opacity: 0.86; } 50% { transform: translateX(9px) scaleY(1.12); opacity: 1; } }
[data-theme="light"] [data-mm="sond"] { background: linear-gradient(to bottom, rgba(182,92,58,0.42), rgba(182,92,58,0.13) 62%, rgba(182,92,58,0)) !important; animation-name: mm-sond-ljus !important; }
[data-theme="light"] [data-mm="sondlinje"] { background: rgba(143,69,39,0.8) !important; }
[data-theme="light"] [data-mm="sjo"] path:first-child { fill: rgba(11,31,58,0.055) !important; stroke: rgba(11,31,58,0.34) !important; }
[data-theme="light"] [data-mm="sjo"] path + path { stroke: rgba(11,31,58,0.42) !important; }
[data-theme="light"] [data-mm="sjo"] > span { border-color: rgba(11,31,58,0.6) !important; }
[data-theme="light"] [data-mm="sjo"] > span[style*="mm-ring calc"] { animation-name: mm-ring-ljus !important; }
[data-theme="light"] [data-mm="sjo"] > span[style*="mm-ring-sen"] { animation-name: mm-ring-sen-ljus !important; }
[data-theme="light"] [data-mm="sjo"] > span[style*="mm-ring-lugn"] { animation-name: mm-ring-lugn-ljus !important; }
[data-theme="light"] [data-mm="blaljus"] { fill: #2f5fa8 !important; }
[data-theme="light"] [data-mm="blaljus-sken"] { fill: rgba(47,95,168,0.42) !important; }
[data-theme="light"] [data-mm="fagel"] { color: var(--fg-3, #22304a) !important; opacity: 0.85 !important; }
[data-theme="light"] [data-mm="fagel"][style*="mm-fagel-v"] { opacity: 0.5 !important; }
[data-theme="light"] [data-mm="fagel"] span span { border-top-width: 1.6px !important; }
[data-theme="light"] [data-mm="ralsline"] { background: rgba(11,31,58,0.45) !important; }
[data-theme="light"] [data-mm="sliprar"] { background-image: repeating-linear-gradient(to right, rgba(11,31,58,0.34) 0 2px, transparent 2px 14px) !important; }
[data-theme="light"] [data-mm="vagkant"] { background: rgba(11,31,58,0.4) !important; }
[data-theme="light"] [data-mm="mittlinje"] { background-image: repeating-linear-gradient(to right, rgba(11,31,58,0.38) 0 22px, transparent 22px 44px) !important; }
[data-theme="light"] [data-mm="nybygge"] { color: var(--fg-5, #4f5768) !important; opacity: 0.72 !important; }
[data-theme="light"] [data-mm="sky-bas"] { background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.9) 44%, rgba(255,255,255,0.82) 100%) !important; }
[data-theme="light"] [data-mm="sky-natt"] { background: linear-gradient(180deg, rgba(11,31,58,0.52) 0%, rgba(11,31,58,0.3) 38%, rgba(11,31,58,0.19) 66%, rgba(11,31,58,0.26) 100%) !important; }
[data-theme="light"] [data-mm="sky-dag"] { background: radial-gradient(120% 80% at 72% 8%, rgba(182,92,58,0.07) 0%, rgba(182,92,58,0.025) 42%, rgba(182,92,58,0) 76%) !important; }
[data-theme="light"] [data-mm="stjarnor"] { animation-name: mm-natt-svag !important; }
[data-theme="light"] [data-mm="stjarnor"] span { background: rgba(255,255,255,0.96) !important; box-shadow: 0 0 5px 1px rgba(255,255,255,0.55) !important; animation-name: mm-puls-ljus !important; }
[data-theme="light"] [data-mm="norrsken"] { animation-name: mm-norrsken-ljus !important; }
[data-theme="light"] [data-mm="meteor"] span { background: rgba(11,31,58,0.55) !important; }
[data-theme="light"] [data-mm="meteor"] span:first-child { background: linear-gradient(to right, rgba(11,31,58,0.45), rgba(11,31,58,0)) !important; }
[data-theme="light"] [data-mm="sol"] { background: radial-gradient(closest-side, rgba(182,92,58,0.85), rgba(182,92,58,0.3) 58%, rgba(182,92,58,0) 100%) !important; box-shadow: 0 0 70px 18px rgba(182,92,58,0.1) !important; }
[data-theme="light"] [data-mm="mane"] { box-shadow: 0 0 44px 12px rgba(255,255,255,0.55) !important; }
[data-theme="light"] [data-mm="mane"] span:first-child { background: rgba(255,255,255,0.96) !important; box-shadow: none !important; -webkit-mask-image: radial-gradient(circle 20px at 32px 15px, transparent 99.5%, #000 100%) !important; mask-image: radial-gradient(circle 20px at 32px 15px, transparent 99.5%, #000 100%) !important; }
[data-theme="light"] [data-mm="mane"] span:last-child { display: none !important; }
[data-theme="light"] [data-mm="moln"] span { background: rgba(11,31,58,0.055) !important; }
/* Prestanda (2026-09-15): dygnsljuset var en filter-animation (brightness/saturate) på
   HELA scenens container — 800 element rastrerades om genom filtret varje frame, 290 ms
   per frame vid 4× CPU-strypning. Borttagen: nattens mörker bärs redan av sky-natt-lagrets
   opacitet. Scenen pausas dessutom när heron är utanför vyn (js/ny-scen.js sätter is-paus). */
/* Inga animationer INNE i <svg> (lemmar, hjul, fönster, lampor): SVG-interna
   animationer går på huvudtråden och målar om lagret varje frame — en ensam
   roterande hjul-<g> mätte 37 ms/frame i Chrome 2026-09-15. Figurerna och
   fordonen rör sig ändå (deras HTML-behållare animeras av kompositorn). */
#ny-scen svg * { animation: none !important; }
.ny-hero__dygn.is-paus *, .ny-hero__dygn.is-paus *::before, .ny-hero__dygn.is-paus *::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .ny-hero__scen *, .ny-hero__scen *::before, .ny-hero__scen *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; } }