.history-main{padding:0 0 16px}
.history-container{max-width:1920px;margin:auto;padding:0 64px}
.history-container>h1{font-size:40px;line-height:40px;padding:8px 16px}
.breadcrumbs{font-size:14px;line-height:16px;padding:12px 16px}
.history-layout{display:grid;grid-template-columns:7fr 3fr;gap:16px;padding:16px;align-items:stretch}
.history-table-panel{padding:12px;min-width:0}
.history-table-scroll{overflow:auto}
.history-table{min-width:620px}
.history-row{display:grid;grid-template-columns:1fr 1fr .8fr .6fr .6fr;gap:16px;align-items:center;padding:32px;font-size:14px;line-height:20px;min-height:84px}
.history-row>:nth-child(4),.history-row>:nth-child(5){text-align:right}
.history-table-heading{background:#0b0b1d;min-height:72px;line-height:8px}
a.history-row:hover,a.history-row[aria-current=true]{background:#24354a;filter:none}
.history-row img{width:24px;height:24px;vertical-align:middle}
.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 12px 8px}
.history-pagination button{padding:8px 12px;background:#0b2549;border-radius:4px}
.selected-match{background:#0b2857;min-width:0;min-height:420px}
.selected-match .unselected{padding:12px;font-family:Arial,sans-serif;font-size:16px}
.selected-outcome{background:var(--tile);text-align:center;line-height:24px}
.selected-arena{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.selected-arena-name{text-align:center;line-height:20px}
.selected-values{padding:0 12px 12px}
.selected-values h2{font-size:16px;line-height:24px;text-align:center;color:var(--muted)}
.selected-values p{display:grid;grid-template-columns:1fr .8fr;gap:12px;align-items:center;padding:16px 20px;background:var(--tile);margin-bottom:8px;line-height:20px}
.selected-values strong{font-weight:400}
.selected-values .selected-date{display:block;text-align:center;padding:24px 12px;margin:0}
.history-container>#status{margin:0 16px}
@media(max-width:1279px){.history-container{padding:0 32px}.history-layout{grid-template-columns:2fr 1fr}.history-row{padding:24px 20px}.history-table{min-width:560px}}
@media(max-width:900px){.history-layout{grid-template-columns:1fr}.selected-match{min-height:200px}.selected-arena{max-height:360px}.history-row{padding:24px 16px}}
@media(max-width:600px){.history-container{padding:0 16px}.history-container>h1{font-size:32px;padding:16px 0 8px}.breadcrumbs{padding:12px 0}.history-layout{padding:16px 0}.history-container>#status{margin:0}.history-pagination{padding:16px 0 4px}}
