/* ZOO Web – Historique Riot officiel. Respecte les palettes claires et sombres. */
.rd-history-panel{margin-bottom:18px;padding:20px;min-width:0;}
.rd-history-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;flex-wrap:wrap;}
.rd-history-header h2{font-size:24px;line-height:1.2;margin:0 0 6px;color:var(--text)}
.rd-history-header p{margin:0;font-size:12px;color:var(--muted)}
.rd-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rd-filters label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-weight:650}
.rd-filters select{font:inherit;color:var(--text);background:var(--input);border:1px solid var(--line);border-radius:8px;min-height:36px;min-width:115px;padding:7px 26px 7px 10px}
.rd-history-list{display:grid;gap:9px;}
.rd-match{position:relative;display:grid;grid-template-columns: minmax(90px,110px) minmax(95px,120px) minmax(120px,140px) minmax(91px,105px) minmax(70px,82px) minmax(70px,90px) minmax(156px,195px) minmax(112px,142px) 54px;gap:10px;align-items:center;padding:12px 15px 12px 20px;min-width:0;min-height:105px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;overflow:hidden;}
.rd-match:before{position:absolute;content:"";left:0;top:0;bottom:0;width:4px;background:#2cae8d}
.rd-match.rd-loss:before{background:#ee6582}
.rd-match>div,.rd-match>span{min-width:0}
.rd-match strong{font-size:13px;font-weight:750;color:var(--text)}
.rd-match small,.rd-meta span,.rd-secondary span{color:var(--muted);font-size:11px}
.rd-meta,.rd-secondary{display:flex;flex-direction:column;gap:5px}
.rd-meta strong{font-weight:650;font-size:12px}
.rd-meta span{display:flex;align-items:center;gap:6px}
.rd-meta .ico{width:12px;height:12px}
.rd-queue{color:#3bcb98!important;font-size:10px!important;font-weight:680}
.rd-player,.rd-champion,.rd-opponent{display:flex;align-items:center;gap:8px}
.rd-player>div,.rd-champion>div,.rd-opponent>span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}
.rd-player .avatar{flex-shrink:0;width:36px;height:36px;font-size:13px}
.rd-player strong,.rd-champion strong,.rd-opponent strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-player small,.rd-champion small,.rd-opponent small{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-champion small{display:flex;align-items:center;gap:5px}
.rd-champion small img{width:13px;height:13px;object-fit:contain}
.rd-champion>.rd-game-icon,.rd-opponent>.rd-game-icon{flex:0 0 41px;height:41px;width:41px;border-radius:8px}
.rd-kda{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rd-kda strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.35px}
.rd-kda .rd-deaths{color:#ef7187}
.rd-kda small{font-size:11px;color:var(--muted)}
.rd-outcome{justify-self:center;text-align:center;display:grid;place-items:center;width:90px;max-width:100%;min-height:35px;border:1px solid;border-radius:9px;font-size:12px;font-weight:800}
.rd-outcome.won{border-color:#26bd8e;color:#32cc99;background:color-mix(in srgb,#19996f 12%,var(--panel2))}
.rd-outcome.lost{border-color:#d14e6e;color:#ff738d;background:color-mix(in srgb,#ab3e5b 12%,var(--panel2))}
.rd-loadout{display:grid;grid-template-columns:repeat(2,23px) repeat(3,23px);grid-template-rows:repeat(2,23px);gap:4px 7px;align-content:center;justify-content:start}
.rd-spells-runes{display:grid;grid-template-columns:repeat(2,23px);grid-template-rows:repeat(2,23px);gap:4px;grid-area:1 / 1 / 3 / 3;padding-right:0}
.rd-items{display:grid;grid-template-columns:repeat(3,23px);grid-template-rows:repeat(2,23px);gap:4px;grid-area:1 / 3 / 3 / 6;margin-left:7px;padding-left:7px;border-left:1px solid var(--line)}
.rd-game-icon{position:relative;display:grid;place-items:center;width:23px;height:23px;background:var(--input);border:1px solid var(--line);border-radius:5px;overflow:hidden;color:var(--muted);font-size:11px}
.rd-game-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.rd-game-icon img[hidden]{display:none}
.rd-icon-fallback{position:relative;font-size:12px;line-height:1}
.rd-opponent{padding-left:9px;border-left:1px solid var(--line)}
.rd-opponent .rd-vs{font-size:10px;color:var(--muted);font-weight:780}
.rd-opponent strong{font-size:11px}
.rd-opponent small{font-size:10px}
.rd-note{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:47px;background:var(--input);border:1px solid var(--line);border-radius:9px}
.rd-note small{font-size:10px;color:var(--muted)}
.rd-note strong{font-size:17px;color:var(--text)}
.rd-disclaimer{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.rd-empty{font-size:13px;padding:40px 12px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
@media(max-width:1740px){.rd-history-list{overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.rd-match{min-width:1250px;grid-template-columns:110px 115px 145px 100px 80px 90px 182px 145px 54px}}
@media(max-width:920px){.rd-history-panel{padding:12px}.rd-history-header{align-items:flex-start}.rd-history-header h2{font-size:21px}.rd-filters{width:100%}}

/* Rattrapage manuel des anciennes parties Riot : accessible sur PC et mobile. */
.rd-backfill-btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.rd-backfill-btn .ico{width:14px;height:14px}
.rd-backfill-btn:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.rd-backfill-btn{width:100%}}

/* v0.4.2 — Informations davantage lisibles, en conservant le 2×2 sorts/runes et le 3×2 objets. */
.rd-history-panel{padding:22px}
.rd-history-header p{font-size:13px}
.rd-history-list{overflow-x:auto;scrollbar-width:thin}
.rd-match{min-width:1308px;min-height:119px;grid-template-columns:118px 131px 152px 122px 90px 97px 202px 157px 76px;gap:11px;padding:15px 16px 15px 19px}
.rd-match strong{font-size:14px}
.rd-match small,.rd-meta span,.rd-secondary span{font-size:12px}
.rd-meta strong{font-size:13px}
.rd-queue{font-size:11px!important}
.rd-player .avatar{width:42px;height:42px}
.rd-player,.rd-champion,.rd-opponent{gap:10px}
.rd-champion>.rd-game-icon,.rd-opponent>.rd-game-icon{flex-basis:46px;height:46px;width:46px}
.rd-champion strong{font-size:15px}
.rd-champion small img{height:16px;width:16px}
.rd-kda strong{font-size:19px;letter-spacing:0}
.rd-kda small{font-size:12px}
.rd-secondary{font-weight:650;gap:10px}
.rd-outcome{min-height:42px;width:96px;font-size:13px}
.rd-loadout{display:flex;gap:11px;align-items:center}
.rd-spells-runes{display:grid;grid-template-columns:repeat(2,28px);grid-template-rows:repeat(2,28px);gap:5px}
.rd-items{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(2,28px);gap:5px;margin:0;padding:0 0 0 12px}
.rd-game-icon{width:28px;height:28px;border-radius:5px}
.rd-opponent{padding-left:11px}
.rd-opponent strong{font-size:13px}
.rd-opponent small{font-size:12px}
.rd-note{min-height:63px}
.rd-note small{font-size:10px}
.rd-note strong{font-size:22px;font-variant-numeric:tabular-nums}
.rd-note-high strong{color:#43cd9e}
.rd-note-low strong{color:#fd778e}
.rd-note-medium strong{color:var(--text)}
.rd-disclaimer{font-size:12px}
@media(max-width:1740px){.rd-match{min-width:1308px;grid-template-columns:118px 131px 152px 122px 90px 97px 202px 157px 76px}}
@media(max-width:920px){.rd-history-panel{padding:14px}.rd-history-list{margin:0 -3px}}