*{box-sizing:border-box}body{color:#fff;background:#11141d;margin:0;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app{color:#fff;max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-header h1{letter-spacing:-.5px;margin:0 0 .35rem;font-size:2rem;font-weight:800}.logo-accent{color:#7be7a8}.app-header .subtitle{color:#babec9;max-width:60ch;margin:0;font-size:.95rem}.explainer{color:#c5cad6;background-color:#171b27;border:1px solid #232839;border-radius:8px;margin:1.25rem 0;padding:14px 16px;font-size:.88rem;line-height:1.55}.explainer p{margin:0}.explainer p+p{margin-top:.6rem}.explainer strong{color:#ffd66b}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.position-filter{flex-wrap:wrap;gap:.4rem;display:flex}.position-filter button{color:#babec9;cursor:pointer;background-color:#1e222e;border:1px solid #262b3c;border-radius:5px;padding:6px 14px;font-size:.85rem;font-weight:600}.position-filter button:hover{color:#fff;border-color:#3b4256}.position-filter button.active{color:#fff;background-color:#314fa7;border-color:#3f60c4}.champ-search{color:#fff;background-color:#1e222e;border:1px solid #262b3c;border-radius:5px;flex:0 220px;min-width:180px;padding:7px 12px;font-size:.85rem}.champ-search::placeholder{color:#6b7280}.champ-search:focus{border-color:#314fa7;outline:none}.status{color:#babec9;text-align:center;padding:2rem 0}.status.error{color:#ff7f7f}.hint{color:#babec9;font-size:.85rem}.wr-good{color:#7be7a8;font-weight:600}.wr-bad{color:#ff7f7f;font-weight:600}.role-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.82rem;font-weight:600;display:inline-flex}.role-badge.role-top{color:#ff7f7f;background:#ff7f7f33}.role-badge.role-jungle{color:#7be7a8;background:#7be7a833}.role-badge.role-mid{color:#7bc5e7;background:#7bc5e733}.role-badge.role-adc{color:#ffd66b;background:#ffd66b33}.role-badge.role-support{color:#c9a0ff;background:#c9a0ff33}.champ-cell{align-items:center;gap:9px;display:flex}.champ-portrait{background:#1e222e;border-radius:5px;flex-shrink:0;width:32px;height:32px}.champ-portrait-fallback{border:1px solid #262b3c;display:inline-block}.champ-name{white-space:nowrap;font-weight:600}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.stats-table{border-collapse:collapse;width:100%}.stats-table th,.stats-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #262b3c;padding:8px 12px}.stats-table th{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;color:#babec9;background-color:#171b27;font-size:.72rem}.stats-table th.active{color:#fff}.skill-table thead th{z-index:6;position:sticky;top:0}.skill-table th.skill-bar-col{vertical-align:top}.bar-col-head{flex-direction:column;gap:3px;display:flex}.skill-row{cursor:pointer}.skill-row:hover{background-color:#1a1f2c}.skill-bar-col{width:260px;min-width:200px}.range-track{background:#11141d;border:1px solid #262b3c;border-radius:3px;width:100%;height:16px;position:relative}.range-grid{z-index:1;background:#2a3042;width:1px;position:absolute;top:0;bottom:0}.range-grid.fifty{background:#4a5169}.range-wick{z-index:2;background:#6b7280;height:2px;margin-top:-1px;position:absolute;top:50%}.range-sigma{z-index:2;background:#7bc5e722;border-left:1px dashed #7bc5e766;border-right:1px dashed #7bc5e766;position:absolute;top:0;bottom:0}.range-body{z-index:3;border-radius:2px;position:absolute;top:2px;bottom:2px;box-shadow:0 0 0 1px #00000059}.range-body.range-up{background:#7be7a8}.range-body.range-down{background:#ff7f7f}.range-body.range-flat{background:#7bc5e7}.range-mean{z-index:4;border-left:1.5px dashed #ffd66b;width:0;position:absolute;top:-3px;bottom:-3px}.range-axis{height:12px;position:relative}.range-axis-val{color:#8a90a3;white-space:nowrap;font-size:.62rem;font-weight:600;position:absolute;top:0;transform:translate(-50%)}.range-axis-val.fifty{color:#c5cad6}.range-axis-val:first-child{transform:translate(0)}.range-axis-val:last-child{transform:translate(-100%)}.skill-legend{color:#8a90a3;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;font-size:.78rem;display:flex}.range-key{align-items:center;gap:6px;display:inline-flex}.range-key-wick{background:#6b7280;width:16px;height:2px;display:inline-block}.range-key-body{background:#7bc5e7;border-radius:2px;width:16px;height:10px;display:inline-block}.range-key-sigma{background:#7bc5e722;border-left:1px dashed #7bc5e766;border-right:1px dashed #7bc5e766;width:14px;height:14px;display:inline-block}.range-key-mean{border-left:1.5px dashed #ffd66b;width:0;height:16px;display:inline-block}.skill-legend-axis{margin-left:auto}.skill-badge{white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.74rem;font-weight:700}.skill-badge.skill-scales{color:#7be7a8;background:#7be7a833}.skill-badge.skill-falls{color:#ff7f7f;background:#ff7f7f33}.skill-badge.skill-flat{color:#7bc5e7;background:#7bc5e733}.skill-detail-row td{white-space:normal;background:#171b27}.skill-tier-strip{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.skill-tier-chip{flex-direction:column;align-items:center;gap:3px;min-width:58px;display:flex}.skill-tier-chip.thin{opacity:.45}.skill-tier-name{color:#babec9;font-size:.72rem;font-weight:600}.skill-tier-wr{color:#fff;text-align:center;border-radius:4px;min-width:48px;padding:3px 8px;font-size:.78rem;font-weight:700}.skill-tier-matches{color:#8a90a3;font-size:.68rem}.skill-detail-note{color:#8a90a3;margin:8px 0 0;font-size:.8rem}.skill-lowconf{margin-top:14px;line-height:1.5}.site-footer{color:#8a90a3;border-top:1px solid #262b3c;margin-top:2.5rem;padding-top:1.25rem;font-size:.78rem;line-height:1.6}.site-footer p{margin:0 0 .5rem}.site-footer a{color:#7bc5e7}.footer-updated{color:#babec9}.riot-disclaimer{color:#6b7280;max-width:80ch;font-size:.72rem}@media (width<=900px){.col-sigma,.col-profile{display:none}}@media (width<=640px){.app{padding:1rem .75rem 2rem}.app-header h1{font-size:1.6rem}.stats-table th,.stats-table td{padding:7px 5px;font-size:.82rem}.role-label{display:none}.role-badge{padding:2px 5px}.champ-portrait{width:24px;height:24px}.champ-cell{gap:6px}.champ-name{white-space:normal;max-width:92px;line-height:1.2}.col-floor,.col-ceiling{display:none}.col-delta{width:44px;max-width:44px}.skill-bar-col{width:auto;min-width:120px}.champ-search{flex:100%}.skill-legend-axis{margin-left:0}}