/* Made by tools/site/build.py from the game's logo. */
.logo { position: relative; display: block; aspect-ratio: 1126 / 326; margin: 0; }
.logo img { position: absolute; height: auto; max-width: none;
  animation: letter-in 560ms cubic-bezier(0.3, 1.5, 0.5, 1) both, letter-sway 3.4s ease-in-out infinite; }
.logo .l0 { left: -3.020%; top: -29.141%; width: 22.735%; transform-origin: 50.0% 52.5%; animation-delay: 0ms, 600ms; }
.logo .l1 { left: 9.769%; top: -29.141%; width: 21.314%; transform-origin: 50.0% 52.5%; animation-delay: 70ms, 810ms; }
.logo .l2 { left: 21.137%; top: -29.141%; width: 15.453%; transform-origin: 50.0% 52.5%; animation-delay: 140ms, 1020ms; }
.logo .l3 { left: 26.643%; top: -29.141%; width: 27.798%; transform-origin: 50.0% 52.5%; animation-delay: 210ms, 1230ms; }
.logo .l4 { left: 44.494%; top: -29.141%; width: 15.453%; transform-origin: 50.0% 52.5%; animation-delay: 280ms, 1440ms; }
.logo .l5 { left: 50.000%; top: -29.141%; width: 25.044%; transform-origin: 50.0% 52.5%; animation-delay: 350ms, 1650ms; }
.logo .l6 { left: 65.098%; top: -29.141%; width: 24.778%; transform-origin: 50.0% 52.5%; animation-delay: 420ms, 1860ms; }
.logo .l7 { left: 79.929%; top: -29.141%; width: 22.735%; transform-origin: 50.0% 52.5%; animation-delay: 490ms, 2070ms; }
@keyframes letter-in { from { opacity: 0; translate: 0 -60%; scale: 1 0.4; } to { opacity: 1; translate: 0 0; scale: 1 1; } }
@keyframes letter-sway { 0%, 100% { rotate: -2.2deg; } 50% { rotate: 2.2deg; } }