/* Previously Sports — Stats Hub · stats-share.css v20261014a
   Share panel for the head-to-head popup. Same Bible tokens as
   stats-compare.css (cream / ink / rust-red family). */
.sts-overlay {
  position: fixed; inset: 0; z-index: 9500;
  background: rgba(24, 18, 12, 0.62);
  display: flex; align-items: flex-start; justify-content: center;
  padding: 5vh 16px 16px; overflow-y: auto;
  animation: stc-fade 0.18s ease-out;
}
.sts-modal {
  position: relative;
  background: #faf6ee; color: #221a12;
  border-radius: 14px; max-width: 560px; width: 100%;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.4);
  border: 1px solid #e5dcc8;
  padding: 24px 24px 18px;
}
.sts-x {
  position: absolute; top: 10px; right: 12px; z-index: 2;
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid #e0d5bd; background: #fff; color: #6b5f4b;
  font-size: 20px; line-height: 1; cursor: pointer;
}
.sts-x:hover { background: #f3ecdc; color: #221a12; }
.sts-title { font-family: Fraunces, Georgia, serif; font-weight: 800; font-size: 22px; margin: 0 0 4px; }
.sts-match { margin: 0 0 14px; color: #6b5f4b; font-size: 14px; font-weight: 600; }
.sts-cardwrap {
  background: #fff; border: 1px solid #ece3cd; border-radius: 10px;
  padding: 10px; margin-bottom: 14px; min-height: 80px;
  display: flex; align-items: center; justify-content: center;
}
.sts-card { width: 100%; height: auto; display: block; border-radius: 4px; }
.sts-loading { color: #8a7c64; font-size: 13px; margin: 18px 0; }
.sts-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.sts-btn {
  flex: 1 1 auto; padding: 11px 12px; border-radius: 10px; cursor: pointer;
  border: 1px solid #e0d5bd; background: #fff; color: #221a12;
  font-weight: 700; font-size: 13.5px; letter-spacing: 0.01em; white-space: nowrap;
}
.sts-btn:hover { border-color: #b3541e; background: #fffaf0; }
.sts-btn.sts-primary { background: #221a12; border-color: #221a12; color: #faf6ee; }
.sts-btn.sts-primary:hover { background: #b3541e; border-color: #b3541e; }
.sts-link {
  font-size: 12px; color: #8a7c64; margin: 0 0 4px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sts-note { font-size: 12px; color: #8a7c64; margin: 0; }
@media (max-width: 720px) {
  .sts-overlay { padding: 3vh 10px 10px; }
  .sts-modal { padding: 20px 16px 16px; }
  .sts-btn { flex: 1 1 40%; }
}