.player-chart-wrap{position:relative;width:100%;min-width:0;margin:12px 0}
.player-chart-wrap canvas{display:block;width:100%;height:260px!important;min-width:0;touch-action:pan-y;cursor:crosshair}
.player-chart-wrap canvas:focus-visible{outline:1px solid var(--green);outline-offset:3px;border-radius:4px}
.player-chart-tooltip{position:absolute;z-index:5;pointer-events:none;width:max-content;min-width:156px;max-width:calc(100% - 8px);padding:12px 14px;border:1px solid #343b40;border-radius:10px;background:#191e22f7;box-shadow:0 8px 30px #0005;color:#edf0f2;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.player-chart-tooltip[hidden]{display:none}
.player-chart-tooltip-date{display:block;font-size:11px;font-weight:650}
.player-chart-tooltip-interval{display:block;color:#939ba1;font-size:10px;margin-top:2px}
.player-chart-tooltip section{margin-top:9px;padding-top:8px;border-top:1px solid #343b40}
.player-chart-tooltip-name{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600}
.player-chart-tooltip-name i{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.player-chart-tooltip dl{display:grid;gap:2px;margin:6px 0 0}
.player-chart-tooltip dl>div{display:flex;justify-content:space-between;gap:18px}
.player-chart-tooltip dt{color:#a3adb3;font-size:11px;font-weight:400}
.player-chart-tooltip dd{margin:0;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}
.staff-chart-periods{flex-wrap:wrap}.server-chart-periods{justify-content:flex-start}
@media(max-width:620px){.staff-chart-periods a{padding:7px 9px}.player-chart-tooltip{padding:10px;min-width:142px}}
.player-chart-tooltip .player-chart-tooltip-date{color:#edf0f2;font:650 11px/1.5 system-ui;letter-spacing:0}
.player-chart-tooltip .player-chart-tooltip-interval{color:#939ba1;font:400 10px/1.5 system-ui;letter-spacing:0}
.staff-chart-periods a{white-space:nowrap;flex:0 0 auto}