:root {
  --bg: #f2f5f0; --surface: rgba(255,255,255,.82); --solid: #fff; --text: #152018; --muted: #6b756e;
  --line: rgba(21,32,24,.12); --accent: #42dc8b; --accent-ink: #087444; --danger: #d8555c;
  --shadow: 0 18px 60px rgba(26,48,32,.08); color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
[data-theme="dark"] { --bg:#0b110e; --surface:rgba(22,32,26,.88); --solid:#18231c; --text:#eff7f1; --muted:#9eaaa2; --line:rgba(235,249,239,.12); --accent:#58e69d; --accent-ink:#74efad; --danger:#ff7c84; --shadow:0 18px 70px rgba(0,0,0,.3); color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; min-height:100vh; color:var(--text); background:var(--bg); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 78% -10%,rgba(66,220,139,.18),transparent 34%),radial-gradient(circle at -10% 42%,rgba(93,119,255,.08),transparent 28%); }
a { color:inherit; text-decoration:none; } button,input,select { font:inherit; }
.topbar { height:76px; padding:0 clamp(18px,4vw,64px); border-bottom:1px solid var(--line); display:flex; align-items:center; gap:34px; position:sticky; top:0; z-index:20; background:color-mix(in srgb,var(--bg) 86%,transparent); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:11px; margin-right:auto; }
.brand-mark { width:39px; height:39px; display:grid; place-items:center; border-radius:12px; color:#062617; background:var(--accent); font-weight:950; letter-spacing:-.06em; box-shadow:0 8px 24px rgba(66,220,139,.25); }
.brand strong,.brand small { display:block; }.brand strong{font-size:15px}.brand small{margin-top:1px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
nav { display:flex; gap:24px; color:var(--muted); font-size:13px; font-weight:700; } nav a{padding:28px 0 25px;border-bottom:3px solid transparent} nav a:hover{color:var(--text);border-color:var(--accent)}
.default-pill { padding:7px 10px; border:1px solid rgba(66,220,139,.4); border-radius:99px; color:var(--accent-ink); font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.language-control{height:38px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:var(--surface);font-size:13px}.language-control select{max-width:82px;padding:0 2px;border:0;outline:0;color:var(--text);background:transparent;font-size:12px;font-weight:750;cursor:pointer}.language-control option{color:var(--text);background:var(--solid)}
.theme-toggle { width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--surface);cursor:pointer; }
main { width:min(1320px,calc(100% - 40px)); margin:0 auto; padding:62px 0 42px; position:relative; }
.hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); align-items:end; gap:50px; margin-bottom:48px; }
.eyebrow { margin:0 0 11px; color:var(--accent-ink); font-size:10px; font-weight:900; letter-spacing:.17em; }
h1 { margin:0; font-size:clamp(48px,7vw,88px); line-height:.91; letter-spacing:-.065em; } h1 span{color:var(--muted);font-weight:550}
.lede { max-width:660px; margin:23px 0 0; color:var(--muted); font-size:17px; line-height:1.65; }
.sync-state { padding:21px; display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:var(--shadow); }
.sync-state small,.sync-state strong,.sync-state span{display:block}.sync-state small{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.13em}.sync-state strong{margin:3px 0;font-size:15px}.sync-state div>span{color:var(--muted);font-size:11px}.sync-state button{border:0;border-radius:9px;padding:9px 13px;color:#062416;background:var(--accent);font-weight:800;cursor:pointer}
.status-dot{width:10px;height:10px;border-radius:50%;background:#d2a43d;box-shadow:0 0 0 6px rgba(210,164,61,.12)}.ready .status-dot{background:var(--accent);box-shadow:0 0 0 6px rgba(66,220,139,.12)}.error .status-dot{background:var(--danger)}
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-bottom:18px; }.metrics article{min-height:145px;padding:23px;border:1px solid var(--line);border-top:3px solid #6d7cff;border-radius:16px;background:var(--surface)}.metrics article:nth-child(2){border-top-color:#f05d9f}.metrics article:nth-child(3){border-top-color:#ff9f43}.metrics article:nth-child(4){border-top-color:#36c98f}.metrics small,.duel-kpis small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.14em}.metrics strong{display:block;margin:19px 0 3px;font-size:37px;letter-spacing:-.045em}.metrics span{color:var(--muted);font-size:12px}
.panel { margin-top:18px; padding:30px; border:1px solid var(--line); border-radius:21px; background:var(--surface); box-shadow:var(--shadow); overflow:hidden; }
.panel-heading { display:flex; justify-content:space-between; align-items:start; gap:24px; margin-bottom:26px; }.panel-heading h2{margin:0;font-size:28px;letter-spacing:-.04em}.panel-heading>span,.section-copy{color:var(--muted);font-size:12px}.section-copy{margin:8px 0 0}
.filters { display:flex; align-items:end; gap:9px; flex-wrap:wrap; justify-content:flex-end; }.filters label,.standalone-select{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.filters select,.filters input,.standalone-select select,.search{display:block;min-width:120px;margin-top:6px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--solid);outline:none}.filters select:focus,.filters input:focus,.standalone-select select:focus,.search:focus{border-color:var(--accent)}.ranking-filters select{max-width:190px}.standalone-select select{min-width:190px}
.alliance-picker{min-height:42px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-5px 0 19px}.alliance-chip{position:relative;cursor:pointer}.alliance-chip input{position:absolute;opacity:0;pointer-events:none}.alliance-chip span{display:block;padding:8px 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:var(--solid);font-size:12px;font-weight:750;transition:.15s}.alliance-chip input:checked+span{border-color:var(--chip-color,var(--accent));color:var(--text);box-shadow:inset 0 0 0 1px var(--chip-color,var(--accent))}.alliance-chip.preferred span::before{content:"★";margin-right:6px;color:var(--accent-ink)}
.duel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.duel-kpis article{padding:15px 17px;border:1px solid var(--line);border-left:3px solid #6d7cff;border-radius:12px;background:var(--solid)}.duel-kpis article:nth-child(2){border-left-color:#f05d9f}.duel-kpis article:nth-child(3){border-left-color:#ff9f43}.duel-kpis article:nth-child(4){border-left-color:#36c98f}.duel-kpis strong{display:block;margin-top:6px;font-size:21px;letter-spacing:-.02em}
.chart-wrap{height:340px;border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 0,rgba(109,124,255,.09),transparent 32%),radial-gradient(circle at 76% 100%,rgba(240,93,159,.08),transparent 34%),var(--solid)}svg{width:100%;height:100%;display:block}svg text{fill:var(--muted);font-family:inherit;font-size:10px}.chart-grid{stroke:var(--line);stroke-width:1}.chart-area{pointer-events:none}.chart-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-point{stroke:var(--solid);stroke-width:2}.empty-copy{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px}.empty-copy strong{font-size:18px}.empty-copy span{margin-top:7px;color:var(--muted);font-size:13px}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;min-height:20px;margin-top:14px;color:var(--muted);font-size:11px}.legend-item{display:flex;align-items:center;gap:7px}.legend-item i{width:18px;height:3px;border-radius:3px}
.subheading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 12px}.subheading h3,.trend-card h3{margin:0;font-size:17px}.subheading span,.trend-card>span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.search{width:min(250px,100%);margin:0}.heat-legend{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.heat-legend i{width:13px;height:13px;border-radius:3px;background:color-mix(in srgb,#6d7cff 32%,var(--solid))}.heat-legend i:nth-of-type(2){background:color-mix(in srgb,#9b6cff 55%,var(--solid))}.heat-legend i:nth-of-type(3){background:color-mix(in srgb,#f05d9f 68%,var(--solid))}.heat-legend i:nth-of-type(4){background:#ff9f43}
.contribution-heading{margin-bottom:8px}.threshold-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.threshold-control span{display:flex;align-items:center;gap:3px;margin:0;color:var(--text)}.threshold-control input{width:70px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--solid);font-weight:800}.data-note{margin:0 0 12px;color:var(--muted);font-size:10px}.contribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.watch-card{border:1px solid var(--line);border-radius:14px;background:var(--solid);overflow:hidden}.watch-card:first-child{box-shadow:inset 0 3px #ff9f43}.watch-card:last-child{box-shadow:inset 0 3px #9b6cff}.watch-card header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.watch-card h4{margin:0;font-size:17px}.watch-card header>strong{display:grid;place-items:center;min-width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,#ff9f43 15%,var(--solid));color:#d96a00;font-size:20px}.watch-card:last-child header>strong{background:color-mix(in srgb,#9b6cff 15%,var(--solid));color:#7f4ce0}.watch-summary{display:flex;flex-wrap:wrap;gap:7px 16px;padding:0 18px 14px;color:var(--muted);font-size:10px}.watch-summary b{color:var(--text);font-size:13px}.watch-list{max-height:310px;overflow:auto;border-top:1px solid var(--line)}.watch-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 18px;border-bottom:1px solid var(--line);cursor:pointer}.watch-row:last-child{border-bottom:0}.watch-row strong,.watch-row small{display:block}.watch-row strong{font-size:12px}.watch-row small{margin-top:2px;color:var(--muted);font-size:9px}.watch-score{text-align:right}.watch-zero{border-left:3px solid var(--danger)}.watch-low{border-left:3px solid #ff9f43}.watch-clear{margin:0;padding:20px;color:var(--accent-ink);font-size:11px;font-weight:750}
.heatmap-wrap,.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--solid)}.heatmap{display:grid;grid-template-columns:170px repeat(var(--days),minmax(34px,1fr));gap:4px;min-width:max-content;padding:13px}.heat-name{width:170px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.heat-header,.heat-date{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase}.heat-date{display:grid;place-items:center;writing-mode:vertical-rl;transform:rotate(180deg);height:53px}.heat-cell{width:100%;min-width:34px;height:25px;border-radius:5px;background:color-mix(in srgb,var(--text) 5%,var(--solid))}.heat-1{background:color-mix(in srgb,#6d7cff 32%,var(--solid))}.heat-2{background:color-mix(in srgb,#9b6cff 55%,var(--solid))}.heat-3{background:color-mix(in srgb,#f05d9f 68%,var(--solid))}.heat-4{background:#ff9f43}
table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:right;font-size:12px;white-space:nowrap}th{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:color-mix(in srgb,var(--solid) 90%,var(--bg));position:sticky;top:0;z-index:2}th:nth-child(2),td:nth-child(2){text-align:left}tbody tr:last-child td{border-bottom:0}tbody tr{transition:.12s}tbody tr:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}#member-table tr{cursor:pointer}td strong,td small{display:block}td small{margin-top:2px;color:var(--muted);font-size:9px}.rank-badge{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:8px;background:color-mix(in srgb,var(--text) 6%,var(--solid));font-weight:850}.positive{color:var(--accent-ink);font-weight:750}.negative{color:var(--danger);font-weight:750}.isv-row{background:color-mix(in srgb,var(--accent) 11%,transparent)}.isv-row td:first-child{box-shadow:inset 3px 0 var(--accent)}
.ranking-meta{display:flex;justify-content:space-between;margin:-7px 0 12px;color:var(--muted);font-size:11px}.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.ranking-layout tbody tr{cursor:pointer}.trend-card{min-height:310px;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--solid)}.trend-card svg{height:220px;margin-top:14px}
.player-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}.player-layout .subheading{margin-top:8px}.player-chart{height:280px;position:relative;border:1px solid var(--line);border-radius:13px;background:var(--solid);overflow:hidden}.player-chart>p{position:absolute;inset:0;display:grid;place-content:center;margin:0}.player-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.player-ranking-grid article{padding:14px;border:1px solid var(--line);border-left:3px solid #9b6cff;border-radius:11px;background:var(--solid)}.player-ranking-grid article:nth-child(2n){border-left-color:#22b8cf}.player-ranking-grid small,.player-ranking-grid strong,.player-ranking-grid span,.player-ranking-grid em{display:block}.player-ranking-grid small{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase}.player-ranking-grid strong{margin:8px 0 2px;font-size:20px}.player-ranking-grid span,.player-ranking-grid em{font-size:10px}.player-ranking-grid em{margin-top:7px;font-style:normal}
.scanner-list{display:grid;gap:9px}.scanner-row{display:grid;grid-template-columns:1fr repeat(3,minmax(105px,auto));align-items:center;gap:18px;padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:var(--solid)}.scanner-row strong,.scanner-row small{display:block}.scanner-row small{color:var(--muted);margin-top:3px;font-size:10px}.scanner-stat{text-align:right;font-size:12px}.muted{color:var(--muted)}footer{padding:28px 20px 48px;color:var(--muted);text-align:center;font-size:11px}
.table-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.table-filters .search,.table-filters select,.table-filters input{display:block;min-width:150px;margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--solid);outline:none}.table-filters select:focus,.table-filters input:focus{border-color:var(--accent)}.ranking-data-filters{margin:-4px 0 12px}.player-picker{max-height:150px;overflow:auto;padding:3px 0}.sort-button{padding:0;border:0;color:inherit;background:transparent;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.sort-button::after{content:"↕";margin-left:5px;opacity:.3}.sort-button.sorted::after{content:"↓";opacity:1;color:var(--accent-ink)}.sort-button.sorted[data-direction="asc"]::after{content:"↑"}#alliance-table td:first-child,#comparison-table td:first-child,#alliance-table th:first-child,#comparison-table th:first-child{text-align:left}#alliance-table tr,#comparison-table tr{cursor:pointer}
.member-inline-detail:hover{background:transparent}.member-inline-detail>td{padding:0!important;text-align:left!important;white-space:normal}.inline-player{padding:20px;background:linear-gradient(135deg,color-mix(in srgb,#f05d9f 7%,var(--solid)),color-mix(in srgb,#22b8cf 6%,var(--solid)))}.inline-player-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:14px}.inline-player-head h4{margin:0;font-size:20px}.inline-player-head span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.inline-close{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--solid);font-size:20px;line-height:1;cursor:pointer}.inline-player-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px}.inline-chart{height:230px;border:1px solid var(--line);border-radius:12px;background:var(--solid);overflow:hidden}.inline-ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start}.inline-ranking-list article{padding:10px;border:1px solid var(--line);border-left:3px solid #9b6cff;border-radius:9px;background:var(--solid)}.inline-ranking-list small,.inline-ranking-list strong,.inline-ranking-list span{display:block}.inline-ranking-list small{color:var(--muted);font-size:8px;text-transform:uppercase}.inline-ranking-list strong{margin:5px 0 1px;font-size:14px}.inline-ranking-list span{color:var(--muted);font-size:9px}.inline-player-loading{padding:24px;color:var(--muted);background:var(--solid)}
.health-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:12px}.health-card{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--solid)),var(--solid))}.health-card h3{margin:0;font-size:25px}.health-card span{display:block;max-width:280px;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.health-ring{--health-angle:0deg;width:118px;height:118px;flex:0 0 auto;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,var(--solid) 58%,transparent 60%),conic-gradient(var(--accent) var(--health-angle),color-mix(in srgb,var(--text) 8%,var(--solid)) 0)}.health-ring strong{font-size:35px;line-height:1}.health-ring small{color:var(--muted);font-size:9px}.insight-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.insight-kpis article{padding:14px;border:1px solid var(--line);border-top:3px solid #6d7cff;border-radius:11px;background:var(--solid)}.insight-kpis article:nth-child(4n+2){border-top-color:#f05d9f}.insight-kpis article:nth-child(4n+3){border-top-color:#ff9f43}.insight-kpis article:nth-child(4n){border-top-color:#36c98f}.insight-kpis small,.insight-kpis strong{display:block}.insight-kpis small{color:var(--muted);font-size:8px;font-weight:850}.insight-kpis strong{margin-top:7px;font-size:17px}.analytics-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.analytics-card{min-height:290px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--solid)}.analytics-card .subheading{margin:0 0 18px}.distribution-bars{display:grid;gap:16px}.distribution-row{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:9px;font-size:10px}.distribution-row>div{height:9px;border-radius:9px;background:color-mix(in srgb,var(--text) 7%,var(--solid));overflow:hidden}.distribution-row i{display:block;height:100%;border-radius:inherit}.distribution-row strong{text-align:right}.balance-stat{display:flex;justify-content:space-between;margin-top:25px;padding-top:15px;border-top:1px solid var(--line);font-size:11px}.tier-chart{height:185px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:6px}.tier-segment{height:100%;display:grid;grid-template-rows:auto auto 1fr;text-align:center}.tier-segment strong{font-size:18px}.tier-segment span{min-height:28px;color:var(--muted);font-size:8px}.tier-segment i{width:75%;align-self:end;justify-self:center;border-radius:6px 6px 2px 2px;background:var(--tier-color)}.scatter-wrap{height:210px;position:relative}.scatter-wrap>p{position:absolute;inset:0;display:grid;place-content:center;margin:0;text-align:center;font-size:10px}.scatter-point{stroke:var(--solid);stroke-width:2}.mover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mover-card{padding:14px;border:1px solid var(--line);border-left:3px solid #22b8cf;border-radius:11px;background:var(--solid)}.mover-card.good{border-left-color:#36c98f}.mover-card.bad{border-left-color:#ff6b57}.mover-card small,.mover-card strong,.mover-card span{display:block}.mover-card small{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.mover-card strong{margin:7px 0 3px;font-size:13px}.mover-card span{color:var(--muted);font-size:9px}.analytics-table{min-width:1350px}.analytics-table td:first-child,.analytics-table th:first-child{text-align:left}.analytics-table tbody tr{cursor:pointer}.tier-badge{display:inline-block;padding:5px 7px;border-radius:7px;background:color-mix(in srgb,#6d7cff 13%,var(--solid));font-size:9px;font-weight:800}.tier-elite{color:#7f4ce0;background:color-mix(in srgb,#9b6cff 17%,var(--solid))}.tier-above-average{color:var(--accent-ink);background:color-mix(in srgb,#36c98f 15%,var(--solid))}.tier-at-risk,.tier-inactive{color:var(--danger);background:color-mix(in srgb,#ff6b57 14%,var(--solid))}
.cycle-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.cycle-kpis article{padding:14px;border:1px solid var(--line);border-left:3px solid #f05d9f;border-radius:11px;background:var(--solid)}.cycle-kpis article:nth-child(2){border-left-color:#6d7cff}.cycle-kpis article:nth-child(3){border-left-color:#ff9f43}.cycle-kpis article:nth-child(4){border-left-color:#36c98f}.cycle-kpis small,.cycle-kpis strong{display:block}.cycle-kpis small{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.cycle-kpis strong{margin-top:7px;font-size:18px}.cycle-chart{height:260px;display:grid;grid-template-columns:repeat(9,minmax(58px,1fr));align-items:end;gap:10px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--solid);overflow-x:auto}.cycle-chart>p{grid-column:1/-1;align-self:center;text-align:center}.cycle-bar{height:100%;min-width:58px;display:grid;grid-template-rows:24px 1fr 18px 16px;gap:3px;text-align:center}.cycle-bar strong{align-self:center;font-size:10px}.cycle-bar>div{height:100%;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--line)}.cycle-bar i{display:block;width:70%;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#f05d9f,#6d7cff)}.cycle-bar.current i{background:linear-gradient(180deg,#42dc8b,#22b8cf);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}.cycle-bar span{font-size:9px;font-weight:800}.cycle-bar small{color:var(--muted);font-size:8px}
@media(max-width:980px){nav{display:none}.ranking-layout,.player-layout{grid-template-columns:1fr}.trend-card{min-height:280px}.hero{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){main{width:min(100% - 24px,1320px);padding-top:38px}.topbar{padding:0 14px;gap:10px}.default-pill{display:none}.panel{padding:20px}.panel-heading,.subheading{flex-direction:column;align-items:stretch}.filters{justify-content:flex-start}.filters label{flex:1}.filters select,.filters input{width:100%;min-width:0}.duel-kpis{grid-template-columns:repeat(2,1fr)}.contribution-grid{grid-template-columns:1fr}.threshold-control{justify-content:space-between}.scanner-row{grid-template-columns:1fr 1fr}.scanner-row>:first-child{grid-column:1/-1}.chart-wrap{height:290px}}
@media(max-width:430px){.brand small{display:none}.language-control{padding:0 8px}.language-control select{width:46px}.metrics{grid-template-columns:1fr}.metrics article{min-height:116px}.duel-kpis,.player-ranking-grid{grid-template-columns:1fr}.sync-state{grid-template-columns:auto 1fr}.sync-state button{grid-column:1/-1}.ranking-meta{display:block}.ranking-meta span{display:block;margin-top:4px}}
@media(max-width:720px){.table-filters{justify-content:flex-start}.table-filters .search,.table-filters select,.table-filters input{width:100%;min-width:0}}
@media(max-width:860px){.inline-player-body{grid-template-columns:1fr}.inline-ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){#compare .filters{display:grid;grid-template-columns:1fr;width:100%}#compare .filters label{width:100%}.inline-ranking-list{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-player{padding:14px}}
@media(max-width:1050px){.health-layout{grid-template-columns:1fr}.analytics-columns{grid-template-columns:1fr 1fr}.mover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-columns{grid-template-columns:1fr}.mover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cycle-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-chart{grid-template-columns:repeat(9,70px)}}
@media(max-width:430px){.health-card{align-items:flex-start;flex-direction:column}.health-ring{width:100px;height:100px}.mover-grid{grid-template-columns:1fr}}