.result-panel {
  margin-top: 16px;
  padding: 20px;
  border: 2px solid var(--orange);
  border-radius: 23px;
  background: linear-gradient(145deg, #0c4159, #041c30);
  box-shadow: 0 12px 34px #0008;
  text-align: center;
}
.result-panel .eyebrow { color: var(--orange); margin-bottom: 6px; }
.result-panel h1 { margin: 0; font-size: clamp(1.8rem, 8vw, 2.7rem); line-height: 1.1; }
.result-subtitle { font-size: 1.2rem; font-weight: 800; margin: 8px 0 18px; }
.result-scores { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: center; gap: 7px; }
.result-scores > div:not(.result-trophy) {
  border: 1px solid var(--cyan); background: #062a40; border-radius: 14px;
  padding: 12px 5px; min-width: 0;
}
.result-scores span, .result-scores strong, .result-scores small { display: block; }
.result-scores span { font-size: .72rem; font-weight: 800; overflow-wrap: anywhere; }
.result-scores strong { font-size: 1.9rem; color: var(--cyan); }
.result-scores small { color: var(--muted); }
.result-trophy { font-size: 2.4rem; }
.result-player {
  margin-top: 16px; padding: 12px; border: 1px solid var(--cyan);
  background: #062a40; border-radius: 14px; text-align: left;
}
.result-player .eyebrow { margin-bottom: 4px; }
.result-player .player-row { border: 0; padding: 0; }
.result-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 12px; }
.result-metrics > div {
  border: 1px solid var(--line); background: #061f33; border-radius: 11px;
  padding: 9px 5px; min-width: 0;
}
.result-metrics span, .result-metrics b, .result-metrics small { display: block; }
.result-metrics span { font-size: .62rem; color: var(--muted); font-weight: 800; }
.result-metrics b { font-size: 1rem; overflow-wrap: anywhere; }
.result-metrics small, .did-not-bat { color: var(--muted); }
.did-not-bat { margin: 0; font-weight: 700; }
@media(max-width: 360px) {
  .result-panel { padding: 13px; }
  .result-scores { grid-template-columns: 1fr 40px 1fr; }
  .result-trophy { font-size: 1.8rem; }
}