.crystal{display:grid;grid-template-columns:48px;grid-template-rows:repeat(4,1rem);font-weight:600}.crystal img{grid-area:1 / 1 / 4 / 2}.crystal .label{grid-area:3 / 1 / 4 / 2;text-align:right}.crystal .bonus{grid-area:4 / 1 / 5 / 2;color:#ff7fdb;text-align:right}.crystal--claimable{filter:drop-shadow(0 0 10px #ff00b7) drop-shadow(0 0 20px #ff00b7)}.crystal--pulsating{animation:crystal-pulse 1s ease-in-out}@keyframes crystal-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 5px #ff00b7)}10%{transform:scale(1.2);filter:drop-shadow(0 0 20px #ff00b7) drop-shadow(0 0 40px #ff00b7)}70%{transform:scale(.95);filter:drop-shadow(0 0 10px #ff00b7)}90%{transform:scale(1);filter:drop-shadow(0 0 5px #ff00b7)}to{transform:scale(1);filter:drop-shadow(0 0 0px #ff00b7)}}