body:has(#view-clasificacion:not([hidden])){background:#0a070b}
body:has(#view-clasificacion:not([hidden])) .music-dock{position:relative;bottom:auto;left:auto;transform:none;margin:24px auto}
#view-clasificacion h1,#view-clasificacion h2,#view-clasificacion h3{font-family:'DM Sans',sans-serif}
#view-clasificacion{max-width:1240px;margin:28px auto 90px;padding:0 30px;color:#fff}
.top-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin:35px 0 24px}.top-heading h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:10px 0}.top-heading h1 em{color:#ff315f;font-style:normal}.top-heading p{color:#baadb8;margin:0;max-width:570px;line-height:1.6}.top-kicker{color:#e59aaf;letter-spacing:3px;font-size:10px;font-weight:700}.top-periods{display:flex;border:1px solid #542030;border-radius:10px;padding:4px;gap:4px;flex-shrink:0}.top-periods button{border:0;background:transparent;padding:10px 15px;border-radius:7px;color:#bfaeb8;cursor:pointer}.top-periods button[aria-pressed=true]{background:#40202e;color:#fff}
.ranking-shell{border:1px solid #7a203955;border-radius:22px;background:linear-gradient(155deg,#210b16cc,#100a10 50%,#160912);overflow:hidden;box-shadow:0 30px 90px #0005}
.rank-switch-wrap{padding:18px 20px;border-bottom:1px solid #ffffff0c;overflow:auto;scrollbar-width:thin;scrollbar-color:#862039 transparent}.rank-switch{position:relative;isolation:isolate;display:flex;gap:3px;width:max-content;min-width:100%;padding:4px;background:#0b080c;border:1px solid #6b2136;border-radius:12px}.rank-switch:before{content:'';position:absolute;z-index:-1;left:0;top:4px;bottom:4px;width:var(--rank-width,0px);transform:translateX(var(--rank-x,4px));background:linear-gradient(130deg,#fb194e,#ad1035);border:1px solid #ff3b67;border-radius:8px;box-shadow:0 0 20px #ff17443b;transition:transform .28s ease,width .28s ease}.rank-switch button{flex:1;border:0;border-radius:8px;background:transparent;color:#bbaab6;padding:13px 15px;font:600 12px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}.rank-switch button[aria-pressed=true]{color:white}.rank-switch button:focus-visible,.top-periods button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.rank-title{padding:30px 30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.rank-title h2{font-size:28px;letter-spacing:-.7px;margin:7px 0}.rank-title p{color:#b9a4b0;font-size:13px;margin:0}.rank-count{font-size:12px;color:#f0bacb;border:1px solid #7f2843;border-radius:30px;padding:9px 14px;white-space:nowrap}
.rank-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:end;padding:24px 30px 32px;min-height:375px;background:radial-gradient(ellipse at 50% 90%,#ad173922,transparent 65%)}.podium-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:1px solid #653045;border-radius:18px;min-width:0;height:310px;background:linear-gradient(180deg,#24101e44,#35132399);color:#fff;text-decoration:none;overflow:hidden;transition:transform .2s,border-color .2s}.podium-card:hover{transform:translateY(-5px);border-color:#ff7399}.podium-card:nth-child(1){grid-column:2;grid-row:1;height:350px;border-color:#ff4266;background:radial-gradient(ellipse at 50% 35%,#dc245343,transparent 70%),linear-gradient(180deg,#39101c55,#510e26);box-shadow:0 0 40px #f6204213}.podium-card:nth-child(2){grid-column:1;grid-row:1}.podium-card:nth-child(3){grid-column:3;grid-row:1}.podium-position{position:absolute;top:17px;left:18px;font:800 25px 'DM Sans',sans-serif;color:#f9b6c9}.podium-card:nth-child(1) .podium-position{color:#ffd77c}.podium-crown{position:absolute;right:17px;top:19px;color:#ffd77c;font-size:12px;letter-spacing:2px}.podium-art{height:220px;width:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.podium-card:nth-child(1) .podium-art{height:250px}.podium-art:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#ff729b,transparent)}.podium-art canvas{width:240px;height:240px;max-width:100%;object-fit:contain}.podium-status{position:absolute;top:50%;font-size:12px;color:#b89ba9}.podium-art canvas[hidden]{display:none}.podium-info{padding:18px;text-align:center;z-index:1}.podium-info b{font-size:19px;display:block;overflow-wrap:anywhere}.podium-info strong{display:block;font-size:25px;color:#ffccda;margin:5px 0}.podium-info small{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#c4a5b4}
.rank-empty{margin:24px 30px 30px;padding:60px 20px;text-align:center;border:1px dashed #6d2a42;border-radius:16px;background:radial-gradient(ellipse at top,#3b0c2044,transparent 70%)}.rank-empty .empty-trophy{font-size:35px;color:#ff7597}.rank-empty h3{font-size:22px;margin:18px 0 9px}.rank-empty p{color:#b6a3b0;line-height:1.7;max-width:420px;margin:auto}.rank-empty button{margin-top:18px;background:#62142d;color:#fff;border:1px solid #b6365b;padding:10px 20px;border-radius:8px;cursor:pointer}
.rank-list{margin:0 30px 25px}.rank-list-header{display:grid;grid-template-columns:72px 1fr 180px;gap:14px;padding:13px 18px;border-bottom:1px solid #71304755;font-size:10px;letter-spacing:2px;color:#c58ea3}.rank-list-header span:last-child{text-align:right}.rank-row{display:grid;grid-template-columns:72px 1fr 180px;gap:14px;align-items:center;padding:18px;border-bottom:1px solid #ffffff09;color:#fff;text-decoration:none;transition:background .2s}.rank-row:hover{background:#60203933}.rank-row>span{color:#ff91b0;font-weight:700}.rank-row b{font-size:14px;overflow-wrap:anywhere}.rank-row strong{text-align:right;font-size:17px;font-variant-numeric:tabular-nums}.rank-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:0 20px 25px}.rank-pagination button{border:1px solid #6d2941;border-radius:8px;background:#240e19;color:#fff;padding:10px 18px;cursor:pointer}.rank-pagination button:disabled{opacity:.35;cursor:default}.rank-pagination span{font-size:12px;color:#baa8b4}.rank-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 30px;background:#0002;border-top:1px solid #ffffff08;color:#a58b9a;font-size:11px;line-height:1.6}.rank-footer p{margin:0}.rank-loading{opacity:.5;pointer-events:none}
.portrait-placeholder{display:flex;flex-direction:column;align-items:center;gap:20px;color:#d7b2c2}.portrait-monogram{width:108px;height:108px;display:flex;justify-content:center;align-items:center;border:1px solid #9d516d55;border-radius:50%;background:radial-gradient(circle at 35% 25%,#8e365c44,#160b16);font:700 32px 'DM Sans',sans-serif;box-shadow:0 0 0 12px #9d516d09,0 0 0 24px #9d516d05}.portrait-placeholder small{font-size:8px;letter-spacing:2px;opacity:.65}.podium-award{display:block;font-size:8px;letter-spacing:2.5px;color:#c9a3b2;margin-bottom:9px}.rank-top-five{display:inline-block;margin-left:12px;font-size:8px;letter-spacing:1.5px;color:#dbb976;border:1px solid #80642e;padding:4px 7px;border-radius:4px}.rank-distinguished{background:linear-gradient(90deg,#69501e16,transparent);border-radius:8px}.podium-crown{font-size:27px;top:14px;right:18px}.podium-card{height:350px}.podium-card:nth-child(1){height:400px}
#view-clasificacion[data-metric=donations] .ranking-shell{background:linear-gradient(140deg,#231c11,#0e0c0d 55%,#1c1310);border-color:#a47d374d}
#view-clasificacion[data-metric=donations] .rank-switch{border-color:#8e6a35;background:#100e0b}
#view-clasificacion[data-metric=donations] .rank-switch:before{background:linear-gradient(120deg,#e4bc63,#a67932);border-color:#ffde8b;box-shadow:0 0 25px #e6ae4033}
#view-clasificacion[data-metric=donations] .rank-switch button[aria-pressed=true]{color:#241808}
#view-clasificacion[data-metric=donations] .rank-count{color:#efd49c;border-color:#7a5f31}
#view-clasificacion[data-metric=donations] .rank-title .top-kicker{color:#bb9658}
#view-clasificacion[data-metric=donations] .rank-title h2{color:#fff0cf}
#view-clasificacion[data-metric=donations] .rank-podium{background:radial-gradient(ellipse at 50% 40%,#c0882522,transparent 68%);padding-top:36px}
#view-clasificacion[data-metric=donations] .podium-card{border-color:#69717b;background:radial-gradient(ellipse at top,#8995a32b,transparent 70%),linear-gradient(#181b20,#24272c);box-shadow:inset 0 1px #c8d0dc35}
#view-clasificacion[data-metric=donations] .podium-card:nth-child(1){border-color:#dab768;background:radial-gradient(ellipse at 50% 10%,#dfac4b55,transparent 75%),linear-gradient(150deg,#3c2d13,#21170e 60%,#55401a);box-shadow:0 0 60px #ce96321c,inset 0 1px #fff0b9aa}
#view-clasificacion[data-metric=donations] .podium-card:nth-child(3){border-color:#a9704d;background:radial-gradient(ellipse at top,#a568422d,transparent 70%),linear-gradient(#201813,#38251c)}
#view-clasificacion[data-metric=donations] .podium-card:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff0b;border-radius:12px;pointer-events:none}
#view-clasificacion[data-metric=donations] .podium-art:after{background:linear-gradient(90deg,transparent,#e7ca82,transparent)}
#view-clasificacion[data-metric=donations] .podium-card:nth-child(1) .podium-info strong{color:#ffdb83;font-size:36px}
#view-clasificacion[data-metric=donations] .podium-info strong{color:#e1e6ef;font-size:30px}
#view-clasificacion[data-metric=donations] .podium-card:nth-child(3) .podium-info strong{color:#efbd99}
#view-clasificacion[data-metric=donations] .podium-info b{letter-spacing:.5px}
#view-clasificacion[data-metric=donations] .podium-award,#view-clasificacion[data-metric=donations] .podium-info small{color:#e8c897}
#view-clasificacion[data-metric=donations] .portrait-placeholder{color:#e2cf9f}
#view-clasificacion[data-metric=donations] .portrait-monogram{border-color:#c6a05466;background:radial-gradient(circle at 35% 25%,#a9823444,#17130e);box-shadow:0 0 0 12px #c6a0540b,0 0 0 24px #c6a05405}
#view-clasificacion[data-metric=donations] .rank-row>span{color:#e5c37e}
#view-clasificacion[data-metric=donations] .rank-list-header{color:#bfa67a;border-color:#75603644}
#view-clasificacion[data-metric=donations] .rank-row:hover{background:#a4812820}
#view-clasificacion[data-metric=hours] .rank-switch:before{background:linear-gradient(120deg,#247caa,#245074);border-color:#76caec}
#view-clasificacion[data-metric=roses] .rank-switch:before{background:linear-gradient(120deg,#b73373,#7e214c);border-color:#ff7cba}
#view-clasificacion[data-metric=points] .rank-switch:before{background:linear-gradient(120deg,#7953b9,#482c7a);border-color:#bd9cf1}
#view-clasificacion [hidden]{display:none!important}
.trophy-frame{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;color:#c2cfe2;filter:drop-shadow(0 0 7px #c2cfe225)}
#view-clasificacion .rank-podium .podium-card{border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible;height:430px;justify-content:flex-end;padding:24px 15px 27px}
#view-clasificacion .rank-podium .podium-card:before{display:none}
#view-clasificacion .rank-podium .podium-card:nth-child(1){height:475px}
.podium-card:nth-child(1) .trophy-frame{color:#ffc94f;filter:drop-shadow(0 0 11px #ffc94f33)}
.podium-card:nth-child(3) .trophy-frame{color:#dc8f50;filter:drop-shadow(0 0 7px #dc8f5025)}
#view-clasificacion .podium-card .podium-art{height:280px;position:relative;z-index:1;flex:1;overflow:hidden;mask-image:linear-gradient(#000 93%,transparent)}
#view-clasificacion .podium-card:nth-child(1) .podium-art{height:320px}
#view-clasificacion .podium-art:after{display:none}
#view-clasificacion .donor-portrait{display:block;position:absolute;top:-16px;left:50%;width:100%;max-width:340px;height:auto;transform:translateX(-50%);object-fit:contain;animation:donorFloat 5s ease-in-out infinite;filter:drop-shadow(0 9px 7px #0007);will-change:transform}
#view-clasificacion .podium-card:nth-child(2) .donor-portrait{width:88%;top:-13px;animation-delay:-1.7s}
#view-clasificacion .podium-card:nth-child(3) .donor-portrait{top:-25px;animation-delay:-3.2s}
#view-clasificacion .podium-position{z-index:3;top:45px;left:28px;font-size:25px;text-shadow:0 2px 5px #000}
#view-clasificacion .podium-card:nth-child(2) .podium-position{color:#d6e7ff}
#view-clasificacion .podium-card:nth-child(3) .podium-position{color:#edb68a}
#view-clasificacion .podium-info{width:100%;padding:10px 8px 12px;position:relative;z-index:3;text-shadow:0 2px 5px #000}
#view-clasificacion .donor-coin{right:25px;top:43px;font:bold 17px/30px 'DM Sans',sans-serif;width:32px;height:32px;display:block;text-align:center;border:2px solid #ffe49a;border-radius:50%;background:linear-gradient(135deg,#f8d985,#b17b28);color:#6d4619;box-shadow:inset 0 0 0 3px #94652255,0 0 12px #ffd35d44;z-index:3;letter-spacing:0}
@keyframes donorFloat{0%,100%{transform:translate(-50%,0) rotate(-1deg)}50%{transform:translate(-50%,-9px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){#view-clasificacion .donor-portrait{animation:none;will-change:auto}}
@media(max-width:760px){#view-clasificacion{padding:0 16px;margin-top:20px}.top-heading{align-items:flex-start;flex-direction:column;margin-top:20px}.top-heading h1{letter-spacing:-1px}.rank-title{padding:24px 18px 0;align-items:flex-start}.rank-count{font-size:10px;padding:7px}.rank-title h2{font-size:24px}.rank-switch-wrap{padding:12px}.rank-podium{gap:8px;padding:24px 12px;min-height:300px;grid-template-columns:1fr 1.05fr 1fr}.podium-card{height:240px;border-radius:12px}.podium-card:nth-child(1){height:270px}.podium-position{font-size:20px;top:12px;left:12px}.podium-crown{display:none}.podium-art,.podium-card:nth-child(1) .podium-art{height:170px}.podium-art canvas{width:170px;height:170px;min-width:170px}.podium-info{padding:12px 5px}.podium-info b{font-size:12px}.podium-info strong{font-size:18px}.podium-info small{font-size:8px;letter-spacing:.6px}.podium-status{font-size:10px;text-align:center}.rank-list{margin:0 12px 20px}.rank-row,.rank-list-header{grid-template-columns:38px 1fr 100px;padding:15px 10px;gap:9px}.rank-list-header{font-size:9px;letter-spacing:1px}.rank-row strong{font-size:14px}.rank-footer{flex-direction:column;gap:6px;padding:16px 20px}.rank-empty{margin:22px 16px;padding:40px 15px}.rank-pagination{gap:12px}.rank-pagination button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.rank-switch:before,.podium-card{transition:none}}
@media(max-width:760px){.portrait-monogram{width:60px;height:60px;font-size:22px;box-shadow:none!important}.portrait-placeholder{gap:15px}.portrait-placeholder small{font-size:6px;letter-spacing:.5px}.podium-award{font-size:6px;letter-spacing:.6px}.rank-top-five{display:block;width:max-content;margin:6px 0 0}#view-clasificacion[data-metric=donations] .podium-info strong,#view-clasificacion[data-metric=donations] .podium-card:nth-child(1) .podium-info strong{font-size:22px}.podium-crown{display:block;font-size:18px;right:10px;top:12px}}
@media(max-width:760px){#view-clasificacion .rank-podium .podium-card{height:290px;padding:18px 7px 17px}#view-clasificacion .rank-podium .podium-card:nth-child(1){height:325px}#view-clasificacion .podium-position{top:30px;left:14px;font-size:18px}#view-clasificacion .donor-coin{top:29px;right:11px;width:20px;height:20px;font-size:11px;line-height:17px;border-width:1px;box-shadow:inset 0 0 0 2px #94652255}#view-clasificacion .podium-card .podium-art{min-height:125px}#view-clasificacion .donor-portrait{top:15px;width:140%;max-width:none}#view-clasificacion .podium-card:nth-child(2) .donor-portrait{width:125%;top:17px}#view-clasificacion .podium-card:nth-child(3) .donor-portrait{top:8px}#view-clasificacion .podium-info{padding:5px 2px 10px}#view-clasificacion .podium-info b{font-size:11px}#view-clasificacion[data-metric=donations] .podium-info strong{font-size:18px}}