.player-history { overflow-anchor: none; }
.player-history-table { overflow: hidden; }
.history-more { display: flex; justify-content: center; align-items: center; gap: 18px; padding: 18px 0 4px; font-size: 12px; }
.history-load-more { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 42px; padding: 0 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--ink); font-size: 13px; font-weight: 600; transition: background .15s, border-color .15s; }
.history-load-more:hover { text-decoration: none; border-color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }
.history-load-more:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.history-load-more[aria-disabled=true] { cursor: wait; }
.history-spinner { display: none; width: 12px; height: 12px; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: history-spin .7s linear infinite; }
.player-history[aria-busy=true] .history-spinner { display: inline-block; }
.player-history[aria-busy=true] [data-history-arrow] { display: none; }
.history-load-status { margin: 6px 0 0; min-height: 18px; color: var(--muted); font-size: 12px; text-align: center; }
.player-history[data-history-error] .history-load-status { color: var(--red, var(--ink)); }
.player-history tbody tr:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
@keyframes history-spin { to { transform: rotate(360deg); } }
@media (max-width: 480px) { .history-more { gap: 12px; }.history-load-more { padding: 0 14px; } }
@media (prefers-reduced-motion: reduce) { .history-spinner { animation: none; }.history-load-more { transition: none; } }