.screen__inner--result {
  text-align: center;
  gap: var(--s-5);
}

.result__eyebrow {
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--c-fg-muted);
  margin: 0;
}

.result__title {
  font-family: var(--font-display);
  font-size: clamp(var(--fs-3xl), 7vw, var(--fs-5xl));
  letter-spacing: var(--letter-spacing-display);
  text-transform: uppercase;
  line-height: 0.95;
  margin: 0;
  animation: result-in 600ms var(--ease-out) 200ms backwards;
}

.screen--result[data-result-state="winner"] .result__title {
  color: var(--c-accent);
  text-shadow: 0 0 30px rgba(255, 155, 66, 0.4);
}

.screen--result[data-result-state="loser"] .result__title {
  color: var(--c-fg-muted);
}

.result__icon {
  font-size: clamp(80px, 14vw, 140px);
  line-height: 1;
  margin: var(--s-3) 0;
  animation: result-icon-pop 800ms cubic-bezier(0.34, 1.56, 0.64, 1) 350ms backwards;
}

.screen--result[data-result-state="winner"] .result__icon {
  filter: drop-shadow(0 0 20px rgba(255, 155, 66, 0.6));
}

.result__subtitle {
  font-size: var(--fs-lg);
  color: var(--c-fg-muted);
  max-width: 28ch;
}

.result__again {
  margin-top: var(--s-5);
  height: 64px;
  padding: 0 var(--s-7);
  background: rgba(255, 255, 255, 0.08);
  border: 2px solid var(--c-line);
  border-radius: var(--r-md);
  color: var(--c-fg);
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  letter-spacing: var(--letter-spacing-display);
  text-transform: uppercase;
  transition: background var(--dur-fast) var(--ease-out);
}

.result__again:hover {
  background: rgba(255, 255, 255, 0.14);
}

@keyframes result-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes result-icon-pop {
  from { opacity: 0; transform: scale(0.4) rotate(-15deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
  .result__title,
  .result__icon { animation: none; }
}