.q1-widget .q1-screen {
  display: block;
  width: 100%;
  height: auto;
  margin: 8px 0 18px;
  background: #102d42;
  border: 1px solid #35586a;
  border-radius: 12px;
}
.q1-widget .q1-board {
  fill: #16364c;
  stroke: #4d7386;
  stroke-width: 1;
}
.q1-widget .q1-svg-label {
  fill: #d7e7ee;
  font-size: 11px;
}
.q1-widget .q1-hit {
  fill: #ffd96b;
  stroke: #fff4c4;
  stroke-width: 0.4;
}
.q1-widget .q1-bar {
  fill: #7ec8a3;
}
.q1-widget .q1-bar-last {
  fill: #ffe08a;
}
.q1-widget .fbw-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
  gap: 10px;
  margin: 0 0 18px;
}
.q1-widget .fbw-stats div {
  background: #edf3e5;
  border: 1px solid #c8d6bf;
  border-radius: 14px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.q1-widget .fbw-stats span {
  font-size: 17px;
}
.q1-widget .fbw-stats strong {
  font-size: 24px;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  .q1-widget * {
    animation: none !important;
    transition: none !important;
  }
}