/**
 * Champs Live — Winner Cards CSS — All 12 Styles
 */
:root{--wc-bg:#0A0A1A;--wc-primary:#FFD700;--wc-accent:#5B4CFF;--wc-frame:#FFD700;}
.champs-winner-card{background:var(--wc-bg);border-radius:20px;overflow:hidden;position:relative;width:320px;min-height:440px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.6);border:1px solid rgba(255,215,0,.15);}
.wc-center{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:0 20px 20px;gap:6px;}
.wc-photo-wrap{margin:0 auto;display:block;flex-shrink:0;}
.wc-name{font-size:1.15rem;font-weight:900;color:#FFF;line-height:1.2;margin-top:4px;}
.wc-champ-name{font-size:.7rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.5px;}
.wc-champ-logo{max-height:36px;border-radius:6px;margin-bottom:4px;}
.wc-medal-big{font-size:2.5rem;line-height:1;margin:4px 0;}
.wc-institution{font-size:.75rem;color:rgba(255,255,255,.6);}
.wc-score{font-size:.8rem;font-weight:700;color:var(--wc-primary);font-family:monospace;}
.wc-rank-display{font-size:.8rem;font-weight:700;color:var(--wc-primary);}
.wc-reg{font-size:.65rem;color:rgba(255,255,255,.3);font-family:monospace;letter-spacing:1px;}
.wc-logo-area{text-align:center;padding:16px 20px 8px;}
@keyframes wc-fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes wc-slide-in{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes wc-zoom-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes wc-bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}
@keyframes wc-ray-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes wc-pulse{0%,100%{opacity:.3}50%{opacity:.8}}
@keyframes wc-flicker{0%,100%{transform:scaleY(1) rotate(-2deg)}50%{transform:scaleY(1.2) rotate(2deg)}}
.wc-anim-fade{animation:wc-fade-in .5s ease forwards;}
.wc-anim-slide{animation:wc-slide-in .5s ease forwards;}
.wc-anim-zoom{animation:wc-zoom-in .4s cubic-bezier(.34,1.56,.64,1) forwards;}
.wc-anim-bounce{animation:wc-bounce-in .6s ease forwards;}
/* 1. Podium */
.wc-podium{background:linear-gradient(180deg,var(--wc-bg) 0%,rgba(20,16,10,1) 100%);}
.wc-podium-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(255,215,0,.12) 0%,transparent 70%);pointer-events:none;}
.wc-podium .wc-center{padding-top:16px;}
.wc-podium-step{background:linear-gradient(135deg,var(--wc-primary),#C9A700);height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wc-step-num{font-weight:900;font-size:1.1rem;color:rgba(0,0,0,.7);text-transform:uppercase;letter-spacing:2px;}
/* 2. Crown */
.wc-crown{background:linear-gradient(160deg,#1a0a3a 0%,var(--wc-bg) 60%);}
.wc-crown-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,215,0,.08) 0%,transparent 60%);}
.wc-crown-icon{font-size:3.5rem;text-align:center;padding-top:20px;filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));line-height:1;}
.wc-crown .wc-center{padding-top:12px;}
.wc-crown-footer{background:linear-gradient(135deg,var(--wc-primary),#B89200);padding:10px 16px;text-align:center;font-size:.72rem;font-weight:800;color:rgba(0,0,0,.7);text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:8px;}
.wc-footer-logo{max-height:20px;border-radius:4px;}
/* 3. Star */
.wc-star{background:radial-gradient(circle at 50% 40%,rgba(50,40,10,1) 0%,var(--wc-bg) 70%);}
.wc-star-rays{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;animation:wc-ray-spin 20s linear infinite;pointer-events:none;}
.wc-ray{position:absolute;top:50%;left:50%;width:2px;height:140px;background:linear-gradient(to top,transparent,rgba(255,215,0,.15));transform-origin:50% 100%;}
.wc-ray:nth-child(1){transform:rotate(0deg) translateX(-50%);}.wc-ray:nth-child(2){transform:rotate(30deg) translateX(-50%);}.wc-ray:nth-child(3){transform:rotate(60deg) translateX(-50%);}.wc-ray:nth-child(4){transform:rotate(90deg) translateX(-50%);}.wc-ray:nth-child(5){transform:rotate(120deg) translateX(-50%);}.wc-ray:nth-child(6){transform:rotate(150deg) translateX(-50%);}.wc-ray:nth-child(7){transform:rotate(180deg) translateX(-50%);}.wc-ray:nth-child(8){transform:rotate(210deg) translateX(-50%);}.wc-ray:nth-child(9){transform:rotate(240deg) translateX(-50%);}.wc-ray:nth-child(10){transform:rotate(270deg) translateX(-50%);}.wc-ray:nth-child(11){transform:rotate(300deg) translateX(-50%);}.wc-ray:nth-child(12){transform:rotate(330deg) translateX(-50%);}
.wc-star-circle{position:relative;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.2),transparent 70%);display:flex;align-items:center;justify-content:center;}
.wc-star .wc-center{padding-top:32px;gap:4px;}
.wc-champ-footer{text-align:center;padding:10px;font-size:.65rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:2px;}
/* 4. Ribbon */
.wc-ribbon{background:var(--wc-bg);}
.wc-ribbon-top{height:16px;background:linear-gradient(90deg,var(--wc-primary),var(--wc-accent),var(--wc-primary));}
.wc-ribbon-body{display:flex;align-items:center;gap:16px;padding:20px 20px 12px;}
.wc-ribbon-medal{display:flex;flex-direction:column;align-items:center;flex-shrink:0;}
.wc-ribbon-circle{width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,var(--wc-frame),#B8980A);padding:3px;}
.wc-ribbon-medal-text{font-size:1.8rem;margin-top:4px;}
.wc-ribbon-detail{flex:1;}
.wc-ribbon .wc-name{text-align:left;font-size:1rem;}.wc-ribbon .wc-institution,.wc-ribbon .wc-score,.wc-ribbon .wc-rank-display,.wc-ribbon .wc-reg{text-align:left;}
.wc-ribbon-stripe{height:8px;background:repeating-linear-gradient(90deg,var(--wc-primary) 0,var(--wc-primary) 12px,transparent 12px,transparent 20px);margin:0 20px;border-radius:4px;opacity:.4;}
/* 5. Trophy */
.wc-trophy{background:linear-gradient(180deg,rgba(18,14,35,1) 0%,var(--wc-bg) 100%);}
.wc-trophy-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(91,76,255,.07) 0%,transparent 70%);}
.wc-trophy-icon{font-size:4rem;text-align:center;padding:16px 0 4px;filter:drop-shadow(0 8px 16px rgba(255,215,0,.4));line-height:1;}
.wc-trophy-plaque{background:rgba(255,255,255,.04);border:1px solid rgba(255,215,0,.2);border-radius:16px;margin:12px 20px 20px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;}
/* 6. Badge */
.wc-badge{background:var(--wc-bg);}
.wc-badge-outer{display:flex;justify-content:center;align-items:center;padding-top:28px;position:relative;}
.wc-badge-ring{position:absolute;width:150px;height:150px;border-radius:50%;border:3px solid var(--wc-primary);opacity:.2;animation:wc-pulse 2s ease-in-out infinite;}
.wc-badge-inner{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--wc-frame),#A08000);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px rgba(255,215,0,.3);}
.wc-badge-rank{font-size:2.5rem;font-weight:900;color:rgba(0,0,0,.6);line-height:1;position:absolute;bottom:8px;right:10px;font-family:monospace;}
/* 7. Certificate */
.wc-certificate{background:rgba(12,12,28,1);}
.wc-cert-border{position:absolute;inset:8px;border:2px solid var(--wc-primary);border-radius:14px;opacity:.3;pointer-events:none;}
.wc-cert-border::before{content:'';position:absolute;inset:6px;border:1px solid var(--wc-primary);border-radius:10px;opacity:.5;}
.wc-cert-inner{display:flex;flex-direction:column;height:100%;padding:24px 24px 16px;}
.wc-cert-header{text-align:center;margin-bottom:12px;}
.wc-cert-title{font-size:.65rem;text-transform:uppercase;letter-spacing:3px;color:var(--wc-primary);margin-bottom:4px;}
.wc-cert-champ{font-size:1rem;font-weight:800;color:#FFF;}
.wc-cert-body{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;}
.wc-cert-label{font-size:.72rem;color:rgba(255,255,255,.5);font-style:italic;}
.wc-cert-name{font-size:1.3rem!important;color:var(--wc-primary)!important;}
.wc-cert-achievement{font-size:.82rem;color:rgba(255,255,255,.7);}
.wc-cert-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,215,0,.15);padding-top:10px;margin-top:8px;}
.wc-cert-seal{font-size:2rem;}.wc-cert-sign{font-size:.65rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;}
/* 8. Flame */
.wc-flame{background:linear-gradient(180deg,#1a0000,var(--wc-bg));}
.wc-flame-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(239,68,68,.2) 0%,transparent 60%);}
.wc-flames{position:absolute;bottom:0;left:0;right:0;height:120px;overflow:hidden;pointer-events:none;}
.wc-fitem{position:absolute;bottom:0;width:30px;border-radius:50% 50% 0 0;background:linear-gradient(to top,#EF4444,#F59E0B,rgba(255,215,0,.3));transform-origin:bottom center;animation:wc-flicker 1s ease-in-out infinite;}
.wc-fitem:nth-child(1){left:5%;height:60px;animation-delay:0s;}.wc-fitem:nth-child(2){left:15%;height:90px;animation-delay:.1s;}.wc-fitem:nth-child(3){left:25%;height:70px;animation-delay:.2s;}.wc-fitem:nth-child(4){left:38%;height:100px;animation-delay:.05s;}.wc-fitem:nth-child(5){left:50%;height:85px;animation-delay:.15s;}.wc-fitem:nth-child(6){left:62%;height:75px;animation-delay:.25s;}.wc-fitem:nth-child(7){left:75%;height:95px;animation-delay:.1s;}.wc-fitem:nth-child(8){left:87%;height:65px;animation-delay:.2s;}
.wc-flame-rank{font-size:1rem;font-weight:900;color:var(--wc-primary);background:rgba(0,0,0,.4);padding:4px 14px;border-radius:100px;border:1px solid rgba(255,215,0,.3);}
.wc-flame .wc-center{padding-top:28px;}
/* 9. Lightning */
.wc-lightning{background:linear-gradient(160deg,#000515,var(--wc-bg));}
.wc-lightning-bg{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(91,76,255,.03) 40px,rgba(91,76,255,.03) 41px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(91,76,255,.03) 40px,rgba(91,76,255,.03) 41px);}
.wc-lightning-bolt{font-size:5rem;text-align:center;padding-top:16px;filter:drop-shadow(0 0 20px rgba(91,76,255,.8));animation:wc-pulse 1.5s ease-in-out infinite;line-height:1;}
.wc-tech-rank{font-size:.65rem;font-weight:900;color:var(--wc-accent);text-transform:uppercase;letter-spacing:4px;border:1px solid var(--wc-accent);padding:3px 12px;border-radius:4px;margin-bottom:4px;}
.wc-lightning .wc-score{color:var(--wc-accent)!important;}
.wc-lightning-footer{background:var(--wc-accent);color:white;text-align:center;padding:10px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;}
/* 10. World */
.wc-world{background:var(--wc-bg);}
.wc-world-bg{position:absolute;inset:0;font-size:14rem;display:flex;align-items:center;justify-content:center;opacity:.04;pointer-events:none;overflow:hidden;}
.wc-world-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,26,.4) 0%,rgba(10,10,26,.95) 100%);}
.wc-world .wc-center{padding-top:24px;justify-content:center;}
/* 11. Banner */
.wc-banner{background:var(--wc-bg);}
.wc-banner-top{background:linear-gradient(135deg,var(--wc-primary),#B89200);padding:20px 20px 32px;position:relative;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);}
.wc-banner-title{font-size:1.1rem;font-weight:900;color:rgba(0,0,0,.7);text-align:center;text-transform:uppercase;letter-spacing:2px;}
.wc-banner-chevron{width:40px;height:4px;background:rgba(0,0,0,.3);border-radius:2px;margin:0 auto 8px;}
.wc-banner .wc-center{padding-top:12px;text-align:center;align-items:center;}
.wc-banner-bottom{background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.06);padding:10px 16px;text-align:center;font-size:.68rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:4px;}
/* 12. Photo Focus */
.wc-photo-focus{background:#000;min-height:400px;}
.wc-focus-photo-bg{position:absolute;inset:0;overflow:hidden;}
.wc-focus-bg-img{width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.4);}
.wc-focus-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 100%);}
.wc-focus-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;height:100%;padding:20px;gap:5px;min-height:400px;}
.wc-focus-medal{font-size:3rem;margin-bottom:4px;line-height:1;}
.wc-focus-name{font-size:1.3rem!important;}
/* Preview */
.ca-card-preview-wrap{display:flex;justify-content:center;padding:32px;background:rgba(0,0,0,.3);border-radius:16px;border:1px dashed rgba(255,255,255,.1);min-height:300px;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:20px;}
@media(max-width:380px){.champs-winner-card{width:100%;}}