.mt-ctl.mt-beckon { animation: mt-beckon 1.6s ease-in-out infinite; }
@keyframes mt-beckon { 50% { box-shadow: 0 0 0 7px rgba(63, 174, 90, .45); } }

/* Today's cleared board: the numbers and Share share one row, so Share adds no height — the
   cleared day's card is sized to fit the stage without scrolling on a computer. */
.mt-statrow {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 6px 8px 6px 14px; border: 1px solid rgba(176, 132, 46, .28); border-radius: 12px;
  background: rgba(255, 255, 255, .5); text-align: left;
}
.mt-statrow .mt-stats .result-best { margin: 0; line-height: 1.4; }
.mt-share {
  position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px 0 12px;
  border: 1px solid rgba(176, 132, 46, .55); border-radius: 999px;
  background: rgba(255, 255, 255, .8); color: #6f5219;
  font: inherit; font-size: .82rem; font-weight: 600; letter-spacing: .02em; cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 2px 6px rgba(150, 110, 30, .12);
}
.mt-share:hover { background: #fff8e6; border-color: rgba(176, 132, 46, .85); }
.mt-share svg { width: 15px; height: 15px; flex: none; }
.mt-share-tip {
  position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translateX(-50%);
  padding: 3px 9px; border-radius: 6px; background: #3b2d12; color: #fff8e6;
  font-size: .72rem; font-weight: 600; white-space: nowrap; pointer-events: none;
  opacity: 0; transition: opacity .15s ease;
}
.mt-share.is-copied .mt-share-tip { opacity: 1; }