.tde-history-chart{margin-top:16px;min-width:0}.tde-chart-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.tde-chart-summary b{display:block;color:#eef2ff;font-size:18px}.tde-chart-summary small{display:block;color:#91a1c7;font-size:11px;line-height:1.4;margin-top:4px}.tde-chart-rate{text-align:right;flex-shrink:0}.tde-chart-rate strong{font-size:32px;line-height:1;color:#34d399;font-weight:950}.tde-chart-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:26px 4px 8px 0}.tde-chart-track{position:relative;padding-left:35px;min-width:var(--chart-min-width)}.tde-chart-columns{display:flex;gap:14px}.tde-chart-game{position:relative;flex:1;min-width:34px;outline:none}.tde-chart-barspace{position:relative;height:210px}.tde-chart-bar{position:absolute;bottom:0;left:18%;width:64%;min-height:4px;border-radius:7px 7px 0 0;background:linear-gradient(#34d399,#059669)}.tde-chart-bar.miss{background:linear-gradient(#fb7185,#e11d48)}.tde-chart-bar.push{background:linear-gradient(#94a3b8,#475569)}.tde-chart-value{position:absolute;left:0;right:0;text-align:center;color:#eef2ff;font-size:12px;font-weight:900;z-index:2}.tde-chart-label{display:grid;gap:3px;margin-top:8px;text-align:center;color:#91a1c7;font-size:10px;line-height:1.25}.tde-chart-label span:last-child{display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.tde-chart-label img{width:15px;height:15px;object-fit:contain}.tde-chart-grid{position:absolute;top:0;left:35px;right:0;height:210px;pointer-events:none}.tde-chart-gridline{position:absolute;left:0;right:0;border-top:1px solid #253150}.tde-chart-gridline>span{position:absolute;right:calc(100% + 12px);top:-7px;color:#8290b2;font-size:10px}.tde-chart-threshold{position:absolute;left:0;right:0;border-top:2px solid #eef2ff;z-index:3;box-shadow:0 0 6px #ffffff60}.tde-chart-threshold>span{position:absolute;left:8px;bottom:6px;border-radius:7px;padding:2px 7px;background:#eef2ff;color:#0b1434;font-size:11px;font-weight:950}.tde-chart-tooltip{display:none;position:absolute;z-index:10;bottom:45px;left:50%;transform:translateX(-50%);width:210px;max-width:230px;padding:10px;border:1px solid #52628b;border-radius:10px;background:#07102d;color:#dbe5ff;font-size:11px;line-height:1.6;box-shadow:0 0 18px #8b5cf633;pointer-events:none}.tde-chart-game:hover .tde-chart-tooltip,.tde-chart-game:focus-visible .tde-chart-tooltip{display:block}.tde-chart-game:first-child .tde-chart-tooltip{left:0;transform:none}.tde-chart-game:last-child .tde-chart-tooltip{left:auto;right:0;transform:none}.tde-chart-game:hover .tde-chart-bar,.tde-chart-game:focus-visible .tde-chart-bar{box-shadow:0 0 16px #8b5cf680}.tde-chart-empty{padding:24px;text-align:center;color:#a5b4d8;font-size:12px}.tde-chart-game:focus-visible{border-radius:6px;outline:1px solid #a78bfa;outline-offset:3px}.tde-history-chart .tde-chart-label img[hidden]{display:none}
@media(max-width:720px){.tde-chart-summary b{font-size:15px}.tde-chart-rate strong{font-size:28px}.tde-chart-summary{align-items:flex-start;gap:10px}.tde-chart-barspace,.tde-chart-grid{height:190px}.tde-chart-columns{gap:10px}.tde-chart-label{font-size:9px}.tde-chart-value{font-size:11px}}

/* Long samples must not enlarge their parent card. */
.tde-history-chart,.tde-chart-scroll{width:100%;max-width:100%;min-width:0}.tde-chart-scroll{box-sizing:border-box}.tde-chart-track{box-sizing:border-box}
@media(min-width:721px){.tde-chart-track{min-width:0}.tde-chart-columns{gap:clamp(4px,.7vw,14px)}.tde-chart-game{min-width:0}.tde-chart-label{font-size:9px}.tde-chart-label span:last-child{gap:2px}.tde-chart-label img{width:12px;height:12px}}
@media(max-width:720px){.tde-history-chart[data-total="10"]::after,.tde-history-chart[data-total="20"]::after,.tde-history-chart[data-total="40"]::after{content:'Swipe to see every game →';display:block;text-align:right;color:#91a1c7;font-size:10px;margin-top:7px}}

.tde-chart-label{min-width:0}.tde-chart-label>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tde-chart-label img{flex:0 0 auto}