/* t-1068: der Sieg bekommt seinen eigenen, goldenen Endbildschirm. */
.karte.siegkarte { border: 2px solid #e8b53a;
  box-shadow: 0 0 0 1px #6b4d12, 0 0 2.2rem #ffcf5c55, 0 1.125rem 3.125rem #000a; }
.karte.siegkarte h1 { margin-bottom: 0.7rem; font-size: 2.4rem; font-weight: 900; letter-spacing: 0.06em;
  color: #ffcf5c; text-shadow: 0 0.12rem 0 #7a5410, 0 0 1.2rem #ffcf5c88; }
.karte.siegkarte .untertitel { color: #f3e3b0; }
.siegeszeile { display: flex; justify-content: center; gap: 3.2rem; margin: 0.3rem 0 1rem; }
.siegeszahl { display: flex; flex-direction: column; align-items: center; gap: 0.15rem; }
.siegeswert { font-size: 2.1rem; font-weight: 900; line-height: 1; color: #ffe39a;
  font-variant-numeric: tabular-nums; text-shadow: 0 0.1rem 0 #6b4d12; }
.siegesbeschriftung { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: #aab4c4; }
.siegschadenkopf { margin: 0 0 0.5rem; font-size: 0.95rem; letter-spacing: 0.04em; font-weight: 400; }

.siegkonfetti { position: fixed; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
.siegkonfetti > * { position: absolute; top: 0; opacity: 0; animation-name: siegfallen;
  animation-timing-function: cubic-bezier(0.3, 0.1, 0.6, 1); animation-iteration-count: 1;
  animation-fill-mode: forwards; }
.siegblatt { width: 1.1rem; height: 1.7rem; border-radius: 0 100% 0 100%; }
.siegklee { width: 2.6rem; height: auto; }
@keyframes siegfallen {
  0% { opacity: 1; transform: translateY(-8vh) rotate(0turn) translateX(0); }
  40% { transform: translateY(38vh) rotate(calc(var(--dreh) * 0.6turn)) translateX(2.5vw); }
  75% { opacity: 1; transform: translateY(78vh) rotate(calc(var(--dreh) * 1.1turn)) translateX(-2vw); }
  100% { opacity: 0; transform: translateY(108vh) rotate(calc(var(--dreh) * 1.5turn)) translateX(1vw); } }
@media (prefers-reduced-motion: reduce) { .siegkonfetti { display: none; } }