.winner-media-fields { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.winner-media-fields h3 { margin:0; font:600 15px var(--display); }
.winner-media-fields>p { margin:5px 0 15px; color:var(--muted); font-size:11px; line-height:1.45; }
.winner-media-timing { display:grid; grid-template-columns:1fr 100px; gap:10px; }
.winner-media-timing label { margin-bottom:0; }
.winner-audio-control { min-height:34px; margin-top:8px; }
.winner-sound-replay { color:#818982; font-size:10px; }
.winner-sound-replay:hover { color:var(--green); }

.winner-confetti { position:fixed; z-index:30; inset:0; width:100vw; height:100vh; height:100dvh; overflow:hidden; pointer-events:none; contain:paint; }
.winner-confetti i { position:absolute; top:-8vh; left:var(--x); width:var(--piece-width); height:var(--piece-height); border-radius:2px; background:var(--piece-color); opacity:0; box-shadow:0 0 9px rgba(142,245,32,.28); transform:rotate(var(--rotation)); animation:onsdagsquizzen-confetti-fall var(--duration) cubic-bezier(.14,.68,.2,1) var(--delay) forwards; will-change:transform,opacity; }
.winner-confetti i:nth-child(3n) { border-radius:50%; }
.winner-confetti i:nth-child(4n) { border-radius:50% 0 50% 0; }
.winner-confetti i:nth-child(5n) { filter:brightness(1.22); }

.winner-stage-effects { position:fixed; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.results-page > :not(.winner-stage-effects):not(.winner-confetti) { position:relative; z-index:2; }
.winner-light-column { position:absolute; top:12vh; bottom:8vh; display:flex; width:clamp(20px,3.2vw,46px); flex-direction:column; justify-content:space-around; }
.winner-light-left { left:clamp(10px,2.4vw,42px); }
.winner-light-right { right:clamp(10px,2.4vw,42px); }
.winner-light-column > i { display:block; width:100%; height:clamp(3px,.55vh,7px); border-radius:999px; background:linear-gradient(90deg,transparent,var(--green),#d7ffad,var(--green),transparent); opacity:.22; box-shadow:0 0 15px rgba(142,245,32,.3); transform:scaleX(.34); animation:winner-segment-intro 2.6s cubic-bezier(.2,.85,.2,1) calc(var(--segment) * 45ms) both,winner-segment-ambient 3.8s ease-in-out calc(2.6s + var(--segment) * 70ms) infinite alternate; }
.winner-light-right > i { animation-direction:normal,alternate-reverse; }
.winner-light-column::after { content:""; position:absolute; inset:-20% -40%; background:linear-gradient(180deg,transparent 0%,rgba(142,245,32,.03) 38%,rgba(142,245,32,.5) 50%,rgba(142,245,32,.03) 62%,transparent 100%); filter:blur(5px); animation:winner-light-sweep 2.6s cubic-bezier(.25,.7,.2,1) both,winner-light-drift 6s ease-in-out 2.6s infinite alternate; }
.winner-light-right::after { animation-direction:reverse,alternate-reverse; }
.winner-halo { position:absolute; top:27vh; left:50%; width:min(48vw,620px); aspect-ratio:1; transform:translate(-50%,-50%); opacity:.42; }
.winner-halo i { position:absolute; inset:14%; border:1px solid rgba(142,245,32,.2); border-radius:50%; box-shadow:0 0 70px rgba(142,245,32,.06),inset 0 0 55px rgba(142,245,32,.04); animation:winner-halo-intro 2.6s cubic-bezier(.16,.8,.25,1) both,winner-halo-ambient 7s ease-in-out 2.6s infinite alternate; }
.winner-halo i+ i { inset:25%; border-style:dashed; opacity:.6; animation-direction:reverse,alternate-reverse; }

@keyframes onsdagsquizzen-confetti-fall { 0% { transform:translate3d(0,-8vh,0) rotate(var(--rotation)); opacity:0; } 5% { opacity:1; } 84% { opacity:1; } 100% { transform:translate3d(var(--drift),116vh,0) rotate(var(--end-rotation)); opacity:0; } }
@keyframes winner-segment-intro { 0% { opacity:0; transform:scaleX(.08); } 35% { opacity:1; transform:scaleX(1); } 70% { opacity:.75; transform:scaleX(.62); } 100% { opacity:.28; transform:scaleX(.38); } }
@keyframes winner-segment-ambient { from { opacity:.16; transform:scaleX(.28); } to { opacity:.42; transform:scaleX(.55); } }
@keyframes winner-light-sweep { from { transform:translateY(-65%); opacity:0; } 22% { opacity:1; } to { transform:translateY(65%); opacity:.25; } }
@keyframes winner-light-drift { from { transform:translateY(-18%); opacity:.14; } to { transform:translateY(18%); opacity:.34; } }
@keyframes winner-halo-intro { from { transform:scale(.45) rotate(-18deg); opacity:0; } 45% { opacity:1; } to { transform:scale(1) rotate(0); opacity:.45; } }
@keyframes winner-halo-ambient { from { transform:scale(.96) rotate(-3deg); opacity:.28; } to { transform:scale(1.04) rotate(3deg); opacity:.48; } }

@media(prefers-reduced-motion:reduce){.winner-confetti i{top:var(--rest-y);animation:none;opacity:.42;transform:rotate(var(--rotation))}.winner-confetti i:nth-child(n+37){display:none}.winner-stage-effects *,.winner-light-column::after{animation:none!important}.winner-light-column>i{opacity:.28;transform:scaleX(.42)}.winner-halo i{opacity:.32}}

@media(max-width:640px){.winner-media-timing{grid-template-columns:1fr}.winner-audio-control{margin-top:4px}.winner-light-column{opacity:.58}.winner-halo{width:92vw}}