.finished-games { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.finished-games h3 { margin: 0 0 10px; color: var(--forest); font-family: Georgia, serif; font-size: 1.25rem; font-weight: 600; }
.finished-game { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; overflow: hidden; background: #fffdfa; border: 1px solid var(--line); border-radius: 12px; }
.finished-game:hover { border-color: #a9bcae; background: #f3f7f3; }
.finished-game .saved-game { border: 0; border-radius: 0; background: transparent; }
.finished-game .saved-game:hover { border-color: transparent; background: transparent; }
.finished-game .saved-game-topline { flex-direction: column; align-items: flex-start; gap: 4px; }
.finished-game-remove { min-width: 78px; min-height: 100%; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: transparent; color: #8a3f35; padding-inline: 13px; }
.finished-game-remove:hover { background: #f8eae6; }

.alerts-default-setting { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-top: 10px; }
.alerts-default-copy { min-width: 0; }
.alerts-default-label { display: block; color: var(--forest); font-size: .8rem; font-weight: 800; line-height: 1.35; }
.alerts-default-toggle { display: grid; place-items: center; width: 52px; min-width: 52px; min-height: 44px; padding: 0; border: 0; border-radius: 999px; background: transparent; }
.alerts-default-toggle:focus { outline: none; }
.alerts-default-toggle:focus-visible .alerts-default-track { outline: 2px solid var(--forest); outline-offset: 2px; }
.alerts-default-track { position: relative; display: block; width: 44px; height: 26px; border-radius: 999px; background: #71807a; transition: background-color .16s ease; }
.alerts-default-track span { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: white; box-shadow: 0 1px 3px rgba(0,0,0,.28); transition: transform .16s ease; }
.alerts-default-toggle[aria-checked="true"] .alerts-default-track { background: var(--forest-2); }
.alerts-default-toggle[aria-checked="true"] .alerts-default-track span { transform: translateX(18px); }

@media (prefers-reduced-motion: reduce) {
  .alerts-default-track,
  .alerts-default-track span { transition-duration: .01ms !important; }
}