/* Raised thread treatment for the small, line-drawn interface symbols.
   Brand marks, player medals and the official Steam artwork keep their own finish. */
:is(
  .hero-create-room,
  .intro-metrics,
  .scoring,
  .search-field,
  .sort-buttons,
  .lineup-bottom,
  .dialog-metrics,
  .table-heading,
  .lineup-rank
) svg {
  overflow: visible;
  filter:
    drop-shadow(0 0.8px 0 rgba(27, 11, 8, .92))
    drop-shadow(-0.35px -0.45px 0 rgba(255, 226, 167, .58));
}

/* Rounded, closely spaced strokes read as wound thread while retaining
   the original silhouette and meaning of each icon at small sizes. */
:is(
  .hero-create-room,
  .intro-metrics,
  .scoring,
  .search-field,
  .sort-buttons,
  .lineup-bottom,
  .dialog-metrics,
  .table-heading,
  .lineup-rank
) svg :is(path, circle, ellipse, line, polyline, polygon, rect) {
  stroke-dasharray: 1.65 .33;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* The season figures are larger, so their thread is a little coarser. */
.intro-metrics svg :is(path, circle, ellipse, line, polyline, polygon, rect) {
  stroke-dasharray: 1.9 .4;
}

/* Icon-only sort buttons retain a clear selected state. */
.sort-button[aria-pressed="true"] svg {
  filter:
    drop-shadow(0 0.8px 0 rgba(27, 11, 8, .95))
    drop-shadow(0 0 2px rgba(250, 214, 143, .38))
    drop-shadow(-0.35px -0.45px 0 rgba(255, 231, 179, .72));
}