.fdm-wrap .fdm-field{margin-bottom:12px}
.fdm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.fdm-card{border:1px solid #ddd;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}
.fdm-card input[type=radio]{margin-top:6px}
.fdm-name{font-weight:600}
.fdm-answers{display:flex;flex-direction:column;gap:8px}
.fdm-answer{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e5e7eb;border-radius:10px}
.fdm-poll .button{margin-top:8px}
.fdm-title{margin-bottom:6px}
.fdm-question{margin-bottom:12px;font-size:14px;color:#111827}
.fdm-results{margin-top:12px}
.fdm-msg{padding:10px;background:#f3f4f6;border-radius:8px}

/* --- Players Poll Legacy Style --- */
.fdm-card-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  justify-content: center;
  padding: 20px;
}
@media (min-width: 768px) {
  .fdm-card-container { grid-template-columns: repeat(5, 1fr); }
}
.fdm-card {
  position: relative;
  background: #000;
  color: #fff;
  border: 2px solid gold;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3/4;
  max-width: 180px;
  margin: auto;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.fdm-image-wrapper {
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fdm-image-wrapper img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
}
.fdm-card:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4); }
.fdm-card img { width: 100%; height: auto; border-radius: 6px; object-fit: cover; flex-shrink: 0; z-index: 2; }
.fdm-name { margin-top: 10px; font-weight: bold; padding: 5px 8px; background-color: #000; border: 1px solid gold; border-radius: 4px; display: inline-block; align-self: center; }
.fdm-radio { display: none; }
.fdm-checkmark { position: absolute; top: 8px; right: 8px; font-size: 20px; color: limegreen; display: none; }
/* Stars */
.fdm-stars { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; right: 0; bottom: 0; z-index: 1; }
.fdm-stars span { position: absolute; font-size: 16px; color: gold; opacity: 1; animation: fallStar 6s linear infinite; }
.fdm-card:hover .fdm-stars span { animation-name: fallStar; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; opacity: 1; }
@keyframes fallStar {
  0% { transform: translateY(0px); opacity: 0.2; }
  20% { opacity: 1; }
  100% { transform: translateY(250px); opacity: 0; }
}