.deco-banner.roche-a, .deco-banner.roche-b { width: 26px; height: 14px; border-radius: 3px; background: #b45309; }
.deco-banner.roche-b { background: #92400e; }
.deco-banner.cristal { width: 14px; height: 14px; background: #fde047; transform: rotate(45deg); border-radius: 2px; }

.classement-jouer { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 14px 0 18px; }
.classement-jouer a {
  display: inline-flex; align-items: center; min-height: 48px; padding: 10px 18px; border-radius: 12px;
  background: #0f766e; color: #fff; font-weight: 700; text-decoration: none;
}
.classement-jouer a:hover, .classement-jouer a:focus-visible { filter: brightness(1.12); }

@media (max-width: 480px) {
  .deco-banner.roche-a, .deco-banner.roche-b { width: 20px; height: 12px; }
}