.organic-contenders{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.organic-contenders .heading{display:flex;justify-content:space-between;gap:10px}
.organic-contenders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.organic-contenders .contender{position:relative;overflow:hidden;border:1px solid #d9dadd;border-radius:17px;background:#f8f8f7;padding:20px;color:#222}
.organic-contenders .contender.leader{border:2px solid #fb8d35;padding:19px;background:radial-gradient(ellipse at 28% 50%,#ffe5af99,transparent 70%),#fff9ef}
.organic-contenders .head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.organic-contenders .head h4{font-size:25px;letter-spacing:-.6px;margin:0}
.organic-contenders .medal{width:52px;height:52px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:3px double #fff;background:linear-gradient(135deg,#fafafa,#b7b8ba,#ededed);box-shadow:0 0 0 1px #b9bcc0,0 4px 6px #00000012;color:#4a4b4c;font-size:25px;font-weight:800;position:relative}
.organic-contenders .leader .medal{background:linear-gradient(135deg,#fff5bd,#f9be29,#ffe68e);color:#795006;box-shadow:0 0 0 1px #dfaa2a,0 4px 8px #c6862222}
.organic-contenders .tied .medal{background:#f1eee7;box-shadow:none;border-color:#ded8cd}
.organic-contenders .avatar{width:90px;height:130px;flex-shrink:0;position:relative;overflow:hidden}
.organic-contenders .avatar.single img{width:100%;height:100%;object-fit:contain}
.organic-contenders .avatar.pair{width:90px;height:130px}
.organic-contenders .avatar.pair img{position:absolute;height:130px;width:198px;max-width:none;top:0;object-fit:fill}
.organic-contenders .avatar.pair.edu img{left:-108px}
.organic-contenders .avatar.pair.ramon img{left:-13px}
.organic-contenders .value{font-size:49px;font-weight:750;line-height:1;letter-spacing:-2px}
.organic-contenders .leader .value{color:#ed680b}
.organic-contenders .label{font-size:12px;line-height:1.4;color:#637079;margin-top:8px}
.organic-contenders .state{font-size:12px;font-weight:650;border-radius:20px;padding:7px 10px;background:#eaeaea;display:inline-block;margin-top:5px}
.organic-contenders .leader .state{background:#ffe4b9;color:#ae5108}
.organic-contenders .leader .bar i{background:#ff984d}
.organic-contenders .share{font-size:12px;color:#667079;margin-top:9px}
.organic-contenders .gap{font-size:12px;font-weight:600;border-top:1px solid #ddd9d1;padding-top:11px;margin-top:12px;min-height:29px}
.organic-contenders .leader .gap{color:#ae5108}
.organic-contenders .sparks{position:absolute;left:20px;top:86px;width:96px;height:145px;pointer-events:none}
.organic-contenders .sparks i{position:absolute;width:4px;height:13px;background:#ff9c27;border-radius:3px;transform:rotate(var(--r))}
.organic-contenders .sparks i:nth-child(1){left:0;top:15px;--r:-40deg}
.organic-contenders .sparks i:nth-child(2){right:4px;top:0;--r:35deg}
.organic-contenders .sparks i:nth-child(3){right:0;bottom:8px;--r:50deg}
.organic-contenders .sparks i:nth-child(4){left:0;bottom:5px;--r:-35deg}
@media(max-width:560px){.organic-contenders{grid-template-columns:1fr}
.organic-contenders .avatar{width:90px}
.organic-contenders .heading{flex-wrap:wrap}
.organic-contenders .contender{padding:20px}
.organic-contenders .contender.leader{padding:19px}
}
@media(prefers-reduced-motion:no-preference){.organic-contenders .contender:hover .avatar{transform:translateY(-3px);transition:transform .2s ease}
}
.organic-contenders{gap:18px}
.organic-contenders .contender{display:grid;grid-template-columns:43% minmax(0,57%);padding:22px 14px 18px 8px;min-height:370px;border-radius:22px;align-items:center}
.organic-contenders .contender.leader{padding:21px 13px 17px 7px}
.organic-contenders .character-column{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}
.organic-contenders .avatar{height:300px;width:100%;z-index:1}
.organic-contenders .avatar.single img{object-fit:contain}
.organic-contenders .avatar.pair{width:190px;height:300px;max-width:100%}
.organic-contenders .avatar.pair img{height:300px;width:456px;top:0}
.organic-contenders .avatar.pair.edu img{left:calc(50% - 350px)}
.organic-contenders .avatar.pair.ramon img{left:calc(50% - 133px)}
.organic-contenders .score-column{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;position:relative;z-index:2}
.organic-contenders .medal{width:88px;height:88px;font-size:47px;border-width:5px;flex-shrink:0;margin-bottom:15px}
.organic-contenders .score-column h4{font-size:32px;letter-spacing:-1px;text-transform:uppercase;margin:0 0 9px;line-height:1.1;color:#171717;font-weight:800}
.organic-contenders .state{margin:0 0 14px;padding:8px 12px;font-size:13px;line-height:1.2}
.organic-contenders .score-box{background:#ffffffb8;border-radius:14px;padding:13px 10px;width:100%}
.organic-contenders .value{font-size:60px;color:#ed680b;line-height:1}
.organic-contenders .label{font-size:16px;font-weight:700;color:#161616;line-height:1.2;margin-top:5px}
.organic-contenders .gap{font-size:11px;line-height:1.4;margin-top:12px;padding-top:10px}
.organic-contenders .share{font-size:10px;line-height:1.5}
.organic-contenders .sparks{inset:24px 3px 20px;width:auto;height:auto}
.organic-contenders .sparks i{height:18px;width:5px}
.organic-contenders .sparks i:nth-child(1){top:18%;left:6px}
.organic-contenders .sparks i:nth-child(2){top:3%;right:10px}
.organic-contenders .sparks i:nth-child(3){bottom:16%;right:0}
.organic-contenders .sparks i:nth-child(4){bottom:20%;left:0}
@media(max-width:800px){.organic-contenders{grid-template-columns:1fr}
.organic-contenders .contender{max-width:500px;width:100%;margin:auto}
}
@media(max-width:400px){.organic-contenders .contender{grid-template-columns:40% minmax(0,60%);min-height:320px}
.organic-contenders .avatar{height:240px}
.organic-contenders .avatar.pair{height:240px}
.organic-contenders .avatar.pair img{height:240px;width:365px}
.organic-contenders .avatar.pair.edu img{left:calc(50% - 280px)}
.organic-contenders .avatar.pair.ramon img{left:calc(50% - 106px)}
.organic-contenders .medal{width:72px;height:72px;font-size:38px}
.organic-contenders .score-column h4{font-size:27px}
.organic-contenders .value{font-size:50px}
.organic-contenders .label{font-size:14px}
.organic-contenders .state{font-size:11px;padding:7px}
.organic-contenders .score-box{padding:12px 7px}
}
.organic-contenders{gap:18px}
.organic-contenders .contender{container-type:inline-size;display:block;position:relative;min-height:0;aspect-ratio:1 / 1.04;padding:0!important;border:2px solid #ddd9d2;border-radius:24px;background:#fffaf3;isolation:isolate}
.organic-contenders .contender.leader{border-color:#ff7a08;background:radial-gradient(ellipse at 24% 65%,#ffdc9766,transparent 65%),#fff9ee}
.organic-contenders .character-column{position:absolute;inset:0 auto 0 0;width:51%;display:block;z-index:1}
.organic-contenders .avatar{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;overflow:visible}
.organic-contenders .avatar.single img{position:absolute;width:142%;height:110%;max-width:none;left:-15%;top:-5%;object-fit:contain}
.organic-contenders .avatar.pair{overflow:hidden}
.organic-contenders .avatar.pair img{height:104%;width:auto;object-fit:contain;top:-2%;max-width:none}
.organic-contenders .avatar.pair.edu img{left:-193%}
.organic-contenders .avatar.pair.ramon img{left:-31%}
.organic-contenders .score-column{position:absolute;inset:0 3% 0 auto;width:51%;display:block;text-align:center;z-index:2}
.organic-contenders .medal{position:absolute;top:5%;left:26%;width:50%;height:auto;aspect-ratio:1;font-size:clamp(36px,14cqw,72px);margin:0;border:5px double #fff5cc;box-shadow:0 0 0 1px #c6c6c6,0 5px 9px #5552;font-weight:850}
.organic-contenders .leader .medal{background:linear-gradient(135deg,#fff8cd 0%,#ffdd65 34%,#efb320 70%,#ffe99a 100%);box-shadow:0 0 0 1px #dfaa2a,inset 0 0 0 2px #ffdb57,0 5px 9px #d290363b;color:#815400}
.organic-contenders .medal:before,.organic-contenders .medal:after{content:'';position:absolute;width:5px;height:18px;background:#ff8214;border-radius:5px;top:10%;left:-24%;transform:rotate(-45deg)}
.organic-contenders .medal:after{left:auto;right:-24%;transform:rotate(45deg)}
.organic-contenders .contender:not(.leader) .medal:before,.organic-contenders .contender:not(.leader) .medal:after{background:#bbb}
.organic-contenders .score-column h4{position:absolute;top:33%;left:0;width:100%;margin:0;font-size:clamp(27px,9cqw,45px);font-weight:900;letter-spacing:-1.2px;line-height:1}
.organic-contenders .state{position:absolute;top:44%;left:0;width:100%;margin:0;white-space:nowrap;padding:7px 2px;font-size:clamp(12px,4.6cqw,23px);font-weight:750;line-height:1.2;border-radius:30px}
.organic-contenders .leader .state{background:linear-gradient(90deg,#ffddad,#ffd08c);color:#c74b00}
.organic-contenders .score-box{position:absolute;top:57%;bottom:3%;left:-9%;width:109%;padding:3% 5%;background:#ffffffc9;border-radius:15px;display:flex;flex-direction:column;justify-content:center}
.organic-contenders .value{font-size:clamp(48px,21cqw,104px);font-weight:900;line-height:.92;letter-spacing:-4px;color:#f46500}
.organic-contenders .label{font-size:clamp(14px,5.2cqw,26px);font-weight:800;color:#111;line-height:1.1;margin:0 0 3%}
.organic-contenders .gap{display:flex;align-items:center;justify-content:center;gap:7px;min-height:0;font-size:clamp(10px,3cqw,15px);font-weight:750;line-height:1.3;margin:3% 0 0;padding-top:6%;border-color:#ffbe87;color:#151515!important}
.organic-contenders .growth-icon{height:18px;display:flex;align-items:end;gap:3px;flex-shrink:0}
.organic-contenders .growth-icon i{width:5px;height:9px;background:#ff790d;border-radius:1px}
.organic-contenders .growth-icon i:nth-child(2){height:13px}
.organic-contenders .growth-icon i:nth-child(3){height:18px}
.organic-contenders .contender:not(.leader) .growth-icon i{background:#999}
.organic-contenders .share{position:absolute;left:0;right:0;top:100%;margin-top:6px;font-size:10px;display:none}
.organic-contenders .sparks{inset:0;width:100%;height:100%;z-index:0}
.organic-contenders .sparks i{width:5px;height:25px;background:#ff8214}
.organic-contenders .sparks i:nth-child(1){top:23%;left:10%}
.organic-contenders .sparks i:nth-child(2){top:33%;right:5%}
.organic-contenders .sparks i:nth-child(3){bottom:26%;right:11%}
.organic-contenders .sparks i:nth-child(4){bottom:42%;left:9%}
.organic-contenders .contender:hover .avatar{transform:none!important}
.organic-contenders .tied .medal{border-color:#eee5d3}
.organic-contenders .tied .medal:before,.organic-contenders .tied .medal:after{display:none}
@media(max-width:800px){.organic-contenders .contender{max-width:500px;min-height:0;aspect-ratio:1 / 1.04}
.organic-contenders{gap:20px}
}
@media(max-width:400px){.organic-contenders .contender{min-height:0;grid-template-columns:none;border-radius:19px}
.organic-contenders .medal{border-width:3px}
.organic-contenders .score-box{border-radius:10px}
.organic-contenders .gap{gap:4px}
.organic-contenders .growth-icon{height:12px;gap:2px}
.organic-contenders .growth-icon i{width:3px;height:6px}
.organic-contenders .growth-icon i:nth-child(2){height:9px}
.organic-contenders .growth-icon i:nth-child(3){height:12px}
}

/* Compact leaderboard: two columns except on phones. */
.organic-contenders{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;width:100%;margin:24px auto 0;gap:18px}
.organic-contenders .contender{width:100%;max-width:none;margin:0}
@media(max-width:600px){.organic-contenders{grid-template-columns:1fr;max-width:360px;gap:16px}}
/* Scale every internal dimension with the card, including dashboard defaults. */
.organic-contenders .contender{border-radius:20px}
.organic-contenders .medal{font-size:14cqw;border-width:1cqw}
.organic-contenders .medal:before,.organic-contenders .medal:after{width:1cqw;height:3.6cqw;border-radius:1cqw}
.organic-contenders .score-column h4{font-size:9cqw;letter-spacing:-.24cqw;line-height:1;margin:0}
.organic-contenders .state{font-size:4.3cqw;padding:1.4cqw .4cqw;line-height:1.2;border-radius:6cqw}
.organic-contenders .score-box{padding:1.2cqw 1.8cqw;border-radius:3cqw;justify-content:center;gap:1cqw}
.organic-contenders .value{font-size:21cqw;line-height:.92;letter-spacing:-.8cqw;margin:0}
.organic-contenders .label{font-size:5.2cqw;line-height:1.1;margin:0;white-space:nowrap}
.organic-contenders .gap{font-size:2.8cqw;line-height:1.25;margin:0;padding-top:1.8cqw;gap:1cqw;min-height:0;flex-shrink:0}
.organic-contenders .growth-icon{height:3.6cqw;gap:.6cqw}
.organic-contenders .growth-icon i{width:1cqw;height:1.8cqw;border-radius:.2cqw}
.organic-contenders .growth-icon i:nth-child(2){height:2.6cqw}
.organic-contenders .growth-icon i:nth-child(3){height:3.6cqw}
.organic-contenders .sparks i{width:1cqw;height:5cqw;border-radius:.6cqw}