/* Approved Charts, scoped to this page; existing shared chrome stays intact. */
#community-charts.cc-chart{font:15px/1.6 'Segoe UI',sans-serif;color:#e8edf6}#community-charts.cc-chart h2,#community-charts.cc-chart h3{font-family:'Russo One',sans-serif;font-weight:400;line-height:1.35;margin:0;color:#e8edf6;letter-spacing:0;text-transform:none}#community-charts.cc-chart a{color:#63d2f7;text-decoration:none}#community-charts.cc-chart button{font-family:inherit;cursor:pointer}#community-charts.cc-chart :is(a,button,summary):focus-visible{outline:2px solid #00aaff;outline-offset:4px}#community-charts.cc-chart [hidden]{display:none!important}
#community-charts.cc-chart.chart-canvas{width:calc(100% - 144px);max-width:1280px;margin:38px auto 68px}#community-charts.cc-chart .chart-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}#community-charts.cc-chart .chart-heading h2{font-size:28px;letter-spacing:-.2px}#community-charts.cc-chart .chart-heading p{margin:6px 0 0;color:#99b3c5;font-size:14px}#community-charts.cc-chart .chart-controls{display:flex;align-items:center;gap:22px;color:#93afc0;font-size:12px}#community-charts.cc-chart .chart-controls i{font-style:normal;margin:0 6px;color:#516d80}#community-charts.cc-chart .chart-controls button{display:flex;align-items:center;gap:9px;border:1px solid #2c495d;border-radius:5px;background:#0a1b28;color:#d1e2ed;min-height:42px;padding:9px 14px;font-size:13px;font-weight:600}#community-charts.cc-chart .chart-controls svg{width:17px;height:17px;color:#68cce9}#community-charts.cc-chart .chart-editorial{display:grid;grid-template-columns:360px minmax(0,1fr);gap:48px;align-items:start}#community-charts.cc-chart .leader{min-width:0}#community-charts.cc-chart .leader-art{position:relative;padding:5px;border:1px solid #51412c;border-radius:9px;background:linear-gradient(135deg,#38291d,#0c1b28 70%);box-shadow:0 14px 40px #0005;aspect-ratio:1}#community-charts.cc-chart .leader-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}#community-charts.cc-chart .leader-rank{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:#08121eea;border:1px solid #b16a26;border-radius:5px;color:#ffb16b;font:26px/1.1 'Russo One',sans-serif;font-weight:400;padding:7px 11px;box-shadow:0 3px 12px #0005}#community-charts.cc-chart .leader-rank b{font:26px/1.1 'Russo One',sans-serif;font-weight:400;color:#ff922f}#community-charts.cc-chart .leader-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0}#community-charts.cc-chart .leader-caption h3{font-size:25px;overflow-wrap:anywhere}#community-charts.cc-chart .leader-caption a{display:inline-block;margin-top:6px;font-size:14px}#community-charts.cc-chart .leader-caption a span{margin-left:4px;color:#4b9db9}#community-charts.cc-chart .leader-score{display:flex;align-items:baseline;gap:3px;white-space:nowrap}#community-charts.cc-chart .leader-score strong{font:26px 'Russo One',sans-serif;font-weight:400;color:#ffb06b}#community-charts.cc-chart .leader-score span{color:#829baa;font-size:11px}#community-charts.cc-chart .art-note{font-size:11px;color:#7794a8;margin:14px 0 0}#community-charts.cc-chart .ranked-tracks{min-width:0}#community-charts.cc-chart .list-heading{display:grid;grid-template-columns:34px 1fr 95px;gap:24px;font:10px 'Share Tech Mono',monospace;letter-spacing:1.1px;color:#7899ae;padding:0 0 14px;border-bottom:1px solid #294254}#community-charts.cc-chart .list-heading span:nth-child(2){padding-left:5px}#community-charts.cc-chart .list-heading span:last-child{text-align:right}#community-charts.cc-chart .chart-row{display:grid;grid-template-columns:34px 64px minmax(0,1fr) 95px;align-items:center;gap:22px;padding:16px 0;border-bottom:1px solid #203748;min-width:0}#community-charts.cc-chart .rank{font:26px/1.1 'Russo One',sans-serif;font-weight:400;color:#53c9ec;text-align:center}#community-charts.cc-chart .rank small{display:block;font:8px 'Share Tech Mono',monospace;letter-spacing:.8px;color:#7395a9;margin-top:8px}#community-charts.cc-chart .chart-row img{display:block;width:64px;height:64px;object-fit:cover;border:1px solid #2d495b;border-radius:5px}#community-charts.cc-chart .track{min-width:0}#community-charts.cc-chart .track h3{font-size:17px;line-height:1.4;overflow-wrap:anywhere}#community-charts.cc-chart .track a{display:inline-block;font-size:13px;color:#91bfd4;margin-top:5px}#community-charts.cc-chart .track a span{font-size:11px;color:#538299;margin-left:4px}#community-charts.cc-chart .score{font:22px 'Russo One',sans-serif;font-weight:400;text-align:right;font-variant-numeric:tabular-nums}#community-charts.cc-chart .tie-note{display:flex;align-items:center;gap:10px;color:#89a7ba;font-size:12px;margin-top:17px}#community-charts.cc-chart .tie-mark{display:grid;place-items:center;width:19px;height:19px;border:1px solid #365264;border-radius:4px;color:#5bd0ef;font-size:14px}#community-charts.cc-chart .ranking-help{margin-top:32px;border-top:1px solid #263c4d;border-bottom:1px solid #263c4d;padding:16px 0}#community-charts.cc-chart .ranking-help summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:13px;color:#a5becd}#community-charts.cc-chart .ranking-help summary::-webkit-details-marker{display:none}#community-charts.cc-chart .ranking-help summary span{color:#55c3e5;font-size:19px;line-height:1}#community-charts.cc-chart .ranking-help p{max-width:850px;font-size:13px;line-height:1.8;color:#96afc0;margin:14px 0 0}#community-charts.cc-chart .ranking-help[open] summary span{transform:rotate(45deg)}@media(max-width:1150px){.chart-canvas{width:calc(100% - 80px)}#community-charts.cc-chart .chart-editorial{grid-template-columns:300px minmax(0,1fr);gap:32px}#community-charts.cc-chart .chart-row{grid-template-columns:30px 54px minmax(0,1fr) 68px;gap:14px}#community-charts.cc-chart .chart-row img{width:54px;height:54px}#community-charts.cc-chart .list-heading{grid-template-columns:30px 1fr 68px;gap:14px}#community-charts.cc-chart .leader-caption h3{font-size:22px}#community-charts.cc-chart .chart-controls>span{display:none}}@media(max-width:800px){.chart-canvas{width:calc(100% - 40px)}#community-charts.cc-chart .chart-heading{align-items:start}#community-charts.cc-chart .chart-heading h2{font-size:24px}#community-charts.cc-chart .chart-editorial{grid-template-columns:1fr;gap:28px}#community-charts.cc-chart .leader{max-width:420px}#community-charts.cc-chart .chart-controls button{font-size:12px;padding:8px}#community-charts.cc-chart .chart-row{grid-template-columns:30px 54px minmax(0,1fr) 68px}#community-charts.cc-chart .chart-row h3{font-size:15px}#community-charts.cc-chart .score{font-size:19px}}

