/* Optional statistical tools. All selectors stay inside the Play statistics surface. */
.statistics-page{--statistics-surface:var(--paper,var(--panel,#fbf9f0));min-width:0}
.statistics-page>header{margin-bottom:22px}.statistics-page>header h1{margin-bottom:8px}.statistics-page>header p{max-width:70ch}
.statistics-toolbar{position:sticky;top:var(--statistics-header-bottom,126px);z-index:18;display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:var(--statistics-surface);border:1px solid var(--line,#d5d7c5);border-radius:10px;padding:12px;box-shadow:0 5px 14px #17271b12}
.statistics-toolbar label{display:grid;gap:5px;font-size:12px;font-weight:600;min-width:0}.statistics-toolbar label:first-child{flex:1 1 280px}.statistics-toolbar select{width:100%;max-width:100%;min-width:0;min-height:44px;border:1px solid var(--line,#c9cbbb);border-radius:6px;background:var(--statistics-surface);color:inherit;padding:9px 30px 9px 10px;font:inherit}
.statistics-toolbar button,.statistics-toolbar a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border:1px solid var(--line,#c9cbbb);border-radius:6px;background:transparent;color:inherit;text-decoration:none;font-family:inherit;font-weight:600;font-size:12px;line-height:1.25}
.statistics-no-shortcuts kbd{display:none}.statistics-page kbd{font:12px/1.3 ui-monospace,monospace;padding:2px 4px;border:1px solid currentColor;border-radius:3px;opacity:.7}
.statistics-context{font-size:12px;color:var(--muted,#5b6252);margin:14px 0 24px}
.statistics-rail{position:fixed;top:calc(var(--statistics-header-bottom,126px) + var(--statistics-toolbar-height,88px) + 12px);bottom:auto;max-height:calc(100dvh - var(--statistics-header-bottom,126px) - var(--statistics-toolbar-height,88px) - 24px);overflow-y:auto;overscroll-behavior:contain;z-index:16;display:grid;gap:5px;padding:7px;background:var(--statistics-surface);border:1px solid var(--line,#d5d7c5);border-radius:10px;box-shadow:0 4px 14px #14231915;scrollbar-width:thin}
.statistics-colors{left:10px;width:88px}.statistics-pairs{right:10px;width:112px}
.statistics-rail button,.statistics-mobile-colors button{border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;font-family:inherit;font-weight:600;font-size:12px;line-height:1.2;cursor:pointer;padding:5px}
.statistics-rail button span:last-child{flex-basis:100%;font-size:12px}.statistics-rail button[aria-pressed=true],.statistics-mobile-colors button[aria-pressed=true]{border-color:var(--accent,var(--teal,#536b3d));background:#dde5d380}.statistics-pairs button kbd{position:absolute;left:9px;font-size:12px;border:0}.statistics-pairs button{padding-left:15px}
.statistics-mana{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px!important;border:1px solid #0003;border-radius:50%;font:700 12px/1 serif;color:#18231b;background:#d5d5ca}.statistics-w{background:#f6efcb}.statistics-u{background:#b1d7ea}.statistics-b{background:#c0b3ca}.statistics-r{background:#e8b5a6}.statistics-g{background:#b5d0a1}
.statistics-section{scroll-margin-top:calc(var(--statistics-header-bottom,126px) + var(--statistics-toolbar-height,88px) + 20px);margin:30px 0 48px;min-width:0}.statistics-section h2{scroll-margin-top:calc(var(--statistics-header-bottom,126px) + var(--statistics-toolbar-height,88px) + 20px);font-size:28px;line-height:1.25}.statistics-section h2 .statistics-mana{vertical-align:middle}.statistics-section h3{margin:26px 0 15px}.statistics-section>p{font-size:13px;max-width:85ch}.statistics-plan{display:inline-block;margin:0 0 18px;color:var(--accent,var(--teal,#536b3d))}
.statistics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px}.statistics-card{min-width:0}.statistics-card>button{display:block;border:0;padding:0;background:none;width:100%;text-align:left;color:inherit;cursor:pointer}.statistics-card img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 4px 12px #0002;aspect-ratio:488/680}.statistics-card strong{display:block;font-size:14px;line-height:1.3;margin-top:8px}.statistics-card p{margin:7px 0}.statistics-rate{font-size:12px}.statistics-rate strong{display:inline;font-size:23px;color:var(--accent,var(--teal,#536b3d));font-variant-numeric:tabular-nums}.statistics-sample{font-size:12px;color:var(--muted,#5b6252)}.statistics-sample span{display:block;margin-top:3px;color:#7c5926;font-size:12px}.statistics-ranks{font-size:12px;color:var(--muted,#5b6252)}
.statistics-credit{border-top:1px solid var(--line,#d5d7c5);padding-top:18px;margin-top:25px;font-size:13px}.statistics-credit summary{cursor:pointer;font-weight:700}.statistics-credit p{max-width:88ch}.statistics-empty{padding:22px;border:1px dashed var(--line,#d5d7c5);border-radius:8px}.statistics-dialog{margin:18px 0;padding:14px;border:1px solid var(--line,#d5d7c5);border-radius:8px}.statistics-dialog p{font-size:13px}
.statistics-mobile-colors{display:none}.statistics-page :is(button,a,select):focus-visible{outline:3px solid var(--accent,var(--teal,#536b3d));outline-offset:3px}
@media(min-width:1300px){.statistics-page{width:calc(100vw - 248px);max-width:100%;margin-inline:auto}}
@media(min-width:1600px){.statistics-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1299px){.statistics-rail{display:none}.statistics-mobile-colors{display:flex;gap:5px;overflow-x:auto;margin:12px 0}.statistics-mobile-colors button{flex:0 0 64px;display:grid;place-items:center;gap:4px}.statistics-mobile-colors button span:last-child{font-size:12px}.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.statistics-toolbar{gap:7px;padding:9px;position:static}.statistics-toolbar label:first-child{flex-basis:100%}.statistics-toolbar label{flex:1 1 135px}.statistics-toolbar button,.statistics-toolbar a{flex:1 1 auto;padding:8px;font-size:12px}.statistics-toolbar kbd{display:none}.statistics-context{font-size:12px}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.statistics-section h2{font-size:23px}.statistics-card strong{font-size:12px}.statistics-rate strong{font-size:21px}.statistics-sample{font-size:12px}.statistics-section,.statistics-section h2{scroll-margin-top:calc(var(--statistics-header-bottom,126px) + 15px)}}
@media(max-width:430px){.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}
@media(prefers-reduced-motion:reduce){.statistics-page *{scroll-behavior:auto!important}}

.statistics-card.is-buildaround img{outline:3px solid #b7473b;outline-offset:3px}.statistics-bomb,.statistics-buildaround{display:inline-block;margin:7px 5px 0 0;padding:3px 6px;border:1px solid #a77b34;border-radius:5px;font-size:12px;font-weight:700}.statistics-bomb{background:#ead29c;color:#342714}.statistics-buildaround{border-color:#b7473b;color:inherit}

.statistics-pairs button{position:relative;display:grid;gap:3px;padding:7px 3px;min-height:80px;flex-shrink:0}.statistics-pairs button kbd{left:0;top:4px;padding:0;font-size:12px}.statistics-pair-name{font-size:12px;line-height:1.2;padding-inline:5px;overflow-wrap:normal}.statistics-pair-colors,.statistics-pair-rate,.statistics-pairs button .statistics-pair-sample{font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums}.statistics-pair-colors,.statistics-pair-sample{color:var(--muted,#5b6252)}.statistics-credit{scroll-margin-top:calc(var(--statistics-header-bottom,126px) + var(--statistics-toolbar-height,88px) + 20px)}

/* Keep shortcut numbers separate from readable pair names in the narrow rail. */
.statistics-pairs button{grid-template-columns:12px minmax(0,1fr)}.statistics-pairs button kbd{position:static;align-self:start;padding:0}.statistics-pair-name{grid-column:2;padding-inline:0}.statistics-pair-colors,.statistics-pair-rate,.statistics-pair-sample{grid-column:1/-1}