:root{--navy:#081235;--muted:#66738a;--edge:#e1e7f0;--red:#ff173d;--blue:#397cbe;--shadow:0 6px 28px rgba(16,36,79,.055);--shell:1536px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fdfdff;font-family:Poppins,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:calc(100% - 80px);max-width:var(--shell);margin:auto}.topbar{height:74px;background:#fff;border-bottom:1px solid #edf0f5;position:sticky;top:0;z-index:30}.head-inner{height:100%;display:flex;align-items:center;gap:58px}.logo{font-size:32px;font-weight:800;white-space:nowrap;letter-spacing:-1.6px;display:flex;align-items:center;gap:15px}.logo svg{fill:var(--navy)}.logo b,.closing strong span{color:#ff1335}.desktop-nav{display:flex;align-items:center;height:100%;gap:38px}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative;font-weight:500}.desktop-nav a.active{font-weight:700}.desktop-nav a.active:after{content:"";background:var(--red);height:3px;position:absolute;left:0;right:0;bottom:15px}.top-search{margin-left:auto;width:min(370px,27vw);background:#f7f9fc;border:1px solid #d6dfeb;border-radius:10px;height:43px;display:flex;align-items:center;padding:0 15px;gap:11px}.top-search svg,.search-field svg,.refresh svg{width:20px;height:20px;fill:none;stroke:#536685;stroke-width:2;stroke-linecap:round}.top-search input,.search-field input{border:0;outline:0;width:100%;background:transparent;min-width:0;color:var(--navy)}.top-search input::placeholder,.search-field input::placeholder{color:#7a879d}.hero{height:264px;position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f8fbff 55%,#e1ecfa 100%)}.hero-photo{position:absolute;right:0;top:0;width:53%;height:100%;background-image:linear-gradient(to right,#f8fbff 0%,rgba(248,251,255,.78) 12%,transparent 40%),url('./santiago.webp');background-size:cover;background-position:center 52%}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#edf0f4}.hero-inner{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-copy{max-width:810px;margin-top:-12px}.eyebrow{color:#4976b0;letter-spacing:2px;font-size:10px;font-weight:700;margin-bottom:10px}.tiny-star{color:var(--red)}h1{font-size:clamp(31px,3.9vw,57px);letter-spacing:-2.1px;line-height:1.13;margin:0 0 12px;font-weight:800}h1 span{white-space:nowrap}.hero-copy p{max-width:800px;color:#5e6d87;font-size:16px;line-height:1.65;margin:0;font-weight:400}.hero-status{min-width:240px;background:rgba(255,255,255,.96);box-shadow:0 4px 28px #20396325;border-radius:13px;padding:16px 20px;display:flex;align-items:center;gap:16px;margin-top:74px}.status-bar-icon{font-size:20px;letter-spacing:1px;color:#526683}.hero-status strong{display:block;color:#36496d;font-size:13px}.hero-status small{display:block;color:#7b8799;font-size:11px;margin-top:3px}.hero-status.live strong{color:#157a35}.hero-status.live strong:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#00a968;margin-right:7px}.tabs-row{height:65px;display:flex;gap:10px;position:relative;z-index:3;margin-top:-1px}.network-tab{height:61px;min-width:246px;padding:0 35px;border:1px solid #dfe5ef;border-bottom:0;background:#fff;color:var(--navy);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:13px;border-radius:11px 11px 0 0;position:relative}.network-tab svg{width:28px;height:28px}.network-tab.youtube.active{color:#fff;border:0;background:linear-gradient(135deg,#ff3457,#d3173a)}.network-tab.insta.active{color:white;border:0;background:linear-gradient(115deg,#ff785b,#d51c85,#8144ce)}.insta-icon{font-family:Arial,sans-serif;font-size:30px;line-height:1}.soon{font-size:9px;color:#b47dd1;border:1px solid #f0d6ff;border-radius:5px;padding:3px 5px}.main-section{padding-top:20px}.controls{display:grid;grid-template-columns:1.75fr 1fr 1fr 1.08fr;gap:16px}.field{min-width:0;display:flex;align-items:center;height:46px;border:1px solid #d9e1ec;background:#fff;border-radius:11px;box-shadow:0 1px 3px #c0c9d61a;color:#2a3753}.field:focus-within{border-color:#97b1de;box-shadow:0 0 0 3px #cfddf950}.search-field{gap:12px;padding:0 16px}.field-select{position:relative}.field-select select{appearance:none;border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 35px 0 16px;color:#263759;cursor:pointer;font-size:12px;font-weight:500}.field-select:after{content:"⌄";position:absolute;right:16px;top:8px;font-size:20px;color:#4d6080;pointer-events:none}.field-select:has(.select-label) select{padding-left:40px}.select-label{position:absolute;left:15px;color:#536684;font-size:22px;pointer-events:none}.notification{display:none;background:#fff9e8;border:1px solid #ffe2a4;color:#74521b;padding:13px 17px;border-radius:11px;margin-top:16px;font-size:12px;line-height:1.6}.notification.show{display:block}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0 21px}.section-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#8793a7}.section-title h2{font-size:32px;letter-spacing:-1.3px;margin:3px 0 2px}.section-title p{font-size:12px;color:#7b879c;margin:0}.yt-bubble{display:inline-flex;align-items:center;justify-content:center;width:31px;height:25px;background:#f03;color:#fff;border-radius:7px;font-size:13px;vertical-align:5px;letter-spacing:0}.refresh{background:#fff;border:1px solid #dce3ee;padding:10px 16px;border-radius:9px;display:flex;align-items:center;gap:9px;color:#4a5e7b;font-size:12px}.refresh:hover{background:#f5f7fb}.refresh svg{width:16px;height:16px}.skeleton-grid,.top-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.skeleton-grid>div{height:235px;border-radius:12px;background:linear-gradient(100deg,#edf1f7 20%,#f9fbff 45%,#edf1f7 70%);background-size:200% 100%;animation:shine 1.4s infinite}@keyframes shine{to{background-position-x:-200%}}.top-card{border:1px solid #dfe5ed;background:#fff;min-width:0;border-radius:13px;padding:15px;min-height:222px;position:relative;display:grid;grid-template-columns:42% minmax(0,1fr);gap:18px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.top-card:hover,.mini-card:hover{transform:translateY(-3px);box-shadow:0 14px 29px #14295916}.top-card.gold{border-color:#f6be3d;background:linear-gradient(105deg,#fff6e4,#fffaf0)}.top-card.silver{border-color:#b6c8dd;background:linear-gradient(105deg,#f4f8fe,#fff)}.top-card.bronze{border-color:#e7b5a6;background:linear-gradient(105deg,#fff5f0,#fff)}.big-avatar{width:100%;height:100%;min-height:188px;border-radius:9px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#d4e0ef,#8192ad);color:#fff;font-size:48px;font-weight:700;letter-spacing:-4px}.big-avatar img,.mini-avatar img{display:block;width:100%;height:100%;object-fit:cover}.big-avatar:has(img){background:#e8eefa}.top-card:nth-child(2) .big-avatar{background:linear-gradient(140deg,#d7dff3,#7582ac)}.top-card:nth-child(3) .big-avatar{background:linear-gradient(140deg,#f5dfcc,#a97570)}.place-medal{position:absolute;left:6px;top:-14px;width:46px;height:46px;border-radius:50%;background:#d9a53d;color:#fff;text-align:center;line-height:46px;font-size:25px;font-weight:800;box-shadow:0 3px 8px #1233}.place-medal.silver{background:#829fc4}.place-medal.bronze{background:#b66c51}.big-detail{min-width:0;display:flex;flex-direction:column;justify-content:center}.identity{display:flex;gap:5px;align-items:center;min-width:0}.identity .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:700}.yt-mark{margin-left:auto;width:22px;height:16px;background:#f03;color:#fff;border-radius:5px;font-size:10px;line-height:16px;text-align:center;flex:none}.handle{font-size:11px;color:#78859b;margin:3px 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.big-number{font-size:30px;font-weight:800;letter-spacing:-1.4px;line-height:1}.number-label{font-size:11px;color:#7a869a;margin:3px 0 15px}.stats-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat{min-width:0}.stat strong{font-size:13px;font-weight:700;display:block;white-space:nowrap}.stat small{font-size:10px;color:#73829a;display:block;line-height:1.5}.stat i{font-style:normal;color:#f03;margin-right:4px}.stat i.view{color:#607b9c}.rest-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;margin-top:18px}.mini-card{background:#fff;border:1px solid #e1e7f0;border-radius:12px;box-shadow:var(--shadow);min-width:0;padding:15px 12px 13px;transition:transform .18s,box-shadow .18s}.mini-photo{position:relative;margin-bottom:13px}.mini-avatar{width:100%;aspect-ratio:1 / 1;border-radius:9px;background:linear-gradient(130deg,#b2c4df,#677fa8);color:white;font-size:34px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-card:nth-child(2n) .mini-avatar{background:linear-gradient(135deg,#f0cabc,#cb8ba2)}.mini-card:nth-child(3n) .mini-avatar{background:linear-gradient(135deg,#a5d6ce,#4d90a2)}.mini-rank{position:absolute;top:-12px;left:-13px;background:white;border:1px solid #d5deea;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 5px #0001}.mini-play{position:absolute;right:7px;top:8px;background:#f03;color:#fff;border-radius:5px;padding:2px 5px;font-size:11px}.mini-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-handle{font-size:10px;color:#78859b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 12px}.mini-number{font-size:24px;font-weight:800;line-height:1}.mini-sub{font-size:10px;color:#79859b;margin:3px 0 12px}.mini-bottom{border-top:1px solid #eef1f7;padding-top:9px;display:flex;align-items:flex-start;gap:5px}.mini-bottom b{font-size:12px}.mini-bottom span{color:#79869b;font-size:9px;line-height:1.45}.mini-bottom .heart{color:#ff1b42;font-size:15px}.card-link{display:block;height:100%}.card-link:focus-visible{outline:3px solid #87b2f0;border-radius:6px}.empty-state{text-align:center;border:1px dashed #d7deeb;background:#f9fbff;border-radius:12px;color:#66768d;padding:48px;margin-top:18px}.data-footer{color:#8a94a6;font-size:11px;margin:22px 0 50px;line-height:1.7}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0 45px;border-top:1px solid #edf1f6}.info-tile{border:1px solid #e3e8f1;background:#fff;border-radius:14px;padding:23px;box-shadow:var(--shadow)}.info-icon{font-size:23px;color:#f03}.info-tile h3{font-size:15px;margin:10px 0 7px}.info-tile p{font-size:12px;line-height:1.8;color:#758198;margin:0}.closing{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 46px}.closing strong{font-size:26px}.closing p{font-size:12px;color:#748097;max-width:590px;line-height:1.8}.footer{background:#071231;color:#b5c2d5}.footer .shell{display:flex;justify-content:space-between;gap:10px;padding:25px 0;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1280px){.head-inner{gap:27px}.desktop-nav{gap:22px}.hero-status{min-width:206px}.hero-copy{max-width:700px}.top-card{grid-template-columns:39% 1fr;gap:12px}.identity .title{font-size:13px}.rest-grid{grid-template-columns:repeat(4,1fr)}.mini-avatar{max-height:168px}.top-card .big-number{font-size:25px}.stats-two{gap:3px}.stat strong{font-size:12px}}
@media(max-width:950px){.shell{width:calc(100% - 36px)}.topbar{height:67px}.desktop-nav{display:none}.logo{font-size:27px;gap:10px}.logo svg{width:26px}.top-search{width:min(330px,48vw)}.hero{height:auto;min-height:263px}.hero-photo{opacity:.35;width:70%}.hero-inner{padding:32px 0}.hero-copy{max-width:670px}.hero-status{display:none}.hero-copy p{font-size:14px}.controls{grid-template-columns:1fr 1fr}.section-title h2{font-size:28px}.top-three{gap:10px}.top-card{display:flex;flex-direction:column;padding:12px}.big-avatar{height:142px;min-height:142px;font-size:35px}.handle{margin-bottom:10px}.stats-two{margin-top:2px}.top-card .big-number{font-size:24px}.rest-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.shell{width:calc(100% - 28px)}.topbar{height:61px}.logo{font-size:23px}.logo svg{width:23px}.top-search{width:44vw;height:36px;padding:0 9px}.top-search input{font-size:10px}.hero{min-height:235px}.hero-inner{padding:25px 0}.hero-photo{width:100%;opacity:.22;background-position:center center}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:34px;letter-spacing:-1.3px;margin-bottom:11px}h1 span{white-space:normal}.hero-copy p{font-size:12px;line-height:1.8}.tabs-row{height:58px;gap:7px}.network-tab{min-width:0;width:50%;height:58px;font-size:14px;padding:0 10px;gap:7px}.network-tab svg{width:21px}.soon{font-size:7px}.main-section{padding-top:14px}.controls{gap:9px}.search-field{grid-column:1 / -1}.field{height:43px}.field-select select{font-size:10px;padding-left:9px;padding-right:21px}.field-select:after{right:8px}.field-select:has(.select-label) select{padding-left:24px}.select-label{left:6px;font-size:18px}.controls .field:nth-child(4){grid-column:1 / -1}.section-title{align-items:center;margin:22px 0 24px}.section-title h2{font-size:23px}.section-title p{font-size:10px}.refresh{padding:8px;font-size:0}.refresh svg{width:19px;height:19px}.top-three{grid-template-columns:1fr;gap:17px}.top-card{display:grid;grid-template-columns:37% 1fr;min-height:174px;gap:12px}.big-avatar{height:152px;min-height:152px}.top-card .big-number{font-size:25px}.identity .title{font-size:14px}.handle{margin-bottom:9px}.stats-two{gap:9px}.stat strong{font-size:11px}.stat small{font-size:9px}.rest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-avatar{max-height:none}.mini-name{font-size:12px}.about-grid{grid-template-columns:1fr;gap:10px}.closing{display:block}.closing p{max-width:100%}.footer .shell{flex-direction:column;gap:8px}.skeleton-grid{grid-template-columns:1fr;gap:10px}.skeleton-grid>div{height:150px}}