#community-charts.cc-chart .cc-leader-art{position:relative}#community-charts.cc-chart .cc-cover{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;background-color:#0b1b28}#community-charts.cc-chart .cc-cover img{display:block;width:100%;height:100%;object-fit:cover;grid-area:1/1;border:0}#community-charts.cc-chart .cc-art-fallback{grid-area:1/1;font-size:40px;color:#537f97}#community-charts.cc-chart .cc-thumb{width:64px;height:64px;border:1px solid #2d495b;border-radius:5px}#community-charts.cc-chart .cc-thumb .cc-art-fallback{font-size:22px}#community-charts.cc-chart .chart-controls button{min-width:134px}#community-charts.cc-chart .chart-controls button:disabled{cursor:wait;opacity:.7}#community-charts.cc-chart .cc-artist-name{display:inline-block;color:#91a9b9;font-size:13px;margin-top:5px}#community-charts.cc-chart .cc-solo{grid-template-columns:minmax(0,360px)}#community-charts.cc-chart .cc-status{font-size:13px;color:#f2b68b;margin:0 0 18px}#community-charts.cc-chart .cc-empty{padding:34px 0;min-height:230px}#community-charts.cc-chart .cc-empty h3{font-size:22px}#community-charts.cc-chart .cc-empty p{font-size:14px;color:#99b3c5;margin:10px 0 0}#community-charts.cc-chart .cc-rising{margin-top:36px}#community-charts.cc-chart .cc-rising>h2{font-size:24px}#community-charts.cc-chart .cc-rising>p{font-size:14px;color:#99b3c5;margin:8px 0 12px}#community-charts.cc-chart .cc-rising-row{grid-template-columns:64px minmax(0,1fr) 95px}#community-charts.cc-chart .cc-placeholder{box-shadow:none;border-color:#263d4e;background:#0a1724}#community-charts.cc-chart .cc-skeleton-line{height:18px;width:70%;margin-top:22px;border-radius:4px;background:#122535}#community-charts.cc-chart .cc-skeleton-line.short{height:12px;width:35%;margin-top:12px}#community-charts.cc-chart .cc-loading-rows{padding:25px 0 36px}#community-charts.cc-chart .cc-loading-rows>div{height:97px;border-bottom:1px solid #203748;position:relative}#community-charts.cc-chart .cc-loading-rows>div:before{content:'';position:absolute;left:56px;top:16px;width:64px;height:64px;background:#102333;border-radius:5px}#community-charts.cc-chart .cc-loading-rows>div:after{content:'';position:absolute;left:142px;top:30px;width:40%;height:14px;background:#122535;border-radius:3px}@media(max-width:1150px){#community-charts.cc-chart .cc-thumb{width:54px;height:54px}}@media(max-width:800px){#community-charts.cc-chart .cc-rising-row{grid-template-columns:54px minmax(0,1fr) 68px}}

