:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#203033;background:#f5f6f5;font-synthesis:none;--accent:#f47b35;--muted:#738080;--line:#e2e7e5;--dark:#172629;--green:#3d8b74}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c65c1e;outline-offset:4px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--dark);color:#eaf0ed;padding:36px 25px 25px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.7px}.brand-icon{display:grid;place-items:center;position:relative;width:40px;height:40px;border:1px solid #586363;font-size:28px;font-weight:700;color:var(--accent);border-radius:10px;flex-shrink:0}.brand-icon span{position:absolute;font-size:16px;right:0;top:-5px;color:var(--dark);background:var(--accent);width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.brand small{display:block;font-size:9px;letter-spacing:1.6px;font-weight:500;color:#a4b1ae;margin-top:6px}.nav-label{margin:64px 15px 16px;color:#8b9c99;font-size:10px;letter-spacing:1.7px;font-weight:600}nav{display:grid;gap:8px}nav button{border:0;background:transparent;color:#abb8b5;border-radius:7px;text-align:left;padding:14px 16px;font-size:13px;font-weight:550;display:flex;align-items:center;gap:14px}nav button span{width:18px;text-align:center;font-size:20px;line-height:16px}nav button:hover{background:#243639;color:white}nav button.active{background:#30403f;color:#fff;box-shadow:inset 3px 0 var(--accent)}nav button.active span{color:var(--accent)}.sidebar-note{margin-top:auto;padding:32px 13px 30px;border-bottom:1px solid #344447;font-size:12px}.small-shield{display:block;border:1px solid #586c65;border-radius:5px;width:26px;height:28px;color:#a1c2b0;text-align:center;padding-top:4px;margin-bottom:17px}.sidebar-note strong{font-weight:600;color:#dce4e0}.sidebar-note p{font-size:11px;line-height:1.8;color:#94a6a1}.text-button{border:0;background:transparent;color:inherit;padding:3px 0;font-size:12px;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.sidebar-note .text-button{color:#bdd3c8;margin-top:7px}.sidebar-footer{padding:24px 13px 0;font-size:9px;letter-spacing:1px;color:#9bb0a7}.sidebar-footer small{display:block;font-size:10px;letter-spacing:0;color:#81948d;margin-top:10px}.status-dot{display:inline-block;width:6px;height:6px;background:#7cb59a;border-radius:50%;vertical-align:middle;margin-right:6px}main{margin-left:236px;padding:0 48px;max-width:1800px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.7px;color:#63716e}.slash{color:#b3bcb7;margin:0 15px}#breadcrumb{letter-spacing:0;font-size:11px;color:#263934}.private-tag{font-size:9px;letter-spacing:1.2px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 0 30px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#76847e;margin:0 0 14px}h1{font-size:clamp(28px,2.9vw,43px);font-weight:650;letter-spacing:-1.7px;margin:0;line-height:1.18}h1 span{color:var(--accent)}.page-heading p:last-child{font-size:13px;color:var(--muted);margin:13px 0 0}.heading-actions{display:flex;gap:10px;flex-shrink:0}.button{border:0;border-radius:5px;padding:13px 18px;font-size:12px;font-weight:650;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--accent);color:#24302c}.primary:hover{background:#f68b4e}.secondary{background:white;border:1px solid var(--line);color:#43574e}.dark{background:var(--dark);color:#fff}.upload-card{display:flex;gap:22px;align-items:center;padding:27px 30px;border:1px dashed #b7c9bd;background:#eef3ef;border-radius:9px;position:relative;transition:background .2s}.upload-card.dragging{background:#ffe7d6;border-color:#d36e2d;outline:2px solid #f47b35}.upload-icon{background:white;border:1px solid #dce5de;border-radius:10px;height:52px;width:52px;display:grid;place-items:center;font-size:27px;color:#526b5c;flex-shrink:0}.upload-copy{flex:1}.upload-copy h2{font-size:16px;font-weight:600;margin:0 0 9px;letter-spacing:-.3px}.upload-copy p{font-size:11px;color:#74817a;margin:0;line-height:1.6}.upload-privacy{display:block;font-size:10px;color:#5a7867;margin-top:9px}.upload-actions{display:flex;flex-direction:column;gap:10px;text-align:center}.upload-actions .button{padding:12px 17px}.upload-actions .button span{margin-left:15px}.upload-actions .text-button{font-size:10px;color:#728077}.welcome{display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center;padding:58px 18px 50px}.section-kicker{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#7e8d85}.welcome h2{font-size:32px;line-height:1.24;font-weight:550;letter-spacing:-1.2px;margin:16px 0}.welcome-copy>p{font-size:12px;line-height:1.9;color:#7a8781;max-width:370px}.steps{display:grid;gap:18px;margin-top:30px}.steps>div{display:flex;gap:18px;align-items:baseline}.steps span{font-size:11px;color:#b67750;font-weight:600}.steps p{margin:0;font-size:11px;line-height:1.8;color:#859087}.steps strong{display:block;font-size:12px;font-weight:600;color:#405349}.preview-card{padding:27px 30px 24px;background:#e5eae5;border-radius:8px;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:15px 19px 0 #edf0ec}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-top .section-kicker{font-size:8px;letter-spacing:1.2px}.preview-dot{border:1px solid #bfcac0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:18px;color:#67836b}.preview-number{font-size:37px;font-weight:550;line-height:1.17;letter-spacing:-1.6px;margin-top:27px;color:#3b5144}.preview-bars{height:123px;display:flex;gap:9px;align-items:flex-end;margin-top:20px;border-bottom:1px solid #cbd4c9;padding:0 4px}.preview-bars i{height:32%;background:#b8c7b9;width:100%;border-radius:4px 4px 0 0}.preview-bars i:nth-child(2){height:47%}.preview-bars i:nth-child(3){height:39%}.preview-bars i:nth-child(4){height:68%;background:#8ea78f}.preview-bars i:nth-child(5){height:57%}.preview-bars i:nth-child(6){height:84%;background:#728d76}.preview-bars i:nth-child(7){height:73%;background:#95ac95}.preview-bars i:nth-child(8){height:100%;background:var(--accent)}.preview-bars i:nth-child(9){height:88%;background:#d6aa85}.preview-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#798a7b;margin-top:18px}.page-footer{margin-top:auto;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.9px;color:#9aa49d}.page-footer>span:last-child{letter-spacing:0}.footer-dot{margin:0 9px}#status:not(:empty){padding:14px 17px;margin:15px 0 0;background:#fff4e9;border:1px solid #f1d0b3;border-radius:6px;font-size:12px;line-height:1.7}#status.error{background:#fff0ed;border-color:#e9b6ab;color:#973f33}#loading{margin-top:18px}.loading-copy{display:flex;justify-content:space-between;font-size:12px;color:#5a7465}progress{width:100%;height:6px;accent-color:var(--accent)}.dataset-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 18px;font-size:10px;color:#8a948f}.dataset-bar>div{display:flex;align-items:center;gap:12px;min-width:0}.dataset-bar strong{font-size:11px;color:#57695f;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.dataset-bar .text-button{font-size:10px;color:#89938d;white-space:nowrap}.data-badge{font-size:8px;letter-spacing:.9px;padding:5px 7px;background:#e4ece6;color:#5b7764;border-radius:3px;white-space:nowrap}.data-badge.demo{background:#ffecd7;color:#a26936}.filters{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.filters label{font-size:9px;color:#7d8b81;font-weight:650;letter-spacing:.6px;display:flex;flex-direction:column;gap:7px}.filters select{background:white;border:1px solid #dbe2dc;padding:10px 32px 10px 12px;border-radius:5px;color:#4b6054;font-size:11px;max-width:340px;min-width:155px}.filters p{max-width:350px;color:#8f9992;font-size:10px;line-height:1.6;margin:0 0 3px auto}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px 21px;min-width:0}.kpi-label{font-size:10px;color:#839087;display:flex;justify-content:space-between}.kpi-index{color:#c0c9c2;font-size:9px}.kpi-value{font-size:29px;font-weight:550;letter-spacing:-1px;margin:13px 0 8px;color:#243b2d}.kpi-note{font-size:9px;color:#94a096}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:24px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:25px}.panel-heading h2{font-size:16px;font-weight:600;letter-spacing:-.4px;margin:0 0 7px}.panel-heading p{font-size:10px;color:#95a096;margin:0;line-height:1.6}.panel-heading .text-button{color:#8a9b90;font-size:10px;white-space:nowrap}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.overview-grid .panel{height:100%}.hero-chart{display:grid;gap:20px}.hero-bar-row{display:grid;grid-template-columns:25px 95px 1fr 53px;align-items:center;gap:13px}.hero-index{font-size:9px;color:#afbbb1}.hero-bar-name{font-size:11px;font-weight:550;color:#516658;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:16px;background:#f0f3ef;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:#bccdbf;border-radius:3px;min-width:2px}.hero-bar-row:first-child .bar-fill{background:var(--accent)}.hero-bar-value{text-align:right;font-size:10px;color:#6e8374}.chart-axis{display:flex;justify-content:space-between;color:#b5bdb7;font-size:8px;margin:22px 66px 0 146px;border-top:1px solid #eff2ed;padding-top:8px}.spotlight{background:#eff3ed;border:1px solid #e0e7dc;padding:22px;border-radius:6px;margin-bottom:20px;position:relative;overflow:hidden}.spotlight>span{font-size:8px;letter-spacing:1.2px;color:#8da08e}.spotlight h3{font-size:25px;letter-spacing:-.8px;font-weight:550;margin:13px 0 6px;color:#3d5e43}.spotlight p{font-size:11px;color:#849984;margin:0}.spotlight-symbol{position:absolute;right:10px;top:12px;font-size:75px;color:#d7e2d2;line-height:1}.fact-list{display:grid;gap:17px}.fact-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8c9b8e;border-bottom:1px solid #f0f2ef;padding-bottom:13px}.fact-row:last-child{border:0;padding-bottom:0}.fact-row strong{color:#526a56;font-size:11px;font-weight:550}.section-heading{font-size:17px;letter-spacing:-.4px;margin:28px 0 18px;font-weight:600}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:550;color:#9aa69d;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e9ede7;padding:0 12px 15px}td{padding:17px 12px;border-bottom:1px solid #f0f3ed;color:#7b8e7d}th:first-child,td:first-child{padding-left:0}tbody tr:last-child td{border-bottom:0}td.hero-cell{font-weight:600;color:#47604b}.hero-avatar{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:6px;background:#ebf0e8;margin-right:10px;font-size:10px;color:#7e977e}.pill{font-size:9px;padding:4px 7px;background:#eef2eb;border-radius:3px;color:#6e856f}.winrate{color:#5d9370}.muted{color:#9ba69c}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.toolbar input{padding:11px 13px;border:1px solid #dce4d9;border-radius:5px;background:#fafbf9;min-width:220px;font-size:11px;color:#456149}.toolbar select{padding:10px 12px;border:1px solid #dce4d9;border-radius:5px;font-size:11px;background:white;color:#5e7661;max-width:100%}.toolbar label{font-size:11px;color:#8e9d90}.toolbar .result-count{margin-left:auto;font-size:10px;color:#9ba69c}.empty{text-align:center;padding:45px 20px;color:#8f9c90;font-size:12px;line-height:1.8}.data-footnote{font-size:10px;line-height:1.8;color:#9ba49b;margin:0 0 28px}.notice{background:#f5f6f1;border-left:2px solid #c4cebc;padding:13px 16px;font-size:11px;line-height:1.8;color:#8b9887;margin-bottom:23px}.raw-table td{max-width:420px;white-space:normal;overflow-wrap:anywhere;min-width:100px;vertical-align:top;font-size:10px}.raw-table th{min-width:110px}.pager{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:20px;color:#91a18f;font-size:10px}.pager button{background:#f3f5f0;border:1px solid #e3e8dd;padding:7px 12px;border-radius:4px;color:#688065}.table-sort{background:none;border:0;color:inherit;text-transform:inherit;letter-spacing:inherit;font-size:inherit;padding:0}.table-sort:hover{color:#a1663b}dialog{border:1px solid #dce4d8;border-radius:12px;padding:36px;max-width:530px;width:calc(100% - 40px);box-shadow:0 25px 100px #17262944;color:#3c5340}dialog::backdrop{background:#17262999;backdrop-filter:blur(3px)}dialog h2{font-weight:550;letter-spacing:-.6px}dialog p:not(.eyebrow){font-size:12px;line-height:1.9;color:#748571}dialog .button{margin-top:15px}.dialog-close{position:absolute;right:18px;top:13px;background:none;border:0;font-size:23px;color:#8d9b88}.skip-link{position:fixed;top:-80px;left:250px;z-index:10;background:white;padding:12px}.skip-link:focus{top:10px}@media(min-width:1600px){main{padding-left:70px;padding-right:70px}.welcome{gap:100px;padding-top:70px}.preview-card{max-width:480px}}@media(max-width:1150px){.sidebar{width:200px;padding:30px 17px}main{margin-left:200px;padding:0 30px}.brand{font-size:14px}.brand-icon{width:34px;height:34px}.brand small{font-size:7px}.overview-grid{grid-template-columns:1.2fr 1fr;gap:16px}.panel{padding:19px}.hero-bar-row{grid-template-columns:18px 68px 1fr 45px;gap:8px}.chart-axis{margin-left:108px}.page-heading{align-items:flex-start}.heading-actions{padding-top:24px}.upload-card{padding:23px;gap:16px}.upload-copy p{max-width:310px}.welcome{gap:40px;padding-left:0;padding-right:0}.preview-number{font-size:31px}.kpi{padding:18px 15px}.kpi-value{font-size:25px}}@media(max-width:900px){.sidebar{width:76px;align-items:center;padding:24px 10px}.brand>span:last-child,.nav-label,.sidebar-note,.sidebar-footer{display:none}.brand{margin:0 0 40px}.brand-icon{width:38px;height:38px}nav{width:100%;gap:12px}nav button{font-size:0;padding:15px;gap:0;justify-content:center}nav button span{font-size:21px}main{margin-left:76px;padding:0 27px}.page-heading{padding-top:30px}.heading-actions{padding-top:15px}.heading-actions .button{padding:11px 12px;font-size:10px}.welcome{gap:35px}.welcome h2{font-size:28px}.overview-grid{grid-template-columns:1fr}.filters p{max-width:200px;font-size:9px}.kpi-label{font-size:9px}.kpi-value{font-size:23px}.topbar{height:65px}.page-footer>span:first-child{display:none}}@media(max-width:650px){.sidebar{position:sticky;top:0;width:100%;height:62px;flex-direction:row;justify-content:space-between;padding:10px 16px}.brand{margin:0}.brand-icon{width:32px;height:32px;font-size:23px}.brand-icon span{font-size:12px;width:14px;height:14px}.sidebar nav{display:flex;gap:5px;width:auto}nav button{padding:10px;border-radius:4px}nav button.active{box-shadow:inset 0 -2px var(--accent)}nav button span{font-size:18px}.skip-link{left:10px}main{margin:0;padding:0 20px}.topbar{height:48px;font-size:8px}.private-tag{font-size:7px;letter-spacing:.5px}.slash{margin:0 8px}.page-heading{display:block;padding:26px 0 23px}.eyebrow{font-size:8px;margin-bottom:12px}h1{font-size:32px;letter-spacing:-1.2px}.page-heading p:last-child{font-size:11px;margin-top:10px}.heading-actions{margin-top:18px;padding:0}.heading-actions .button{font-size:11px;padding:12px 15px}.upload-card{padding:20px;display:grid;grid-template-columns:35px 1fr;gap:13px}.upload-icon{height:35px;width:35px;border-radius:7px;font-size:21px}.upload-copy h2{font-size:13px;line-height:1.4}.upload-copy p{font-size:10px}.upload-privacy{font-size:9px}.upload-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.upload-actions .button{font-size:10px}.upload-actions .button span{margin-left:7px}.upload-actions .text-button{font-size:9px}.welcome{grid-template-columns:1fr;gap:35px;padding:32px 0 45px}.welcome h2{font-size:29px}.welcome-copy>p{max-width:100%}.steps{gap:16px;margin-top:24px}.preview-card{margin:0 12px 8px}.preview-number{font-size:34px}.preview-bars{height:100px}.page-footer{font-size:8px;padding:20px 0;line-height:1.6}.dataset-bar{display:block;padding:20px 0 15px}.dataset-bar>span{display:block;margin-top:10px}.dataset-bar>div{gap:9px}.dataset-bar strong{max-width:170px;font-size:10px}.filters{gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters label{flex:1;max-width:100%;min-width:0}.filters select{min-width:0;width:100%;max-width:100%;font-size:10px;padding-left:8px}.filters p{max-width:100%;margin:0;font-size:9px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.kpi{padding:16px}.kpi-value{font-size:28px}.kpi-note{font-size:8px}.panel{padding:19px 16px;margin-bottom:18px}.panel-heading h2{font-size:15px}.hero-bar-row{grid-template-columns:18px 73px 1fr 48px;gap:9px}.hero-bar-name{font-size:10px}.hero-chart{gap:17px}.bar-track{height:14px}.chart-axis{margin-left:116px;margin-right:57px}.overview-grid{display:block}.overview-grid .panel{height:auto}.toolbar input{min-width:0;width:100%}.toolbar{gap:10px}.toolbar select{max-width:100%}.toolbar .result-count{font-size:9px}.data-footnote{font-size:9px}.raw-table td{max-width:260px}.notice{font-size:10px}.dataset-bar .text-button{margin-left:auto}.preview-bottom{font-size:7px}dialog{padding:29px 24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;transform:none!important}}

