.fer-v16-player {
  --fer-v16-ink: #102a22;
  --fer-v16-muted: #63736d;
  --fer-v16-line: #dfe9e5;
  --fer-v16-soft: #f4f8f6;
  --fer-v16-green: #087a55;
  overflow: hidden;
}

.fer-v16-local {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #b9ddce;
  border-radius: 999px;
  color: var(--fer-v16-green);
  background: #effaf5;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.fer-v16-lead {
  max-width: 850px;
  margin: -3px 0 18px;
  color: var(--fer-v16-muted);
  font-size: 14px;
  line-height: 1.55;
}

.fer-v16-state-grid,
.fer-v16-window-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.fer-v16-state-grid article,
.fer-v16-window-grid article {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--fer-v16-line);
  border-radius: 12px;
  background: var(--fer-v16-soft);
}

.fer-v16-state-grid article {
  border-top: 3px solid #8fa39b;
}

.fer-v16-state-grid article.is-active,
.fer-v16-state-grid article.is-not_reported_injured,
.fer-v16-state-grid article.is-light {
  border-top-color: #15966b;
}

.fer-v16-state-grid article.is-reported,
.fer-v16-state-grid article.is-reported_injured,
.fer-v16-state-grid article.is-dense {
  border-top-color: #d24b4b;
}

.fer-v16-state-grid article.is-limited,
.fer-v16-state-grid article.is-mixed,
.fer-v16-state-grid article.is-moderate {
  border-top-color: #d59a17;
}

.fer-v16-state-grid span,
.fer-v16-window-grid header span {
  display: block;
  color: var(--fer-v16-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.fer-v16-state-grid strong {
  display: block;
  margin: 7px 0 5px;
  color: var(--fer-v16-ink);
  font-size: 15px;
  line-height: 1.25;
}

.fer-v16-state-grid small,
.fer-v16-window-grid small {
  display: block;
  color: var(--fer-v16-muted);
  font-size: 11px;
  line-height: 1.45;
}

.fer-v16-window-grid {
  margin-top: 10px;
}

.fer-v16-window-grid article {
  background: #fff;
}

.fer-v16-window-grid article.is-output {
  color: #fff;
  border-color: #0c6f52;
  background: linear-gradient(135deg, #0a7b58, #075c44);
}

.fer-v16-window-grid article.is-output header span,
.fer-v16-window-grid article.is-output small {
  color: rgba(255,255,255,.78);
}

.fer-v16-window-grid header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.fer-v16-window-grid > article > b {
  display: block;
  margin: 11px 0 4px;
  font-size: clamp(22px, 2.5vw, 30px);
  line-height: 1;
}

.fer-v16-participation {
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid var(--fer-v16-line);
}

.fer-v16-participation > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
}

.fer-v16-participation > header strong,
.fer-v16-output-compare article > header strong {
  display: block;
  color: var(--fer-v16-ink);
  font-size: 14px;
}

.fer-v16-participation > header small,
.fer-v16-output-compare article > header span {
  color: var(--fer-v16-muted);
  font-size: 10px;
}

.fer-v16-participation > header > span {
  color: var(--fer-v16-green);
  font-size: 11px;
  font-weight: 800;
}

.fer-v16-participation ol {
  display: grid;
  grid-template-columns: repeat(10, minmax(42px, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fer-v16-participation li a {
  display: grid;
  place-items: center;
  min-height: 70px;
  padding: 6px 3px;
  border: 1px solid var(--fer-v16-line);
  border-radius: 10px;
  color: var(--fer-v16-ink);
  background: #fff;
  text-decoration: none;
}

.fer-v16-participation li a:hover,
.fer-v16-participation li a:focus-visible {
  border-color: var(--fer-v16-green);
  box-shadow: 0 0 0 2px rgba(8,122,85,.12);
}

.fer-v16-participation li b {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  background: #6e7d77;
  font-size: 12px;
}

.fer-v16-participation li.is-k b { background: #087a55; }
.fer-v16-participation li.is-c b { background: #2788a9; }
.fer-v16-participation li.is-n b { background: #8b9692; }
.fer-v16-participation li small,
.fer-v16-participation li span { color: var(--fer-v16-muted); font-size: 9px; }

.fer-v16-output-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.fer-v16-output-compare article {
  padding: 14px;
  border: 1px solid var(--fer-v16-line);
  border-radius: 12px;
  background: #fff;
}

.fer-v16-output-compare article > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.fer-v16-output-compare article > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.fer-v16-output-compare article > div > span {
  min-width: 0;
  padding: 8px 5px;
  border-radius: 8px;
  background: var(--fer-v16-soft);
  text-align: center;
}

.fer-v16-output-compare b,
.fer-v16-output-compare small { display: block; }
.fer-v16-output-compare b { color: var(--fer-v16-ink); font-size: 17px; }
.fer-v16-output-compare small { margin-top: 3px; color: var(--fer-v16-muted); font-size: 9px; line-height: 1.2; }

[data-fer-theme="dark"] .fer-v16-player {
  --fer-v16-ink: #eef8f4;
  --fer-v16-muted: #a5b9b1;
  --fer-v16-line: #2c4940;
  --fer-v16-soft: #18332b;
}

[data-fer-theme="dark"] .fer-v16-state-grid article,
[data-fer-theme="dark"] .fer-v16-window-grid article,
[data-fer-theme="dark"] .fer-v16-participation li a,
[data-fer-theme="dark"] .fer-v16-output-compare article {
  background: #132b24;
}

[data-fer-theme="dark"] .fer-v16-local {
  border-color: #2a6d56;
  background: #123c2f;
  color: #72d7b2;
}

[data-fer-theme="dark"] .fer-v16-window-grid article.is-output {
  background: linear-gradient(135deg, #0c7959, #07513d);
}

@media (max-width: 900px) {
  .fer-v16-state-grid,
  .fer-v16-window-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fer-v16-participation ol { grid-template-columns: repeat(5, minmax(42px, 1fr)); }
}

@media (max-width: 580px) {
  .fer-v16-local { display: none; }
  .fer-v16-lead { font-size: 13px; }
  .fer-v16-state-grid { grid-template-columns: 1fr; }
  .fer-v16-window-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fer-v16-state-grid article,
  .fer-v16-window-grid article { padding: 11px; border-radius: 10px; }
  .fer-v16-participation > header { display: block; }
  .fer-v16-participation > header > span { display: block; margin-top: 6px; }
  .fer-v16-participation ol { grid-template-columns: repeat(5, minmax(36px, 1fr)); gap: 4px; }
  .fer-v16-participation li a { min-height: 62px; padding: 4px 2px; }
  .fer-v16-output-compare { grid-template-columns: 1fr; }
  .fer-v16-output-compare article > div { grid-template-columns: repeat(5, minmax(50px, 1fr)); overflow-x: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .fer-v16-participation li a { transition: none; }
}

.fer-v14-odds[data-fer-v16-live-refresh] {
  transition: opacity 160ms ease;
}

.fer-v14-odds.is-refreshing {
  opacity: .78;
}

.fer-v14-odds.is-refresh-delayed .fer-odds-fresh {
  color: #a85e00;
}

@media (prefers-reduced-motion: reduce) {
  .fer-v14-odds[data-fer-v16-live-refresh] { transition: none; }
}