.big-avatar:has(img[style*="none"]):after,.mini-avatar:has(img[style*="none"]):after{content:attr(data-fallback);font-size:32px;font-weight:700}.mini-avatar:has(img[style*="none"]):after{font-size:24px}
/* RankingCL v2 catalog, search and rankings */
.heading-side{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:22px 0 26px}.heading-side h2{font-size:30px;line-height:1.15;color:#0a1436;margin:8px 0}.heading-desc{color:#68728c;max-width:710px;font-size:13px;line-height:1.8;margin:5px 0}.ranking-modes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 23px}.mode{background:#fff;border:1px solid #e0e5ec;color:#243354;padding:12px 20px;border-radius:11px;font-weight:700;font-family:inherit;cursor:pointer;font-size:13px}.mode.active{background:#071337;color:#fff;border-color:#071337;box-shadow:0 5px 14px #0613311d}.mode:focus-visible,.lookup-form button:focus-visible,.request-box button:focus-visible{outline:3px solid #5275df;outline-offset:2px}.catalog-count{margin-left:auto;color:#6b7893;font-size:12px;font-weight:600}.ranking-summary{display:flex;justify-content:space-between;align-items:end;margin:29px 0 20px}.ranking-summary h3{font-size:26px;color:#081335;line-height:1.2;margin:4px 0}.ranking-summary p{color:#6c7690;font-size:13px;margin:4px 0}.source-pill{border:1px solid #dce5f3;border-radius:20px;background:#f9fbff;color:#466080;padding:8px 12px;font-size:11px;font-weight:700;white-space:nowrap}.rank-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}.rank-row{background:#fff;display:flex;align-items:center;gap:13px;padding:12px 16px;border:1px solid #e2e7ed;border-radius:14px;text-decoration:none;color:#0b1431;min-width:0;transition:box-shadow .15s,border-color .15s}.rank-row:hover{box-shadow:0 6px 24px #00102b10;border-color:#c7d2e6}.rank-number{width:30px;flex:none;font-weight:800;font-size:16px;color:#65728c;text-align:center}.rank-img{height:58px;width:58px;border-radius:13px;background:linear-gradient(135deg,#e8eef8,#becde5);object-fit:cover;flex:none}.rank-initials{display:flex;align-items:center;justify-content:center;font-weight:800}.rank-meta{min-width:0;flex:1}.rank-meta strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-meta small{font-size:10px;color:#7a8293;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-stat{text-align:right;flex:none}.rank-stat strong{display:block;font-size:15px}.rank-stat small{font-size:10px;color:#7a8293}.rank-trend{font-size:11px;font-weight:700;white-space:nowrap;color:#13935e}.rank-trend.down{color:#e03b51}.rank-trend.neutral{color:#9aa2ae}.lookup-section{margin-top:58px;padding:34px 38px;display:grid;grid-template-columns:1fr 1.25fr;gap:38px;background:linear-gradient(120deg,#f5f8fe,#fff);border:1px solid #e3e9f4;border-radius:22px}.lookup-copy h2{margin:8px 0;font-size:28px;line-height:1.25;color:#081333}.lookup-copy h2 span{color:#e42640}.lookup-copy p{color:#65708a;font-size:13px;line-height:1.85}.lookup-panel{background:#fff;border-radius:15px;padding:24px;border:1px solid #e4eafa;box-shadow:0 12px 35px #0613380a}.lookup-form{display:flex;gap:9px}.lookup-form input{flex:1;min-width:0;border:1px solid #dce2ed;border-radius:9px;padding:13px;font-family:inherit;font-size:12px}.lookup-form button,.request-box button{border:0;border-radius:9px;background:#101c46;color:#fff;font-weight:700;font-family:inherit;padding:12px 15px;cursor:pointer;white-space:nowrap;font-size:12px}.lookup-message{font-size:11px;color:#6f7b91;line-height:1.75;margin:14px 0}.lookup-result-card{display:flex;gap:13px;align-items:center;border:1px solid #e5eaf3;border-radius:12px;padding:12px;margin-top:8px;text-decoration:none;color:#131d3b}.lookup-result-card strong{font-size:13px;display:block}.lookup-result-card small{display:block;color:#68778d;font-size:11px}.lookup-position{margin-left:auto;text-align:right}.lookup-position b{font-size:24px;color:#101d4b;display:block}.lookup-position small{font-size:9px}.lookup-pending{color:#b47724;font-weight:700}.request-box{margin-top:12px;padding:15px;background:#fff7e8;border:1px solid #f1dcae;border-radius:10px}.request-box p{font-size:12px;color:#71541d;line-height:1.7}.request-box button{background:#d55227}.request-box button:disabled{opacity:.6;cursor:wait}.request-box #request-status{font-weight:600}.growth-chip{color:#11865a;font-weight:700;font-size:11px}.growth-chip.neg{color:#ed4054}.add-info{font-size:11px;color:#66728c;line-height:1.75}.big-avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.top-card .stats-two{gap:8px}.top-card .big-detail{min-width:0}.top-card .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mini-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-card:hover,.mini-card:hover{transition:transform .15s ease,box-shadow .15s ease;transform:translateY(-2px);box-shadow:0 8px 24px #0a1c4020}.top-card .place-medal,.mini-rank{z-index:1}button{touch-action:manipulation}[hidden]{display:none!important}
@media(max-width:980px){.rank-table{grid-template-columns:1fr}.lookup-section{grid-template-columns:1fr;gap:14px}.heading-side{flex-direction:column}.catalog-count{width:100%;margin:6px 0 0}.ranking-summary{align-items:flex-start}.source-pill{display:none}}
@media(max-width:600px){.lookup-section{padding:21px 16px;margin-top:30px}.lookup-panel{padding:15px}.lookup-form{flex-direction:column}.lookup-form button{width:100%}.mode{padding:10px 12px;font-size:11px}.ranking-summary h3{font-size:22px}.rank-row{gap:9px;padding:10px}.rank-img{width:47px;height:47px}.rank-trend{display:none}.heading-side h2{font-size:26px}}