/* Shared by the local builder, code snapshots and credited tournament readers. */
.ds{--ds-line:color-mix(in srgb,var(--soft) 62%,transparent);--ds-surface:var(--bg2);color:var(--ink);font-family:var(--body);min-width:0}
.ds [hidden]{display:none!important}.ds button,.ds select{font-family:inherit}.ds button{cursor:pointer}.ds button:disabled{cursor:default}.ds button:focus-visible,.ds a:focus-visible,.ds select:focus-visible{outline:2px solid var(--ac);outline-offset:4px}.ds-kicker{font:500 14px/1.5 var(--body);text-transform:none;letter-spacing:0;color:var(--muted);margin:0 0 7px}.ds-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 26px;border-bottom:1px solid var(--ds-line);margin-bottom:28px}.ds-header h2{font:600 clamp(40px,4vw,64px)/.95 var(--head);text-transform:uppercase;letter-spacing:-.7px;margin:0}.ds-header h2 span{color:var(--ac)}.ds-header>div>p:last-child{font-size:13px;color:var(--muted);margin:13px 0 0}.ds-scope{display:grid;gap:8px;min-width:160px;font:13px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.ds-scope select{appearance:none;-webkit-appearance:none;background-color:var(--bg2);background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;color:var(--ink);border:1px solid var(--soft);border-radius:0;padding:12px 32px 12px 15px;min-height:46px;font-size:13px;letter-spacing:0;cursor:pointer}
.ds-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}.ds-identity{padding-top:1px;min-width:0}.ds-lineup-art{position:relative;margin:17px 0 24px;padding-right:24px;padding-bottom:14px;isolation:isolate}.ds-legend-art,.ds-champion-art{display:block;background:var(--bg3);border:0;padding:0;border-radius:8px;box-shadow:0 10px 25px #0003;aspect-ratio:744/1039;overflow:hidden}.ds-legend-art{width:100%;transform:rotate(-3deg)}.ds-legend-art img,.ds-champion-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}.ds-legend-art:hover img,.ds-champion-art:hover img{transform:scale(1.025)}.ds-champion-art{position:absolute;width:45%;bottom:0;right:0;transform:rotate(7deg);outline:4px solid var(--bg)}.ds-identity h3{font:600 28px/1.05 var(--head);text-transform:uppercase;margin:0 0 12px;overflow-wrap:anywhere}.ds-identity-domains{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font:13px var(--body);color:var(--muted)}.ds-champion-name{border-top:1px solid var(--ds-line);padding-top:16px;margin:20px 0}.ds-champion-name p{font-size:13px;margin:6px 0 0}.ds-section-counts{margin:24px 0 18px;display:grid;gap:12px}.ds-section-counts>div{display:flex;justify-content:space-between;gap:10px;font:13px var(--body)}.ds-section-counts dt{color:var(--muted)}.ds-section-counts dd{margin:0;font:13px var(--mono)}.ds-art-empty{display:flex;align-items:center;justify-content:center;border:1px dashed var(--soft);background:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in srgb,var(--ac) 4%,transparent) 12px 13px)}.ds-art-empty>span{font:600 45px/.9 var(--head);color:var(--muted)}
.ds-main{min-width:0}.ds-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ds-line);margin:0;background:var(--ds-surface)}.ds-metrics>div{padding:19px 20px 16px;border-right:1px solid var(--ds-line);min-width:0}.ds-metrics>div:last-child{border:0}.ds-metrics dt{font:13px/1.6 var(--mono);color:var(--muted)}.ds-metrics dd{font:500 48px/1 var(--head);margin:10px 0 8px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.ds-metrics>div:first-child dd{color:var(--ac)}.ds-metrics p{font:13px/1.5 var(--body);color:var(--muted);margin:0}.ds-scope-note{font:13px/1.7 var(--body);color:var(--muted);margin:12px 0 23px}.ds-data-warning{border-left:2px solid var(--order);padding:13px 16px;font:13px/1.6 var(--body);background:var(--bg2);margin:0 0 20px}.ds-chart-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.ds-panel{border:1px solid var(--ds-line);background:var(--ds-surface);padding:22px;min-width:0}.ds-panel-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.ds-panel-head .ds-kicker{color:var(--ac);font-size:13px}.ds-panel h3{font:500 24px/1.1 var(--head);margin:0;text-transform:uppercase}.ds-caption{font:13px/1.65 var(--body);color:var(--muted);margin:12px 0 0}.ds-caption a,.ds-method a{color:var(--ac)}.ds-chart-axis{display:flex;justify-content:space-between;font:13px var(--mono);color:var(--muted);margin:0 0 7px}.ds-curve{display:grid;grid-template-columns:repeat(var(--ds-columns),minmax(0,1fr));gap:7px;height:180px;position:relative;background:repeating-linear-gradient(to top,transparent 0 36px,var(--ds-line) 36px 37px);background-size:100% 148px;background-repeat:no-repeat;border-bottom:1px solid var(--ds-line)}.ds-column{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;border:0;background:transparent;color:var(--ink);padding:0;min-width:0}.ds-bar-space{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:148px;padding-top:26px}.ds-bar-space>b{position:absolute;z-index:1;font:13px var(--mono);bottom:calc(var(--ds-height,0%));display:none}.ds-bar{display:block;width:100%;height:var(--ds-height);min-height:2px;max-height:100%;background:color-mix(in srgb,var(--ac) 74%,var(--bg2));border-top:2px solid var(--ac);transition:background .16s}.ds-column>.ds-bar-space>b{display:block;position:static;margin-bottom:7px;flex-shrink:0;color:var(--ink)}.ds-axis-label{display:flex;align-items:center;justify-content:center;min-height:32px;font:13px var(--mono);color:var(--muted)}.ds-column:disabled .ds-bar{background:var(--soft);border-top:0;opacity:.4}.ds-column:disabled b{color:var(--muted)}.ds-column:hover:not(:disabled) .ds-bar,.ds-column[aria-pressed=true] .ds-bar{background:var(--ac)}.ds-column[aria-pressed=true] .ds-axis-label{background:var(--ac);color:var(--ac-ink)}.ds-column:focus-visible{outline-offset:2px}.ds-power-rows{display:grid;gap:6px}.ds-power-row{display:grid;grid-template-columns:1fr auto;gap:9px;min-height:40px;padding:6px 0;border:0;background:transparent;text-align:left;color:var(--ink);font:13px var(--body)}.ds-power-row b{font:13px var(--mono)}.ds-track{height:5px;background:var(--bg3);grid-column:1/-1;overflow:hidden}.ds-track i{display:block;height:100%;background:var(--chaos)}.ds-power-row:hover:not(:disabled),.ds-power-row[aria-pressed=true]{color:var(--ac)}.ds-power-row[aria-pressed=true] .ds-track i{background:var(--ac)}.ds-power-row:disabled{color:var(--muted)}
.ds-type-layout{display:flex;gap:23px;align-items:center;min-height:147px}.ds-ring{width:126px;height:126px;flex:0 0 126px;border-radius:50%;background:var(--ds-ring);padding:16px;transform:rotate(-90deg)}.ds-ring>div{width:100%;height:100%;border-radius:50%;background:var(--ds-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.ds-ring b{font:500 36px/1 var(--head)}.ds-ring span{font:13px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:4px}.ds-breakdown{flex:1;min-width:0}.ds-breakdown-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto 34px;gap:8px;align-items:center;background:transparent;border:0;border-bottom:1px solid var(--ds-line);padding:11px 0;min-height:44px;width:100%;color:var(--ink);font:13px var(--body);text-align:left}.ds-breakdown-row:last-child{border-bottom:0}.ds-breakdown-row>span{overflow-wrap:anywhere}.ds-breakdown-row b{font:13px var(--mono)}.ds-breakdown-row small{font:13px var(--mono);color:var(--muted);text-align:right}.ds-breakdown-row:hover,.ds-breakdown-row[aria-pressed=true]{color:var(--ac);background:color-mix(in srgb,var(--ac) 6%,transparent)}.ds-swatch{display:inline-block;width:8px;height:8px;background:var(--ds-paint);flex-shrink:0;border-radius:2px}.ds-domain-strip{display:flex;gap:3px;height:12px;background:var(--bg3);margin:4px 0 12px}.ds-domain-strip>span{min-width:1px}.ds-rune-note{border-top:1px solid var(--ds-line);margin-top:15px;padding-top:14px}.ds-rune-note .ds-kicker{font-size:13px;letter-spacing:1px}.ds-rune-note p{font:13px/1.6 var(--body);color:var(--muted);margin:5px 0 0}
.ds-results{margin-top:28px;border-top:2px solid var(--ink);padding-top:22px;scroll-margin-top:20px}.ds-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.ds-results-head h3{font:500 28px/1.15 var(--head);text-transform:uppercase;margin:0}.ds-results-head .ds-caption{margin-top:7px}.ds-explore-hint{font:13px/1.7 var(--mono);color:var(--muted);max-width:175px;text-align:right}.ds-clear{min-height:44px;background:var(--bg2);border:1px solid var(--ds-line);color:var(--ac);font-size:13px;padding:9px 14px;white-space:nowrap}.ds-clear span{margin-left:12px}.ds-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.ds-card-result{display:flex;align-items:center;gap:12px;min-height:72px;width:100%;border:1px solid var(--ds-line);padding:8px 13px 8px 8px;background:var(--bg2);color:var(--ink);text-align:left;text-decoration:none}.ds-card-result:hover{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 5%,var(--bg2))}.ds-card-thumb{display:block;width:39px;height:54px;position:relative;flex-shrink:0;background:var(--bg3);border-radius:3px;overflow:hidden}.ds-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}.ds-card-result-copy{flex:1;min-width:0}.ds-card-result strong{display:block;font:500 13px/1.5 var(--body);overflow-wrap:anywhere}.ds-card-result small{display:block;font:13px/1.6 var(--mono);color:var(--muted);margin-top:3px}.ds-card-result>b{font:14px var(--mono);color:var(--ac);flex-shrink:0}.ds-art-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font:600 17px var(--head);color:var(--muted)}.ds-image-failed{position:relative}.ds-image-failed:after{content:'No art';display:flex;align-items:center;justify-content:center;position:absolute;inset:0;font:13px/1.1 var(--body);text-align:center;overflow-wrap:anywhere;padding:2px;color:var(--muted);background:var(--bg3)}.ds-empty-results{grid-column:1/-1;padding:24px;border:1px dashed var(--soft)}.ds-empty-results h4{font:500 26px var(--head);margin:0 0 8px}.ds-empty-results p{font:13px/1.7 var(--body);color:var(--muted);margin:0}.ds-method{border-top:1px solid var(--ds-line);margin:25px 0 35px;padding-top:18px;color:var(--muted);font:13px/1.8 var(--body)}.ds-method summary{cursor:pointer;min-height:32px}.ds-method p{max-width:780px}
/* Stats get the whole workspace, not a tiny chart inside the editor sidebar. */
.db-workspace-tabs{display:flex;gap:24px;border-bottom:1px solid var(--soft);margin:4px 0 0}.db-workspace-tabs button{display:flex;gap:9px;align-items:center;min-height:49px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:0 2px;font:500 13px var(--body)}.db-workspace-tabs button[aria-selected=true]{border-bottom-color:var(--ac);color:var(--ink)}.db-workspace-tabs svg{width:16px;height:16px;color:var(--ac)}.db-workspace-tabs button:focus-visible{outline:2px solid var(--ac);outline-offset:3px}.db-workspace-tabs+[role=tabpanel]{margin-top:20px}.db-app[data-tab=stats] .db-mobile-tabs{display:none}.db-app[data-tab=stats]{padding-bottom:0}
@media(min-width:1450px){.ds-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.ds-panel{padding:25px}.ds-curve{gap:10px;height:192px}.ds-bar-space{height:160px}}
@media(max-width:1100px){.ds-layout{grid-template-columns:155px minmax(0,1fr);gap:24px}.ds-panel{padding:17px}.ds-metrics>div{padding:15px 13px}.ds-metrics dd{font-size:41px}.ds-type-layout{gap:13px}.ds-ring{width:96px;height:96px;flex-basis:96px;padding:12px}.ds-ring b{font-size:30px}.ds-breakdown-row{gap:6px;font-size:13px}.ds-identity h3{font-size:25px}}
@media(max-width:850px){.ds-layout{grid-template-columns:1fr}.ds-identity{display:none}.ds-header{margin-bottom:22px}.ds-chart-grid{gap:12px}.ds-metrics>div{padding:16px}.ds-type-layout{gap:20px}.ds-ring{width:110px;height:110px;flex-basis:110px;padding:14px}}
@media(max-width:560px){.ds-header{align-items:flex-start;padding:23px 0 20px;gap:13px;flex-wrap:wrap}.ds-header h2{font-size:42px}.ds-header>div>p:last-child{font-size:13px}.ds-scope{min-width:130px;width:100%;grid-template-columns:auto minmax(0,170px);align-items:center;justify-content:space-between}.ds-scope select{font-size:13px;width:100%}.ds-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-metrics>div{padding:15px 16px}.ds-metrics>div:nth-child(2){border-right:0}.ds-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--ds-line)}.ds-metrics dt{font-size:13px}.ds-metrics dd{font-size:42px;margin:8px 0}.ds-metrics p{font-size:13px}.ds-scope-note{font-size:13px;margin-bottom:18px}.ds-chart-grid{grid-template-columns:1fr;gap:13px}.ds-panel{padding:19px 16px}.ds-panel-head{margin-bottom:19px}.ds-curve{gap:8px;height:180px}.ds-bar-space{height:148px}.ds-type-layout{gap:27px;min-height:130px}.ds-ring{width:116px;height:116px;flex-basis:116px}.ds-breakdown-row{font-size:13px}.ds-results-head{align-items:flex-start;flex-wrap:wrap}.ds-results-head h3{font-size:27px}.ds-explore-hint{display:none}.ds-clear{padding:9px 12px}.ds-card-grid{grid-template-columns:1fr}.ds-card-result strong{font-size:13px}.ds-kicker{font-size:13px}.ds-method{font-size:13px}.ds-layout{gap:0}.db-workspace-tabs{gap:25px}.db-workspace-tabs button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ds *{transition:none!important}}
/* One shared baseline keeps plotted heights proportional, including small bars. */
.ds-curve{height:180px}.ds-bar-space{display:block;height:122px;flex:0 0 122px;margin-top:26px;padding:0}.ds-bar{position:absolute;bottom:0;left:0;box-sizing:border-box}.ds-column>.ds-bar-space>b{position:absolute;bottom:calc(var(--ds-height) + 7px);left:0;right:0;margin:0;text-align:center;font-style:normal}.ds-column:disabled{opacity:1}.ds-column:disabled b{font-style:normal}
@media(max-width:850px){.ds-identity{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:20px;align-items:center;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--ds-line)}.ds-lineup-art{grid-row:1/4;grid-column:1;width:70px;padding-right:9px;margin:0;padding-bottom:5px}.ds-identity>.ds-kicker,.ds-section-counts,.ds-identity>.ds-caption{display:none}.ds-identity h3{grid-column:2;font-size:25px;margin:0}.ds-identity-domains{grid-column:2;margin:8px 0;font-size:13px}.ds-champion-name{grid-column:2;border:0;padding:0;margin:0}.ds-champion-name .ds-kicker{font-size:13px;letter-spacing:.5px}.ds-champion-name p{font-size:13px;margin-top:3px}.ds-identity .ds-art-empty>span{font-size:22px}}
@media(max-width:560px){.ds-lineup-art{width:63px}.ds-identity{grid-template-columns:63px minmax(0,1fr);gap:0 17px}.ds-identity h3{font-size:23px}}
.ds-chart-jump{background:transparent;border:0;border-bottom:1px solid var(--ac);color:var(--ac);font:13px/1.5 var(--body);padding:7px 0;min-height:36px;white-space:nowrap;margin-left:12px}.ds-panel-head{gap:8px}.ds-results:focus{outline:2px solid var(--ac);outline-offset:8px}
@media(max-width:380px){.ds-curve{gap:4px}}