/* Extend the established featured Top 5 with compact, sequential chart rows. */
/* A transparent PNG light trail separates the featured five from the remaining chart. */
#community-charts.cc-chart .cc-continuation{margin-top:-96px}
#community-charts.cc-chart .cc-continuation:before{content:"";display:block;width:100%;aspect-ratio:5/1;margin:0 0 -4%;background:url('/_website/website-20261027-release205charts1/redesign/assets/chart-divider-ribbon-v5.png') center/cover no-repeat;pointer-events:none}
@media(max-width:800px){#community-charts.cc-chart .cc-continuation{margin-top:0}#community-charts.cc-chart .cc-continuation:before{margin:8px 0 -3%;aspect-ratio:5/1;background-size:cover}}
#community-charts.cc-chart .cc-continuation .chart-row{padding:12px 0}
#community-charts.cc-chart .cc-explainer{margin-top:48px;padding-top:30px;border-top:1px solid #294254}
#community-charts.cc-chart .cc-explainer h2{font-size:26px}
#community-charts.cc-chart .cc-explainer p{color:#abc0ce;font-size:14px;line-height:1.75;margin:10px 0 0}
#community-charts.cc-chart .cc-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px}
#community-charts.cc-chart .cc-signals h3,#community-charts.cc-chart .cc-fairness h3{font-size:17px;color:#63d2f7}
#community-charts.cc-chart .cc-fairness{margin-top:28px;max-width:940px}
@media(max-width:1150px){#community-charts.cc-chart.chart-canvas{width:calc(100% - 80px)}}
@media(max-width:800px){#community-charts.cc-chart.chart-canvas{width:calc(100% - 40px)}#community-charts.cc-chart .cc-signals{grid-template-columns:1fr;gap:22px}#community-charts.cc-chart .cc-explainer h2{font-size:23px}}

#community-charts.cc-chart .list-heading{grid-template-columns:34px 64px minmax(0,1fr) 95px;gap:22px}
#community-charts.cc-chart .list-heading span:nth-child(2){grid-column:3;padding:0}
#community-charts.cc-chart .list-heading span:last-child{grid-column:4}
@media(max-width:1150px){#community-charts.cc-chart .list-heading{grid-template-columns:30px 54px minmax(0,1fr) 68px;gap:14px}}

#community-charts.cc-chart .cc-continuation>.list-heading,#community-charts.cc-chart .cc-continuation>.chart-row{position:relative}

#community-charts.cc-chart .cc-continuation>.list-heading{color:#9fb6c8;text-shadow:0 1px 2px #040812,0 0 4px #040812,0 0 6px #040812}



/* First place uses the same rank hierarchy above unobstructed artwork. */
#community-charts.cc-chart .leader{display:flex;flex-direction:column}
#community-charts.cc-chart .leader-caption{order:-1;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;margin:0 0 16px;align-items:center}
#community-charts.cc-chart .leader-caption h3{font-size:21px;line-height:1.25}
#community-charts.cc-chart .leader-caption .rank{color:#ff922f}
#community-charts.cc-chart .leader-score strong{font-size:22px}

@media(min-width:801px){
#community-charts.cc-chart .chart-editorial:not(.cc-solo){align-items:stretch;padding-bottom:32px}
#community-charts.cc-chart .chart-editorial:not(.cc-solo) .leader{position:relative;min-height:0}
#community-charts.cc-chart .chart-editorial:not(.cc-solo) .cc-leader-art{flex:1;min-height:0;contain:size}
#community-charts.cc-chart .chart-editorial:not(.cc-solo) .leader-art{position:absolute;top:0;bottom:0;left:0;height:100%;width:auto;max-width:100%;aspect-ratio:1}
#community-charts.cc-chart .chart-editorial:not(.cc-solo) .art-note{position:absolute;top:100%;left:0;margin-top:14px}
}

/* Compact visual boundary between the introduction and chart entries. */
#community-charts.cc-chart .chart-heading{position:relative;margin-bottom:30px}
#community-charts.cc-chart .chart-heading:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:linear-gradient(90deg,#00aaff,#55cbed 40%,#ff7a00);pointer-events:none}

#community-charts.cc-chart .cc-continuation:before{position:relative;top:10px}