/* public/css/defight-winner.css — winner overlay on the VS block (settled matches) */
.df-fighter-card--won{ box-shadow: inset 0 0 0 2px var(--df-gold), 0 0 26px rgba(245,184,41,.45) !important; z-index:2; }
.df-fighter-card--won img{ filter: saturate(1.08) contrast(1.03); }
.df-fighter-card--lost img{ filter: grayscale(.75) brightness(.62); }
.df-fighter-card--lost{ opacity:.9; }
/* golden top wash so the crown reads on any image */
.df-fighter-card--won::before{ content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient(180deg, rgba(245,184,41,.34), rgba(245,184,41,0) 42%); }
.df-win-crown{ position:absolute; top:-2px; left:50%; transform:translateX(-50%); z-index:4; color:var(--df-gold); font-size:26px; text-shadow:0 3px 10px rgba(0,0,0,.7); animation:df-crown-pop .5s ease; }
@keyframes df-crown-pop{ 0%{ transform:translate(-50%,-14px) scale(.4); opacity:0 } 100%{ transform:translate(-50%,0) scale(1); opacity:1 } }
.df-win-tag{ position:absolute; bottom:12px; left:50%; transform:translateX(-50%); z-index:4; display:inline-flex; align-items:center; gap:7px; padding:6px 16px; border-radius:999px; font-size:13px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#1a1304; background:linear-gradient(135deg,#ffd36b,#f0a92b); box-shadow:0 6px 18px rgba(0,0,0,.5); white-space:nowrap; }
.df-win-tag i{ font-size:12px; }
.df-lost-tag{ position:absolute; bottom:12px; left:50%; transform:translateX(-50%); z-index:4; padding:5px 14px; border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:#cfd6e2; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.14); white-space:nowrap; }
.df-fighter-card--right .df-win-tag, .df-fighter-card--right .df-win-crown, .df-fighter-card--right .df-lost-tag{ left:50%; }