@media(max-width:650px){.filters p{flex-basis:100%}.filters label{flex:1 1 40%;}.filters select{max-width:100%;width:100%;}}

.rank-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.rank-card{border:1px solid #dde6d9;background:#f6f8f3;border-radius:6px;padding:20px}.rank-card strong{display:block;font-size:24px;font-weight:550;color:#3b5b42;margin:14px 0}.rank-card p{font-size:11px;color:#81937e}.rank-card b{font-weight:550;color:#526e51}.rank-card small{font-size:10px;color:#95a28e}.season-table td[rowspan]{vertical-align:top;padding-top:20px}.season-table td{padding-top:14px;padding-bottom:14px}.season-table td small{display:block;color:#93a28b;font-size:10px;font-weight:400;margin-top:8px}.season-link{font-size:12px;font-weight:650;color:#52734e}.rank-value{font-weight:600;color:#496a48}.season-rating .eyebrow{font-size:9px;margin-bottom:9px}.filters{flex-wrap:wrap}.filters p{flex:1;min-width:170px}.filters select{max-width:280px}@media(max-width:650px){.filters p{flex:1 1 100%}.filters label{flex:1 1 40%}.rank-card strong{font-size:24px}.sidebar{padding-left:12px;padding-right:12px}.sidebar nav{gap:2px}nav button{padding:9px}.rank-cards{grid-template-columns:1fr}.rank-card{padding:17px}}
