/* Opaque paper mattes from the original 48 reference frames; padded cells prevent sprite bleed. */
.learning-reference-flap { transform: translate(-8px, -8px); }
@keyframes learning-reference-flap {
  0.00000% { transform: translate(-8px, -8px); }
  2.08333% { transform: translate(-464px, -8px); }
  4.16667% { transform: translate(-920px, -8px); }
  6.25000% { transform: translate(-1376px, -8px); }
  8.33333% { transform: translate(-1832px, -8px); }
  10.41667% { transform: translate(-2288px, -8px); }
  12.50000% { transform: translate(-2744px, -8px); }
  14.58333% { transform: translate(-3200px, -8px); }
  16.66667% { transform: translate(-8px, -254px); }
  18.75000% { transform: translate(-464px, -254px); }
  20.83333% { transform: translate(-920px, -254px); }
  22.91667% { transform: translate(-1376px, -254px); }
  25.00000% { transform: translate(-1832px, -254px); }
  27.08333% { transform: translate(-2288px, -254px); }
  29.16667% { transform: translate(-2744px, -254px); }
  31.25000% { transform: translate(-3200px, -254px); }
  33.33333% { transform: translate(-8px, -500px); }
  35.41667% { transform: translate(-464px, -500px); }
  37.50000% { transform: translate(-920px, -500px); }
  39.58333% { transform: translate(-1376px, -500px); }
  41.66667% { transform: translate(-1832px, -500px); }
  43.75000% { transform: translate(-2288px, -500px); }
  45.83333% { transform: translate(-2744px, -500px); }
  47.91667% { transform: translate(-3200px, -500px); }
  50.00000% { transform: translate(-8px, -746px); }
  52.08333% { transform: translate(-464px, -746px); }
  54.16667% { transform: translate(-920px, -746px); }
  56.25000% { transform: translate(-1376px, -746px); }
  58.33333% { transform: translate(-1832px, -746px); }
  60.41667% { transform: translate(-2288px, -746px); }
  62.50000% { transform: translate(-2744px, -746px); }
  64.58333% { transform: translate(-3200px, -746px); }
  66.66667% { transform: translate(-8px, -992px); }
  68.75000% { transform: translate(-464px, -992px); }
  70.83333% { transform: translate(-920px, -992px); }
  72.91667% { transform: translate(-1376px, -992px); }
  75.00000% { transform: translate(-1832px, -992px); }
  77.08333% { transform: translate(-2288px, -992px); }
  79.16667% { transform: translate(-2744px, -992px); }
  81.25000% { transform: translate(-3200px, -992px); }
  83.33333% { transform: translate(-8px, -1238px); }
  85.41667% { transform: translate(-464px, -1238px); }
  87.50000% { transform: translate(-920px, -1238px); }
  89.58333% { transform: translate(-1376px, -1238px); }
  91.66667% { transform: translate(-1832px, -1238px); }
  93.75000% { transform: translate(-2288px, -1238px); }
  95.83333% { transform: translate(-2744px, -1238px); }
  97.91667% { transform: translate(-3200px, -1238px); }
  100% { transform: translate(-8px, -8px); }
}