:root{--bg:#eef0f8;--card:#fff;--inner:#f5f6fb;--teal:#4af7e9;--text:#1a1d2e;--text-mid:#4a5068;--text-light:#8890b0;--border:#e2e6f0}.card{background:#eef1fa;border-radius:22px;box-shadow:0 4px 32px rgba(30,40,90,.08);margin:0 auto;max-width:1100px;padding:28px 28px 32px}.controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:22px}.card-heading{font-size:3rem}.ctrl-group{display:flex;flex-direction:column;gap:5px}.ctrl-label{color:var(--text-light);font-size:1.3rem;font-weight:400}.pill-group{display:flex;gap:6px}.pill{background:transparent;border:1.5px solid var(--border);border-radius:999px;color:var(--text-mid);cursor:pointer;font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:500;padding:7px 20px;transition:all .18s;white-space:nowrap}.pill:hover{background:#009099;border-color:#009099;color:#fff}.pill.active{background:var(--teal);border-color:var(--teal);color:#3a3a59;font-weight:600}.chart-wrap{background:#fff;border-radius:16px;margin-bottom:18px;padding:20px 20px 14px}.chart-heading{color:var(--text);font-size:1rem;font-weight:600;margin-bottom:14px}.canvas-box{height:250px;position:relative}.rank-heading{color:#3a3a59;font-size:1.8rem;font-weight:600;margin-bottom:14px}.rank-top2{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.rank-rest{display:grid;gap:9px;grid-template-columns:repeat(4,1fr)}.rank-card{align-items:center;background:#fff;border-radius:15px;cursor:pointer;display:flex;gap:11px;padding:11px 14px;position:relative;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;user-select:none}.rank-card:hover{box-shadow:0 6px 20px rgba(30,40,90,.09);transform:translateY(-2px)}.rank-card.rank1{background:#fff;border-color:var(--teal)}.rank-card.active{background:#fff;border-color:var(--rc-color)!important;box-shadow:0 0 0 2px var(--rc-color),0 4px 16px rgba(30,40,90,.07)}.active-dot{background:var(--rc-color);border-radius:50%;display:none;height:7px;position:absolute;right:8px;top:7px;width:7px}.rank-card.active .active-dot{display:block}.badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:28px;justify-content:center;width:28px}.rank-info{flex:1;min-width:0}.rank-name{color:#3a3a59;font-size:1.6rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-sov{color:#89899b;font-size:1.2rem;margin-top:1px}.crown{flex-shrink:0;font-size:.9rem;margin-left:auto}@media (max-width:700px){.rank-rest{grid-template-columns:repeat(2,1fr)}.rank-top2{grid-template-columns:1fr}.canvas-box{height:220px}.card-heading{font-size:2.8rem;text-align:center}.controls{justify-content:center}.ctrl-label{text-align:center}}