/* Ranked Duels API plugin - account shortcodes styling.
   Self-contained, theme-independent. */
.rduels-account-card {
  background: linear-gradient(180deg, rgba(33,27,20,0.92), rgba(24,20,15,0.92));
  border: 1px solid #272117; border-radius: 4px;
  padding: 22px 24px; margin: 8px 0 26px; max-width: 640px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.35);
}
.rduels-account-tier { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.rduels-account-tier img { image-rendering: pixelated; filter: drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.rduels-rating {
  display: block; font-family: "IBM Plex Mono", monospace;
  font-size: 2rem; font-weight: 700; color: #c0281c; line-height: 1.1;
}
.rduels-tier-name {
  font-family: "IBM Plex Mono", monospace; font-size: 0.75rem;
  letter-spacing: 0.12em; text-transform: uppercase; color: #c9a227;
}
.rduels-account-stats {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px;
}
.rduels-cell { display: flex; flex-direction: column; gap: 2px; }
.rduels-label {
  font-family: "IBM Plex Mono", monospace; font-size: 0.65rem;
  letter-spacing: 0.14em; text-transform: uppercase; color: #a99c78;
}
.rduels-value { font-family: "IBM Plex Mono", monospace; font-size: 1.05rem; color: #e9dcb8; }
.rduels-value small { color: #a99c78; font-size: 0.7rem; }
.rduels-w { color: #6fa85e; } .rduels-l { color: #c75b52; }
.rduels-profile-link {
  display: inline-block; margin-top: 14px; font-size: 0.9rem; color: #c9a227; text-decoration: none;
}
.rduels-profile-link:hover { text-decoration: underline; }

.rduels-history { max-width: 760px; }
.rduels-hist-row {
  display: grid; grid-template-columns: 64px 1fr 150px 70px;
  gap: 12px; align-items: center;
  background: linear-gradient(180deg, rgba(33,27,20,0.92), rgba(24,20,15,0.92));
  border: 1px solid #272117; border-radius: 4px;
  padding: 10px 14px; margin-bottom: 8px;
  color: inherit; text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.rduels-hist-row:hover { border-color: #c9a227; }
.rduels-hist-outcome {
  font-family: "IBM Plex Mono", monospace; font-weight: 700; text-transform: uppercase; font-size: 0.85rem;
}
.rduels-hist-outcome.win { color: #6fa85e; }
.rduels-hist-outcome.loss { color: #c75b52; }
.rduels-hist-main b { color: #e9dcb8; }
.rduels-hist-gear { margin-left: 10px; vertical-align: middle; }
.rduels-hist-gear img {
  image-rendering: pixelated; background: #14110d;
  border: 1px solid #272117; border-radius: 2px; padding: 1px; margin-right: 2px;
  vertical-align: middle;
}
.rduels-hist-perf {
  display: block; font-family: "IBM Plex Mono", monospace;
  font-size: 0.72rem; color: #c9a227; margin-top: 3px;
}
.rduels-hist-meta { font-family: "IBM Plex Mono", monospace; font-size: 0.75rem; color: #a99c78; text-align: right; }
.rduels-hist-delta { font-family: "IBM Plex Mono", monospace; font-weight: 700; text-align: right; }
.rduels-hist-delta.up { color: #6fa85e; }
.rduels-hist-delta.down { color: #c75b52; }
.rduels-history-empty {
  border: 1px dashed #272117; border-radius: 4px; padding: 22px;
  color: #a99c78; max-width: 640px;
}
@media (max-width: 640px) {
  .rduels-hist-row { grid-template-columns: 52px 1fr 60px; }
  .rduels-hist-meta { display: none; }
}

/* PK leaderboard shortcode */
.rduels-pk-table {
  width: 100%; max-width: 760px; border-collapse: collapse;
  background: linear-gradient(180deg, rgba(33,27,20,0.92), rgba(24,20,15,0.92));
  border: 1px solid #272117; border-radius: 4px; overflow: hidden;
}
.rduels-pk-table th {
  font-family: "IBM Plex Mono", monospace; font-size: 0.7rem; font-weight: 400;
  letter-spacing: 0.14em; text-transform: uppercase; color: #a99c78;
  text-align: left; padding: 10px 14px; border-bottom: 1px solid #272117;
  background: rgba(16,13,10,0.6);
}
.rduels-pk-table td { padding: 10px 14px; border-bottom: 1px solid rgba(39,33,23,0.6); }
.rduels-pk-table tr:hover td { background: rgba(39,33,23,0.5); }
.rduels-pk-table a { color: #e9dcb8; font-weight: 700; text-decoration: none; }
.rduels-pk-table a:hover { color: #c9a227; }
.rduels-pk-rank { font-family: "IBM Plex Mono", monospace; color: #a99c78; width: 48px; }
.rduels-pk-rank.first { color: #c9a227; font-weight: 700; }
.rduels-pk-kills { font-family: "IBM Plex Mono", monospace; color: #6fa85e; font-weight: 700; }
.rduels-pk-deaths { font-family: "IBM Plex Mono", monospace; color: #c75b52; }
.rduels-pk-kd { font-family: "IBM Plex Mono", monospace; color: #c9a227; }