/* v114.3 — premium, responsive charts visual layer; ranking data stays unchanged. */
.ktChartsPage{width:min(100% - 34px,1240px);max-width:1240px;padding:24px 0 64px}
.ktChartsHero{position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:clamp(26px,5vw,54px);border:1px solid rgba(255,255,255,.10);border-radius:30px;background:radial-gradient(circle at 76% 12%,rgba(232,22,105,.30),transparent 29%),radial-gradient(circle at 100% 100%,rgba(93,54,153,.28),transparent 38%),linear-gradient(125deg,#0d1725 0%,#101321 55%,#1b1020 100%);box-shadow:0 24px 70px rgba(13,18,30,.19);color:#fff}
.ktChartsHero:after{position:absolute;z-index:-1;right:20%;bottom:-78px;width:390px;height:210px;border:1px solid rgba(255,255,255,.07);border-radius:50%;content:"";transform:rotate(-19deg)}
.ktChartsHeroCopy{max-width:760px}.ktChartsHero .eyebrow{color:#ff5b9c;font-size:10px;font-weight:900;letter-spacing:.19em}
.ktChartsHero h1{margin:12px 0 9px;color:#fff;font:800 clamp(38px,6vw,70px)/.98 Manrope,Inter,sans-serif;letter-spacing:-.065em}
.ktChartsHero p{max-width:600px;margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.65}
.ktChartsHeroMeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ktChartsHeroMeta span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.76);font-size:10px;font-weight:700}.ktChartsHeroMeta i{width:6px;height:6px;border-radius:50%;background:#ff4f95;box-shadow:0 0 12px #ff4f95}
.ktChartHeroMark{position:absolute;right:clamp(26px,5vw,54px);top:50%;display:grid;min-width:176px;justify-items:start;gap:7px;padding:18px 20px;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(16px);transform:translateY(-50%)}
.ktChartHeroLabel{color:rgba(255,255,255,.57);font-size:9px;font-weight:900;letter-spacing:.14em}.ktChartHeroMark strong{color:#fff;font:800 47px/1 Manrope,Inter,sans-serif;letter-spacing:-.05em}.ktChartHeroSub{color:rgba(255,255,255,.67);font-size:10px}
.ktChartTabs{display:flex;width:max-content;max-width:100%;gap:4px;margin:19px 0 0;padding:5px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-soft)}
.ktChartTabs a{padding:11px 15px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.ktChartTabs a:hover{color:var(--text);transform:translateY(-1px)}.ktChartTabs a.active{background:var(--text);color:var(--surface);box-shadow:0 4px 13px rgba(10,15,25,.12)}
.ktChartTools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:15px 0;padding:12px 14px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-soft)}
.ktChartPeriods{display:flex;gap:5px;padding:4px;border-radius:11px;background:var(--surface-2)}.ktChartPeriods a{padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap}.ktChartPeriods a.active{background:var(--surface);color:var(--text);box-shadow:0 2px 7px rgba(10,15,25,.10)}
.ktChartTools form{display:flex;align-items:center;gap:9px}.ktChartTools label,.ktChartSearch span{color:var(--muted);font-size:10px;font-weight:800}.ktChartTools select,.ktChartSearch input{min-height:39px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:11px;outline:none}.ktChartTools select:focus,.ktChartSearch input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.ktChartSearch{display:flex;align-items:center;gap:9px;margin-left:auto}.ktChartSearch input{width:min(260px,34vw)}
.ktChartList{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft)}.ktChartListHead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 21px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 4%,var(--surface)),var(--surface))}.ktChartListHead>div{display:grid;gap:4px}.ktChartListHead .eyebrow{color:var(--brand);font-size:8px;font-weight:900;letter-spacing:.15em}.ktChartListHead strong{color:var(--text);font-size:15px}.ktChartListHead>span{color:var(--muted);font-size:10px}
.ktChartRow{grid-template-columns:44px 58px minmax(150px,1fr) minmax(125px,.5fr) minmax(125px,.45fr) 75px 40px;gap:14px;min-height:86px;padding:12px 18px;border-top:1px solid var(--line);transition:background .18s ease,transform .18s ease}.ktChartRow:hover{position:relative;z-index:1;background:color-mix(in srgb,var(--brand) 3%,var(--surface))}.ktChartRow.ktChartTop{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 5%,var(--surface)),var(--surface) 38%)}.ktChartRow[hidden]{display:none!important}
.ktChartRank{display:grid;place-items:center;width:34px;height:34px;margin:auto;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--muted);font:800 13px/1 Manrope,Inter,sans-serif}.ktChartRank.rank1{border-color:rgba(207,155,40,.35);background:rgba(232,185,62,.13);color:#ba8613}.ktChartRank.rank2{border-color:rgba(122,139,163,.30);background:rgba(122,139,163,.10);color:#758197}.ktChartRank.rank3{border-color:rgba(176,112,72,.30);background:rgba(176,112,72,.10);color:#a26b48}
.ktChartCover{width:58px;height:58px;border-radius:13px;box-shadow:0 4px 13px rgba(10,15,25,.13)}.ktChartTrack{gap:4px}.ktChartTrack strong{font-size:13px;line-height:1.25}.ktChartTrack>span{font-size:10px}.ktChartTrack>small{font-size:9px}
.ktChartMetric{justify-items:stretch;gap:8px}.ktChartMetric>div{display:flex;align-items:baseline;justify-content:space-between;gap:7px}.ktChartMetric strong{color:var(--text);font:800 17px/1 Manrope,Inter,sans-serif;letter-spacing:-.03em}.ktChartMetric span{font-size:9px}.ktChartMeter{display:block;height:5px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.ktChartMeter i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#ff6ba5);box-shadow:0 0 10px color-mix(in srgb,var(--brand) 30%,transparent)}
.ktChartSecondary{gap:6px}.ktChartSecondary>span{display:flex;justify-content:flex-end;gap:4px;color:var(--text);font-size:10px;font-weight:800}.ktChartSecondary small{color:var(--muted);font-size:9px;font-weight:600}
.ktChartMovement{justify-self:center;min-width:52px;padding:7px 8px;border:1px solid var(--line);border-radius:99px;background:var(--surface-2);font-size:9px}.ktChartMovement.up{border-color:color-mix(in srgb,#15966b 22%,var(--line));background:color-mix(in srgb,#15966b 8%,var(--surface));color:#12845f}.ktChartMovement.down{border-color:color-mix(in srgb,#da5367 22%,var(--line));background:color-mix(in srgb,#da5367 8%,var(--surface));color:#c24357}.ktChartMovement.new{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand)}
.ktChartPlay{width:38px;height:38px;transition:transform .18s ease,box-shadow .18s ease}.ktChartPlay:hover{transform:scale(1.07);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 35%,transparent)}
.ktChartSearchEmpty{margin:0;padding:24px;text-align:center;color:var(--muted);font-size:12px}.ktChartNote{max-width:880px;margin:12px 5px 0;font-size:10px}
.ktChartEmpty{margin-top:16px;border-radius:22px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface))}
@media(max-width:900px){.ktChartsPage{width:min(100% - 26px,760px);padding-top:16px}.ktChartsHero{min-height:195px;padding:29px 26px;border-radius:25px}.ktChartsHeroCopy{max-width:calc(100% - 160px)}.ktChartsHero h1{font-size:clamp(38px,7vw,56px)}.ktChartHeroMark{right:24px;min-width:140px;padding:15px}.ktChartHeroMark strong{font-size:40px}.ktChartTools{gap:9px;padding:10px}.ktChartSearch input{width:190px}.ktChartRow{grid-template-columns:36px 52px minmax(0,1fr) minmax(90px,.44fr) 66px 38px;gap:10px;min-height:78px;padding:10px}.ktChartCover{width:52px;height:52px}.ktChartSecondary{grid-column:3;grid-row:2;display:flex;justify-content:flex-start;gap:10px}.ktChartMovement{grid-column:5;grid-row:1 / span 2}.ktChartPlay{grid-column:6;grid-row:1 / span 2}.ktChartMetric{grid-column:4;grid-row:1 / span 2}}
@media(max-width:620px){.ktChartsPage{width:calc(100% - 20px);padding-top:10px;padding-bottom:38px}.ktChartsHero{min-height:0;padding:22px 18px 18px;border-radius:21px}.ktChartsHeroCopy{max-width:none;padding-right:75px}.ktChartsHero .eyebrow{font-size:8px;letter-spacing:.14em}.ktChartsHero h1{margin:10px 0 8px;font-size:clamp(34px,10vw,48px)}.ktChartsHero p{font-size:11px;line-height:1.55}.ktChartsHeroMeta{gap:6px;margin-top:14px}.ktChartsHeroMeta span{padding:6px 8px;font-size:8px}.ktChartHeroMark{right:13px;top:17px;min-width:0;justify-items:center;gap:3px;padding:8px 9px;border-radius:12px;transform:none}.ktChartHeroLabel{font-size:6px;letter-spacing:.09em}.ktChartHeroMark strong{font-size:25px}.ktChartHeroSub{display:none}.ktChartTabs{width:100%;justify-content:space-between;gap:2px;margin-top:11px;padding:4px;border-radius:13px}.ktChartTabs a{flex:1;padding:9px 5px;text-align:center;font-size:9px}.ktChartTools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0;padding:9px;border-radius:14px}.ktChartPeriods{grid-column:1;grid-row:1;width:max-content;max-width:100%}.ktChartPeriods a{padding:8px 10px;font-size:9px}.ktChartTools form{grid-column:2;grid-row:1;justify-content:flex-end;gap:6px}.ktChartTools form label{display:none}.ktChartTools select{min-width:0;width:100%;min-height:35px;padding:6px 8px;font-size:10px}.ktChartSearch{grid-column:1 / -1;display:grid;gap:5px;margin:0}.ktChartSearch span{font-size:8px}.ktChartSearch input{width:100%;min-height:37px}.ktChartList{border-radius:17px}.ktChartListHead{padding:13px 14px}.ktChartListHead strong{font-size:13px}.ktChartListHead>span{max-width:130px;text-align:right;font-size:8px;line-height:1.4}.ktChartRow{grid-template-columns:25px 44px minmax(0,1fr) 35px;grid-template-areas:"rank cover track play" "rank cover metric move" "rank cover secondary secondary";gap:5px 8px;min-height:86px;padding:10px 8px}.ktChartRank{grid-area:rank;width:25px;height:28px;border-radius:9px;font-size:10px}.ktChartCover{grid-area:cover;width:44px;height:44px;border-radius:9px}.ktChartTrack{grid-area:track;align-self:end;gap:2px}.ktChartTrack strong{font-size:11px}.ktChartTrack>span{font-size:8px}.ktChartTrack>small{font-size:7px}.ktChartMetric{grid-area:metric;display:flex;align-items:center;justify-self:start;gap:7px;width:100%}.ktChartMetric>div{justify-content:flex-start;gap:5px}.ktChartMetric strong{font-size:11px}.ktChartMetric span{font-size:7px}.ktChartMeter{flex:1;max-width:60px;height:4px}.ktChartSecondary{grid-area:secondary;display:flex;justify-self:start;gap:9px}.ktChartSecondary>span{font-size:8px}.ktChartSecondary small{font-size:7px}.ktChartMovement{grid-area:move;justify-self:end;min-width:0;padding:4px 6px;font-size:7px}.ktChartPlay{grid-area:play;width:31px;height:31px;justify-self:end;align-self:center}.ktChartNote{font-size:8px}.ktChartEmpty{padding:30px 15px;border-radius:17px}.ktChartEmpty h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ktChartTabs a,.ktChartRow,.ktChartPlay{transition:none}}