.statistics-card{padding:18px 20px;background:#fff9ed;border:1px solid #e9d8b9;border-radius:21px;box-shadow:0 7px 23px #70461a08}
.opening-statistics{display:grid;gap:8px;margin-top:11px;min-width:0;text-align:left;color:#735333;font-size:12px;font-weight:400;line-height:1.5}
.opening-statistics>b{font-size:13px;font-weight:600;letter-spacing:.02em}
.outcome-bar{display:flex;height:12px;width:100%;overflow:hidden;border-radius:8px;box-shadow:inset 0 0 0 1px #85664530;background:#dfd3bf}
.outcome-bar i{display:block;height:100%;min-width:0;transition:width .25s ease}
.outcome-bar .white{background:#f8e7b7}.outcome-bar .draw{background:#ba9b76}.outcome-bar .black{background:#625043}
.outcome-labels{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 7px;font-size:10px;color:#7d6a56;line-height:1.5;font-weight:400}
.opening-statistics.compact{gap:4px;margin-top:8px}.opening-statistics.compact>b{font-size:11px}.opening-statistics.compact .outcome-bar{height:7px}.opening-statistics.compact .outcome-labels{font-size:9px}
.opening-statistics.no-sample{font-size:11px;color:#92806c;font-weight:400}
.continuation-row>.opening-statistics{grid-column:1/-1;width:100%;margin-top:0;padding-top:3px}
.workspace-book-moves button>.opening-statistics{grid-column:1/-1;width:100%;white-space:normal}
.workspace-book-moves button{flex-wrap:wrap}.workspace-book-moves button>.opening-statistics{flex-basis:100%}
@media(orientation:landscape){.statistics-card{padding:13px 15px}.statistics-card .opening-statistics{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.outcome-bar i{transition:none}}.reduce-motion .outcome-bar i{transition:none}

.continuation-row .branch-track[hidden]{display:none}.continuation-row.has-sample{grid-template-columns:minmax(0,1fr) auto}.continuation-row .branch-count{white-space:nowrap}