/* Generated by tools/make_web_art.py (do not edit). One rule per reset medal: its strip in img/ is
   played one frame per game tick (50 ms), like the material's own animation in game. */
.medal i { display: block; width: 32px; height: 32px; image-rendering: pixelated;
  background-repeat: no-repeat; background-size: 32px auto; }
.medal .m-stone { background-image: url(img/medal-stone.png); }
.medal .m-copper { background-image: url(img/medal-copper.png); }
.medal .m-iron { background-image: url(img/medal-iron.png); }
.medal .m-gold { background-image: url(img/medal-gold.png); }
.medal .m-diamond { background-image: url(img/medal-diamond.png); }
.medal .m-mithril { background-image: url(img/medal-mithril.png); animation: m-mithril 3.00s steps(60) infinite; }
@keyframes m-mithril { to { background-position: 0 -1920px; } }
.medal .m-orichalcum { background-image: url(img/medal-orichalcum.png); animation: m-orichalcum 3.50s steps(70) infinite; }
@keyframes m-orichalcum { to { background-position: 0 -2240px; } }
.medal .m-magisteel { background-image: url(img/medal-magisteel.png); animation: m-magisteel 3.00s steps(60) infinite; }
@keyframes m-magisteel { to { background-position: 0 -1920px; } }
.medal .m-adamantite { background-image: url(img/medal-adamantite.png); filter: drop-shadow(0 0 2px rgba(90, 230, 150, 0.55)); animation: m-adamantite 3.50s steps(70) infinite; }
@keyframes m-adamantite { to { background-position: 0 -2240px; } }
.medal .m-hihiirokane { background-image: url(img/medal-hihiirokane.png); animation: m-hihiirokane 1.50s steps(30) infinite, m-glow 3s ease-in-out infinite; }
@keyframes m-hihiirokane { to { background-position: 0 -960px; } }
@keyframes m-glow {
  0%, 100% { filter: drop-shadow(0 0 2px rgba(255, 140, 220, 0.7)); }
  33% { filter: drop-shadow(0 0 5px rgba(150, 120, 255, 0.95)); }
  66% { filter: drop-shadow(0 0 4px rgba(110, 240, 230, 0.85)); }
}
@media (prefers-reduced-motion: reduce) { .medal i { animation: none !important; } .medal .m-hihiirokane { filter: drop-shadow(0 0 3px rgba(236, 160, 255, 0.85)); } }