.ranking-root{--cyan-2:#67e8f9;--cyan-deep:#0891b2;--purple:#a855f7;--purple-2:#c084fc;--amber:#f59e0b;--gold:#fbbf24;--gold-deep:#d97706;--gold-light:#fde68a;--emerald:#10b981;--rose:#fb7185;--dim:#64748b;--font-rune:"Cinzel", serif}.ranking-ambient{z-index:0;pointer-events:none;background:radial-gradient(50% 40% at 50% 0,#fbbf241a,#0000 60%),radial-gradient(60% 50% at 15% 30%,#22d3ee14,#0000 60%),radial-gradient(60% 50% at 85% 70%,#a855f714,#0000 60%);position:fixed;inset:0}.ranking-h-title{font-family:var(--font-rune);letter-spacing:.04em;background:linear-gradient(#fff8e1 0%,#fbbf24 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2.4rem;font-weight:700}.ranking-h-sub{font-family:var(--font-body);color:var(--muted);margin-bottom:6px;font-size:.92rem}.ranking-h-meta{font-family:var(--font-mono);letter-spacing:.22em;color:var(--dim,#64748b);text-transform:uppercase;align-items:center;gap:18px;margin-bottom:32px;font-size:.58rem;display:flex}.ranking-h-meta .pill{color:var(--gold);background:#fbbf240d;border:1px solid #fbbf2440;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.ranking-h-meta .pill .dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;animation:1.6s ease-in-out infinite dotpulse}@keyframes dotpulse{0%,to{opacity:1}50%{opacity:.4}}.filter-bar{background:linear-gradient(#0a1428b3,#070d1a99);border:1px solid #22d3ee1f;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding:14px 16px;display:flex;position:relative;box-shadow:inset 0 0 40px #22d3ee0a}.filter-bar:before,.filter-bar:after{content:"";pointer-events:none;border:1px solid #22d3ee73;width:14px;height:14px;position:absolute}.filter-bar:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.filter-bar:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.filter-bar .tabs{flex-wrap:wrap;gap:6px;display:flex}.filter-bar .tab{font-family:var(--font-display);letter-spacing:.18em;cursor:pointer;color:var(--muted);text-transform:uppercase;background:0 0;border:1px solid #22d3ee2e;border-radius:3px;padding:.7rem 1.1rem;font-size:.66rem;font-weight:700;transition:all .15s}.filter-bar .tab:hover{color:var(--cyan-2);border-color:#22d3ee66}.filter-bar .tab.active{color:#e6f9ff;border-color:var(--cyan);background:linear-gradient(#22d3ee33,#22d3ee14);box-shadow:0 0 18px #22d3ee4d,inset 0 0 16px #22d3ee1a}.friends-toggle{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:4px;align-items:center;gap:8px;padding:.6rem 1rem;font-size:.62rem;transition:all .15s;display:inline-flex}.friends-toggle:hover{color:var(--cyan-2);border-color:#22d3ee4d}.friends-toggle.on{color:var(--cyan);background:#22d3ee0f;border-color:#22d3ee99;box-shadow:0 0 12px #22d3ee33,inset 0 0 10px #22d3ee0d}.friends-toggle .sw{background:#1e293b;border-radius:8px;width:24px;height:12px;transition:all .2s;position:relative}.friends-toggle .sw:after{content:"";background:#475569;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:1px;left:1px}.friends-toggle.on .sw{background:#22d3ee4d}.friends-toggle.on .sw:after{background:var(--cyan);box-shadow:0 0 8px var(--cyan);left:13px}.podium{grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:18px;min-height:560px;margin-bottom:48px;display:grid;position:relative}.podium:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 100% at 50% 0,#fbbf242e,#0000 70%);height:120px;position:absolute;bottom:-32px;left:-40px;right:-40px}.pcard{isolation:isolate;border:1px solid var(--border);background:linear-gradient(#0a1428d9 0%,#050a18f2 100%);border-radius:6px;padding:32px 26px 26px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pcard:hover{transform:translateY(-6px)}.pcard .brk{pointer-events:none;z-index:5;width:16px;height:16px;position:absolute}.pcard .brk.tl{border-top:1.5px solid;border-left:1.5px solid;top:-1px;left:-1px}.pcard .brk.tr{border-top:1.5px solid;border-right:1.5px solid;top:-1px;right:-1px}.pcard .brk.bl{border-bottom:1.5px solid;border-left:1.5px solid;bottom:-1px;left:-1px}.pcard .brk.br{border-bottom:1.5px solid;border-right:1.5px solid;bottom:-1px;right:-1px}.rank-seal{place-items:center;width:88px;height:88px;margin:-8px auto 14px;display:grid;position:relative}.rank-seal svg.ring{width:100%;height:100%;position:absolute;inset:0}.rank-num{font-family:var(--font-rune);z-index:2;text-shadow:0 0 18px;font-size:2.6rem;font-weight:800;line-height:1;position:relative}.role-badge{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto 18px;padding:6px 14px;font-size:.62rem;font-weight:700;display:flex}.role-badge .glyph{font-family:var(--font-rune);letter-spacing:0;font-size:.85rem}.pcard .ava-wrap{border-radius:50%;place-items:center;width:120px;height:120px;margin:0 auto 16px;display:grid;position:relative}.pcard .ava-ring{opacity:.7;border:1px solid;border-radius:50%;position:absolute;inset:-6px}.pcard .ava-ring2{opacity:.4;border:1px dashed;border-radius:50%;animation:22s linear infinite spin;position:absolute;inset:-14px}.pcard .ava{width:100%;height:100%;font-family:var(--font-rune);color:#fff;text-shadow:0 0 14px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:50%;place-items:center;font-size:2.2rem;display:grid;box-shadow:inset 0 0 24px #0009}.pcard .apodo{font-family:var(--font-display);letter-spacing:.06em;text-align:center;color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:700}.pcard .title-line{font-family:var(--font-rune);text-align:center;letter-spacing:.06em;margin-bottom:18px;font-size:.78rem;font-style:italic}.pstats{border:1px solid var(--border);background:#0307128c;border-radius:4px;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;padding:12px;display:grid}.pstat{flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex}.pstat .lbl{font-family:var(--font-mono);letter-spacing:.2em;color:var(--dim,#64748b);text-transform:uppercase;font-size:.5rem}.pstat .val{font-family:var(--font-display);color:#fff;align-items:center;gap:4px;font-size:.95rem;font-weight:700;display:inline-flex}.pstat .val .icon{align-items:center;display:inline-flex}.pcard .glow{z-index:-1;pointer-events:none;opacity:.7;mix-blend-mode:screen;filter:blur(28px);background:radial-gradient(80% 60% at 50% 0,currentColor,#0000 70%);position:absolute;inset:0}.pcard.t1{color:var(--gold);background:radial-gradient(100% 60% at 50% 0,#fbbf242e,#0000 60%),linear-gradient(#140f05f2 0%,#080602fa 100%);border:1px solid #fbbf2466;animation:4.5s ease-in-out infinite t1-breathe;transform:translateY(-32px);box-shadow:0 0 0 1px #fbbf2426,0 0 60px #fbbf2440,0 30px 60px -20px #fbbf244d,inset 0 1px #fde68a2e,inset 0 -40px 80px #d977061a}@keyframes t1-breathe{0%,to{box-shadow:0 0 0 1px #fbbf2426,0 0 60px #fbbf2440,0 30px 60px -20px #fbbf244d,inset 0 1px #fde68a2e,inset 0 -40px 80px #d977061a}50%{box-shadow:0 0 0 1px #fbbf244d,0 0 90px #fbbf2473,0 30px 60px -20px #fbbf2473,inset 0 1px #fde68a47,inset 0 -40px 80px #d977062e}}.pcard.t1 .rank-num{color:var(--gold);background:linear-gradient(#fff8e1 0%,#fbbf24 60%,#d97706 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #fbbf2499);-webkit-background-clip:text;background-clip:text}.pcard.t1 .role-badge{color:var(--gold);background:linear-gradient(#fbbf2426,#d9770614);border-color:#fbbf2480}.pcard.t1 .ava{color:#fde68a;background:linear-gradient(135deg,#3a2810,#1a1208)}.pcard.t1 .apodo{color:#fff8e1;text-shadow:0 0 18px #fbbf2466}.pcard.t1 .title-line{color:#fde68ad9}.pcard.t1 .pstat .val{color:#fff8e1}.pcard.t1 .pstats{background:#140c028c;border-color:#fbbf2433}.pcard.t1 .brk{border-color:#fbbf2499}.t1-rays{z-index:-1;pointer-events:none;opacity:.5;background:conic-gradient(#0000 0deg,#fbbf242e 4deg,#0000 8deg 22deg,#fbbf241f 26deg,#0000 30deg 50deg,#fbbf242e 54deg,#0000 58deg 90deg,#fbbf241f 94deg,#0000 98deg 130deg,#fbbf242e 134deg,#0000 138deg 180deg,#fbbf241f 184deg,#0000 188deg 230deg,#fbbf242e 234deg,#0000 238deg 280deg,#fbbf241f 284deg,#0000 288deg 330deg,#fbbf242e 334deg,#0000 338deg 360deg);animation:80s linear infinite spin;position:absolute;inset:-60px;-webkit-mask-image:radial-gradient(circle,#0000 30%,#000 50%,#0000 90%);mask-image:radial-gradient(circle,#0000 30%,#000 50%,#0000 90%)}.crown{z-index:6;filter:drop-shadow(0 0 14px #fbbf24b3);width:84px;height:48px;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.crown svg{width:100%;height:100%}.pcard.t2{color:var(--cyan-2);background:radial-gradient(100% 60% at 50% 0,#22d3ee1f,#0000 60%),linear-gradient(#08101cf2 0%,#030810fa 100%);border:1px solid #22d3ee4d;transform:translateY(-4px);box-shadow:0 0 0 1px #22d3ee1a,0 0 40px #22d3ee2e,0 20px 40px -16px #22d3ee40,inset 0 1px #67e8f926}.pcard.t2 .rank-num{color:var(--cyan);background:linear-gradient(#e0f7fa 0%,#67e8f9 60%,#0891b2 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #22d3ee99);-webkit-background-clip:text;background-clip:text}.pcard.t2 .role-badge{color:var(--cyan-2);background:#22d3ee14;border-color:#22d3ee66}.pcard.t2 .ava{color:#a5f3fc;background:linear-gradient(135deg,#0c2530,#06141d)}.pcard.t2 .apodo{color:#ecfeff;text-shadow:0 0 14px #22d3ee66}.pcard.t2 .title-line{color:#a5f3fcd1}.pcard.t2 .pstats{border-color:#22d3ee2e}.pcard.t2 .brk{border-color:#22d3ee80}.pcard.t3{color:var(--purple-2);background:radial-gradient(100% 60% at 50% 0,#a855f71f,#0000 60%),linear-gradient(#100a1cf2 0%,#080410fa 100%);border:1px solid #a855f74d;transform:translateY(8px);box-shadow:0 0 0 1px #a855f71a,0 0 36px #a855f729,0 18px 36px -16px #a855f738,inset 0 1px #c084fc26}.pcard.t3 .rank-num{color:var(--purple-2);background:linear-gradient(#f3e8ff 0%,#c084fc 60%,#7e22ce 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #a855f799);-webkit-background-clip:text;background-clip:text}.pcard.t3 .role-badge{color:var(--purple-2);background:#a855f714;border-color:#a855f766}.pcard.t3 .ava{color:#e9d5ff;background:linear-gradient(135deg,#1f1030,#0e081a)}.pcard.t3 .apodo{color:#faf5ff;text-shadow:0 0 14px #a855f766}.pcard.t3 .title-line{color:#e9d5ffd1}.pcard.t3 .pstats{border-color:#a855f72e}.pcard.t3 .brk{border-color:#a855f780}.particles{pointer-events:none;border-radius:6px;position:absolute;inset:0;overflow:hidden}.particles .p{opacity:0;background:currentColor;border-radius:50%;width:3px;height:3px;animation:linear infinite rise;position:absolute;box-shadow:0 0 6px}@keyframes rise{0%{opacity:0;transform:translateY(20px)scale(.4)}10%{opacity:.9}90%{opacity:.6}to{opacity:0;transform:translateY(-340px)scale(1)}}.pedestal{font-family:var(--font-rune);letter-spacing:.5em;text-transform:uppercase;border-top:1px dashed;justify-content:center;align-items:center;height:46px;margin-top:10px;font-size:.65rem;font-weight:800;display:flex}.pcard.t1 .pedestal{color:#fbbf24b3}.pcard.t2 .pedestal{color:#22d3eeb3}.pcard.t3 .pedestal{color:#a855f7b3}.pcard .you{font-family:var(--font-mono);letter-spacing:.16em;opacity:.85;margin-left:6px;font-size:.55rem}.pcard.t1 .you{color:var(--gold-light)}.pcard.t2 .you{color:var(--cyan-2)}.pcard.t3 .you{color:var(--purple-2)}.table-wrap{background:linear-gradient(#0a142866,#070d1a80);border:1px solid #22d3ee1f;border-radius:6px;position:relative;overflow:hidden}.table-wrap:before,.table-wrap:after{content:"";pointer-events:none;z-index:5;border:1px solid #22d3ee73;width:14px;height:14px;position:absolute}.table-wrap:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.table-wrap:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.thead{grid-template-columns:var(--cols,60px 1fr 110px 90px 150px);border-bottom:1px solid var(--border);font-family:var(--font-display);letter-spacing:.18em;color:var(--cyan);text-transform:uppercase;background:#22d3ee0d;align-items:center;gap:10px;padding:1rem 1.5rem;font-size:.62rem;font-weight:700;display:grid}.thead .ic{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.trow{grid-template-columns:var(--cols,60px 1fr 110px 90px 150px);border-top:1px solid #ffffff0a;align-items:center;gap:10px;padding:1rem 1.5rem;transition:background .15s;display:grid}.trow:first-child{border-top:none}.trow:hover{background:#22d3ee0a}.trow .pos{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:1rem;font-weight:700}.trow .nick{font-family:var(--font-display);color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.trow .nick .insignia{font-family:var(--font-mono);letter-spacing:.16em;color:var(--cyan);text-transform:uppercase;background:#22d3ee14;border:1px solid #22d3ee40;border-radius:2px;padding:2px 6px;font-size:.5rem}.trow .nick .you{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.16em;opacity:.85;margin-left:2px;font-size:.55rem}.num{text-align:right;font-family:var(--font-display);justify-content:flex-end;align-items:center;gap:6px;font-size:.95rem;font-weight:800;display:inline-flex}.num.prest{color:var(--gold)}.num.lvl{color:var(--cyan-2)}.num.coin{color:var(--gold)}.trow.me{background:linear-gradient(90deg,#22d3ee1a,#22d3ee05);position:relative}.trow.me:before{content:"";background:var(--cyan);width:3px;box-shadow:0 0 12px var(--cyan);position:absolute;top:0;bottom:0;left:0}.stickyme{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0a1428f2,#050a18fa);border:1px solid #22d3ee80;border-radius:8px;align-items:center;gap:18px;min-width:560px;max-width:calc(100vw - 32px);padding:12px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0009,0 0 30px #22d3ee40,inset 0 1px #67e8f92e}.stickyme:before,.stickyme:after{content:"";border:1px solid #22d3ee99;width:10px;height:10px;position:absolute}.stickyme:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.stickyme:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.sm-pos{font-family:var(--font-rune);color:var(--cyan);text-shadow:0 0 12px #22d3ee66;min-width:60px;font-size:1.4rem;font-weight:800}.sm-name{font-family:var(--font-display);color:#fff;font-size:.85rem;font-weight:600}.sm-tag{font-family:var(--font-mono);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:2px;font-size:.52rem}.sm-divider{background:linear-gradient(#0000,#ffffff1f,#0000);align-self:stretch;width:1px}.sm-stat{flex-direction:column;gap:2px;display:flex}.sm-stat .v{font-family:var(--font-display);color:#fff;align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.sm-delta{text-align:right;flex-direction:column;gap:2px;margin-left:auto;display:flex}.sm-delta .v{color:var(--gold);font-family:var(--font-display);justify-content:flex-end;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.sm-delta .cima{color:var(--gold);font-family:var(--font-rune);letter-spacing:.1em;font-size:.78rem}.sm-delta .arrow{color:var(--emerald,#10b981);font-size:.7rem}.ranking-empty{text-align:center;color:var(--muted);font-family:var(--font-body);padding:5rem 2rem}.ranking-empty .glyph{font-family:var(--font-rune);color:#22d3ee66;margin-bottom:14px;font-size:2.4rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.ranking-h-title{font-size:1.8rem}.podium{grid-template-columns:1fr;min-height:auto}.pcard.t1,.pcard.t2,.pcard.t3{transform:none}.pcard.t1{order:-1}.table-wrap{overflow-x:auto}.thead,.trow{min-width:600px}.stickyme{flex-wrap:wrap;gap:10px;width:calc(100vw - 24px);min-width:auto}.sm-divider{display:none}}@media (max-width:640px){.filter-bar{flex-direction:column;align-items:flex-start}}