/* CSS */
.deck-container { position: relative; display: inline; }
.deck-container img { max-width: 20px; padding-right: 2px; }
.deck-legend { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); font-size: 8px; color: #ffffff; background-color: #444444; padding: 1px 2px 1px 2px; border-radius: 3px; }

.chests-container { position: relative; display: inline; }
.chests-container img { max-width: 20px; padding-right: 2px; }
.chests-legend { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); font-size: 8px; color: #ffffff; background-color: #444444; padding: 1px 2px 1px 2px; border-radius: 3px; }
/*
.chests-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 8px; color: #dd2222; }
.chests-bottomright { position: absolute; bottom: 4px; right: 8px; font-size: 8px; }
*/