/* ===========================================================================
   WüM-Finale live (wuem-ergebnisse.php). Ergänzt assets/style.css und
   assets/wuem-einteilung.css (Kacheln, Kästen); eigene Klassen mit „wr-“.
   Gedacht fürs Handy: Die Spieler kommen über den QR-Code auf dem Zettel.
   =========================================================================== */

.wr-live { display: flex; justify-content: space-between; align-items: center; gap: 8px 16px; flex-wrap: wrap;
           margin: 4px 0 10px; color: var(--muted); font-size: .9rem; }
.wr-live b { color: var(--ink); font-size: 1rem; }
.wr-punkt { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #d23b3b; margin-right: 6px;
            animation: wr-blink 1.6s infinite; }
@media (prefers-reduced-motion: reduce) { .wr-punkt { animation: none; } }
@keyframes wr-blink { 50% { opacity: .3; } }

.wr-stand { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.wr-stand th { font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); text-align: left;
               padding: 6px 6px; border-bottom: 2px solid var(--line); font-weight: 600; }
.wr-stand td { padding: 8px 6px; border-bottom: 1px solid var(--line); vertical-align: top; }
.wr-stand .n { text-align: right; white-space: nowrap; }
.wr-stand .wr-rang { font-weight: 700; width: 1.6em; }
.wr-verein { display: block; font-size: .8rem; color: var(--muted); }
.wr-gleich { display: block; font-size: .75rem; color: #8a5a00; font-weight: 700; }
.wr-ges { font-size: 1.05rem; }
@media (max-width: 420px) { .wr-schmal { display: none; } }

.wr-spiele { display: grid; gap: 8px; margin-top: 16px; }
.wr-spiele details { border: 1px solid var(--line); border-radius: 9px; padding: 6px 12px; background: #f7f9fc; }
.wr-spiele summary { cursor: pointer; font-weight: 700; }
.wr-spiele summary span { font-weight: 400; color: var(--muted); }
.wr-pm { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; padding: 4px 0;
         font-size: .9rem; font-variant-numeric: tabular-nums; }
.wr-pm .r { text-align: right; }
.wr-pm b { white-space: nowrap; }
.wr-offen { color: var(--muted); font-style: italic; font-weight: 400; }
.wr-sieger { margin: 6px 0 2px; font-size: .9rem; }
.wr-sieger b { color: #2e7d4f; }
.wr-regel { font-size: .85rem; color: var(--muted); margin-top: 14px; }