/* Scoped presentation for the chronological HLstatsX action feed. */
.rank-action-feed { min-width:0; padding-bottom:22px; }
.rank-action-feed .rank-action-heading { gap:12px; margin-bottom:8px; }
.rank-action-feed .rank-action-heading h2 { min-width:0; overflow-wrap:anywhere; }
.rank-action-feed .rank-action-heading > a { flex-shrink:0; }
.rank-action-feed .rank-action-filters { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:0 0 10px; padding:8px 10px; border:1px solid #343e3a; border-radius:4px; background:#181e1c; }
.rank-action-feed .rank-action-select-label { display:flex; align-items:center; flex:1 1 270px; gap:8px; min-width:0; max-width:510px; color:#abbcb3; font-size:11px; }
.rank-action-feed .rank-action-select-label > span { flex:none; }
.rank-action-feed .rank-action-select-label select { width:100%; min-width:0; height:32px; padding:5px 30px 5px 9px; border:1px solid #46544d; border-radius:3px; background:#202824; color:#d5dfd9; font:inherit; font-size:12px; text-overflow:ellipsis; }
.rank-action-feed .rank-action-check-label { display:flex; align-items:center; gap:8px; min-height:32px; color:#bdcbc3; font-size:12px; cursor:pointer; }
.rank-action-feed .rank-action-check-label input { width:16px; height:16px; margin:0; accent-color:#ef7a68; }
.rank-action-feed .rank-action-apply { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:32px; padding:5px 12px; border:1px solid #f17b69; border-radius:3px; background:#ef7a68; color:#19211d; font:inherit; font-size:12px; font-weight:750; cursor:pointer; }
.rank-action-feed .rank-action-apply:hover { background:#ff8d7b; }
.rank-action-feed .rank-action-apply i,.rank-action-feed .rank-action-apply svg { width:15px; height:15px; }
.rank-action-feed .rank-action-reset { display:inline-flex; align-items:center; min-height:32px; color:#aebdb5; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.rank-action-feed .rank-action-notice { margin:0 0 18px; padding:13px 15px; border-left:3px solid #d8bd81; background:#27271e; color:#e0d4b5; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.rank-action-feed .rank-action-table-wrap { width:100%; min-width:0; }
.rank-action-feed .rank-action-table { width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; }
.rank-action-feed .rank-action-table th { padding:7px 10px; border-top:1px solid #46524b; border-bottom:1px solid #46524b; background:#222a26; color:#b6c6bc; font-size:11px; font-weight:650; text-align:left; }
.rank-action-feed .rank-action-table th:first-child { width:148px; }
.rank-action-feed .rank-action-table th:nth-child(2) { width:20%; }
.rank-action-feed .rank-action-table td { padding:6px 10px; border-bottom:1px solid #333f37; color:#c6d2ca; vertical-align:top; text-align:left; overflow-wrap:anywhere; }
.rank-action-feed .rank-action-table tr:nth-child(even) > td { background:#161d19; }
.rank-action-feed .rank-action-table tr:hover > td { background:#202a23; }
.rank-action-feed .rank-action-time time { display:flex; align-items:baseline; gap:8px; line-height:1.5; white-space:nowrap; }
.rank-action-feed .rank-action-time strong { color:#d0ddd2; font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.rank-action-feed .rank-action-time time > span { color:#a2b3a6; font-size:10px; font-variant-numeric:tabular-nums; }
.rank-action-feed .rank-action-player > a { color:#d7e3d9; font-size:13px; font-weight:650; line-height:1.45; }
.rank-action-feed .rank-action-player > small { display:inline; margin-left:7px; color:#a3b7a9; font-size:10px; }
.rank-action-feed .rank-action-event-line { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 14px; }
.rank-action-feed .rank-action-event-text { font-size:13px; line-height:1.45; }
.rank-action-feed .rank-action-detail-link { color:#c9d8cc; }
.rank-action-feed .rank-action-detail-link:hover,.rank-action-feed .rank-action-player > a:hover,.rank-action-feed .rank-action-victim:hover { color:#f28b78; text-decoration:underline; text-underline-offset:3px; }
.rank-action-feed .rank-action-victim { color:#e0e9db; font-weight:650; }
.rank-action-feed .rank-action-context { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 9px; color:#a2b7a8; font-size:10px; line-height:1.5; }
.rank-action-feed .rank-action-context > span { min-width:0; overflow-wrap:anywhere; }
.rank-action-feed .rank-action-context .rank-action-bonus { color:#a8c9ab; font-variant-numeric:tabular-nums; white-space:nowrap; }
.rank-action-feed .rank-action-context .rank-action-negative { color:#d8a894; }
.rank-action-feed .rank-action-empty td { padding:35px 16px; color:#a7b6aa; font-size:13px; text-align:center; line-height:1.8; }
.rank-action-feed .rank-action-empty a { color:#e4b2a1; text-decoration:underline; text-underline-offset:3px; }
.rank-action-feed .rank-action-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-top:12px; }
.rank-action-feed .rank-action-footnote { flex:1 1 230px; margin:0; color:#7f9585; font-size:10px; line-height:1.7; }
.rank-action-feed .rank-action-pagination { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; margin-left:auto; }
.rank-action-feed .rank-action-page-link { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:8px 13px; border:1px solid #435448; border-radius:3px; color:#c9dbcc; font-size:12px; }
.rank-action-feed .rank-action-page-link:hover { border-color:#ad8373; color:#f1b29d; background:#242b24; }
.rank-action-feed .rank-action-page-link i,.rank-action-feed .rank-action-page-link svg { width:15px; height:15px; }
.rank-action-feed .rank-action-older { border-color:#6e7862; background:#212b22; }
.rank-action-feed a:focus-visible,.rank-action-feed button:focus-visible,.rank-action-feed select:focus-visible,.rank-action-feed input:focus-visible { outline:2px solid #f4a089; outline-offset:3px; }
@media(max-width:900px) {
    .rank-action-feed .rank-action-table th:first-child { width:137px; }
    .rank-action-feed .rank-action-table th:nth-child(2) { width:22%; }
    .rank-action-feed .rank-action-table td,.rank-action-feed .rank-action-table th { padding-left:8px; padding-right:8px; }
    .rank-action-feed .rank-action-filters { gap:8px 12px; }
}
@media(max-width:600px) {
    .rank-action-feed .rank-action-heading { align-items:flex-start; flex-wrap:wrap; }
    .rank-action-feed .rank-action-filters { gap:8px; padding:9px; }
    .rank-action-feed .rank-action-select-label { flex-basis:100%; max-width:none; }
    .rank-action-feed .rank-action-check-label { flex:1 1 auto; min-height:36px; font-size:11px; }
    .rank-action-feed .rank-action-apply { flex:0 0 auto; min-height:36px; }
    .rank-action-feed .rank-action-reset { justify-content:center; padding:0 8px; }
    .rank-action-feed .rank-action-table,.rank-action-feed .rank-action-table tbody { display:block; }
    .rank-action-feed .rank-action-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
    .rank-action-feed .rank-action-table tr { display:grid; grid-template-columns:61px minmax(0,1fr); gap:2px 10px; padding:8px 7px; border:0; border-bottom:1px solid #354338; border-radius:0; margin:0; background:#18201b; }
    .rank-action-feed .rank-action-table tr:nth-child(even) { background:#1c241f; }
    .rank-action-feed .rank-action-table td,.rank-action-feed .rank-action-table tr:nth-child(even) > td,.rank-action-feed .rank-action-table tr:hover > td { display:block; min-width:0; padding:0; border:0; background:transparent; }
    .rank-action-feed .rank-action-time { grid-row:1 / 3; }
    .rank-action-feed .rank-action-time time { align-items:flex-start; flex-direction:column; gap:1px; }
    .rank-action-feed .rank-action-table td::before { display:none; }
    .rank-action-feed .rank-action-description { grid-column:2; }
    .rank-action-feed .rank-action-event-line { gap:2px 8px; }
    .rank-action-feed .rank-action-event-text,.rank-action-feed .rank-action-player > a { font-size:12px; }
    .rank-action-feed .rank-action-time strong { font-size:11px; }
    .rank-action-feed .rank-action-context { gap:1px 8px; }
    .rank-action-feed .rank-action-table tr.rank-action-empty { display:block; padding:25px 15px; }
    .rank-action-feed .rank-action-empty td::before { display:none; }
    .rank-action-feed .rank-action-empty td { font-size:12px; }
    .rank-action-feed .rank-action-bottom { padding-top:12px; }
    .rank-action-feed .rank-action-footnote { flex-basis:100%; }
    .rank-action-feed .rank-action-pagination { width:100%; justify-content:space-between; }
    .rank-action-feed .rank-action-pagination > .rank-action-older:only-child { margin-left:auto; }
}