/* Siegerehrung (siegerehrung.js) – in allen Spielen gleich; Farben aus dem jeweiligen Spiel (--accent, --surface, --line, --muted, --ink) */
.se{position:relative;overflow:hidden;width:100%;max-width:520px;margin:0 auto;padding:18px 14px 16px;border:1px solid color-mix(in srgb,#e0b22e 45%,var(--line));border-radius:16px;
  background:radial-gradient(120% 70% at 50% 100%,color-mix(in srgb,#e0b22e 16%,transparent),transparent 70%),var(--surface);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.se-kopf{display:grid;justify-items:center;gap:2px}
.se-kopf > *{grid-area:1/1}
.se-kopf .se-unter{grid-area:2/1}
.se-spannung{margin:0;font-family:var(--f-display);font-weight:800;font-size:22px;color:var(--muted)}
.se-titel{margin:0;font-family:var(--f-display);font-weight:800;font-size:clamp(28px,8vw,38px);line-height:1.05;letter-spacing:-.02em;color:var(--ink)}
.se-unter{margin:0;color:var(--muted);font-size:15px}

.se-podest{list-style:none;margin:0;padding:0;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:8px}
.se-stufe{flex:1 1 0;max-width:160px;min-width:0;display:flex;flex-direction:column;align-items:center}
.se-leute{display:flex;flex-direction:column;align-items:center;gap:3px;padding-bottom:8px;min-width:0;max-width:100%}
.se-avs{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.se-avs:has(.gross){gap:10px}
.se-av{width:44px;height:44px;font-size:18px;box-shadow:0 0 0 3px var(--surface)}
.se-av.gross{width:58px;height:58px;font-size:24px;box-shadow:0 0 0 3px var(--surface),0 0 0 6px #e0b22e}
.se-name{margin-top:3px;font-size:14px;line-height:1.2;max-width:100%;overflow-wrap:anywhere}
.se-punkte{font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.se-krone{width:40px;height:27px;margin-bottom:-4px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.se-block{width:100%;display:grid;place-items:start center;padding-top:8px;border-radius:10px 10px 4px 4px;font-family:var(--f-display);font-weight:800;font-size:28px;
  box-shadow:inset 0 -6px 0 rgba(0,0,0,.14),inset 0 2px 0 rgba(255,255,255,.45);transform-origin:bottom}
.p1 .se-block{height:112px;color:#4a3405;background:linear-gradient(#ffe9a3,#e0b22e 55%,#b8860b)}
.p2 .se-block{height:80px;color:#3b4148;background:linear-gradient(#ffffff,#c3cad2 55%,#8e979f)}
.p3 .se-block{height:56px;color:#3a1d08;background:linear-gradient(#f6c9a0,#c27a43 55%,#8c5226)}
.se.allein .se-stufe{max-width:200px}

.se-rest{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:4px}
.se-rest li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:var(--face);border:1px solid var(--line);text-align:left}
.se-rest li.ich{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.se-rest .se-av{width:28px;height:28px;font-size:12px;box-shadow:none}
.se-nr{width:24px;font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.se-rname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-ich{margin:0;font-size:15px}

/* Konfetti */
.se-konfetti{position:absolute;inset:0;pointer-events:none;z-index:2}
.se-konfetti i{position:absolute;top:-14px;width:7px;height:12px;border-radius:2px;opacity:0;animation:se-fallen var(--t) cubic-bezier(.25,.6,.45,1) var(--d) both}
@keyframes se-fallen{0%{opacity:1;transform:translate(0,0) rotate(0)}85%{opacity:1}100%{opacity:0;transform:translate(var(--x),520px) rotate(var(--r))}}

/* Ablauf beim ersten Anzeigen: 3 → 2 → 1, dann der Sieger */
.se.neu .se-block{animation:se-stufe .55s cubic-bezier(.2,.9,.3,1.15) both}
.se.neu .se-leute{animation:se-auf .45s cubic-bezier(.2,.9,.3,1.3) both}
.se.neu .p3 .se-block{animation-delay:.25s}  .se.neu .p3 .se-leute{animation-delay:.6s}
.se.neu .p2 .se-block{animation-delay:.95s}  .se.neu .p2 .se-leute{animation-delay:1.3s}
.se.neu .p1 .se-block{animation-delay:1.65s} .se.neu .p1 .se-leute{animation-delay:2.1s}
.se.neu .se-krone{animation:se-krone .5s cubic-bezier(.3,1.4,.5,1) 2.45s both}
.se.neu .se-spannung{animation:se-weg .3s ease 2.1s both}
.se.neu .se-titel,.se.neu .se-unter{animation:se-auf .5s cubic-bezier(.2,.9,.3,1.3) 2.2s both}
.se.neu .se-rest,.se.neu .se-ich{animation:se-ein .5s ease 2.7s both}
.se.neu.allein .se-titel,.se.neu.allein .se-unter{animation-delay:.9s}
.se.neu.allein .p1 .se-block{animation-delay:.1s} .se.neu.allein .p1 .se-leute{animation-delay:.45s} .se.neu.allein .se-krone{animation-delay:.8s}
@keyframes se-stufe{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes se-auf{from{opacity:0;transform:translateY(14px) scale(.85)}to{opacity:1;transform:none}}
@keyframes se-krone{from{opacity:0;transform:translateY(-30px) rotate(-20deg)}to{opacity:1;transform:none}}
@keyframes se-weg{to{opacity:0;visibility:hidden}}
@keyframes se-ein{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){.se.neu *{animation:none!important}.se-spannung,.se-konfetti{display:none}}

/* letzte Runde unter der Siegerehrung, zum Aufklappen */
.se-runde{width:100%}
.se-runde > summary{cursor:pointer;color:var(--muted);font-size:14px;text-align:center;padding:6px}
.se-runde[open] > summary{margin-bottom:10px}
.se-runde > :not(summary){margin-left:auto;margin-right:auto}