/* Risultato a fine partita (pannello nel game over) e avviso in alto. */

.sk-score {
  margin: 14px auto 18px;
  max-width: 340px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(10, 7, 16, 0.78);
  border: 2px solid rgba(0, 229, 255, 0.45);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  text-align: center;
  color: #e6dcec;
}
.sk-score--compact { margin: 6px 0 0; padding: 0; background: none; border: 0; box-shadow: none; max-width: none; }

.sk-score-title {
  font-family: 'Bangers', cursive;
  font-size: 24px;
  letter-spacing: 1px;
  color: #00e5ff;
  margin: 0 0 4px;
}
.sk-score-title.is-new { color: #ffe600; text-shadow: 0 0 12px rgba(255, 230, 0, 0.55); }

.sk-score-head {
  font-family: 'Bangers', cursive;
  font-size: 22px;
  letter-spacing: 1px;
  color: #fff;
  margin: 0;
}

.sk-score-line { font-size: 14px; line-height: 1.45; margin: 0 0 10px; }
.sk-score-line--muted { color: #a99bb3; margin: 0; }
.sk-score--compact .sk-score-title { font-size: 18px; }
.sk-score--compact .sk-score-line { margin-bottom: 8px; }

.sk-score-actions { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }

.sk-score-btn {
  display: inline-block;
  font-family: 'Bangers', cursive;
  font-size: 17px;
  letter-spacing: 1px;
  color: #0a0710;
  background: linear-gradient(145deg, #00e5ff 0%, #ff2fb0 100%);
  border: 0;
  border-radius: 999px;
  padding: 7px 18px;
  text-decoration: none;
  cursor: pointer;
}
.sk-score-btn--ghost { background: transparent; color: #00e5ff; box-shadow: inset 0 0 0 2px #00e5ff; }
.sk-score-btn:hover { filter: brightness(1.1); }

.sk-toast {
  position: fixed;
  top: max(12px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  width: min(92vw, 360px);
  padding: 14px 40px 14px 16px;
  border-radius: 14px;
  background: rgba(10, 7, 16, 0.94);
  border: 2px solid rgba(0, 229, 255, 0.55);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  color: #e6dcec;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  text-align: center;
  transition: opacity .5s ease, transform .5s ease;
}
.sk-toast.is-hiding { opacity: 0; transform: translate(-50%, -12px); }
.sk-toast-close {
  position: absolute; top: 6px; right: 8px;
  background: none; border: 0; color: #a99bb3;
  font-size: 22px; line-height: 1; cursor: pointer; padding: 4px;
}