.history-page{min-height:calc(100vh - 170px)}
.history-intro{max-width:1240px;margin:auto;padding:68px 24px 58px}
.history-intro h1{margin:12px 0 12px;font-size:clamp(44px,6vw,76px)}
.history-intro p{max-width:650px;color:#bcc2b7;font-size:15px}
.history-new{display:inline-flex;margin-top:13px;padding:11px 16px;border:1px solid #a6664d;color:#f2c6a1;font-size:12px;font-weight:800}
.history-new:hover{background:#3b2821;color:#fff}
.history-page .match-history{margin-bottom:85px}
.history-search{display:flex;align-items:center;gap:15px;margin:21px 0 17px;color:#d9c49f;font-size:12px;font-weight:800}
.history-search input{width:min(320px,100%);height:42px;padding:0 13px;border:1px solid #596058;outline:0;background:#171c19;color:#fff;font-size:13px}
.history-search input:focus{border-color:#d2ac68}
.history-status{padding:12px 15px;border-left:3px solid #d2ac68;background:#2b2a20;color:#f2ddb6;font-size:12px}
.history-status.error{border-left-color:#db4c38;background:#35211d;color:#f4c4b8}
.history-page .match-history-card{scroll-margin-top:24px}
.history-page .match-history-card.highlight{border-color:#df8a60;box-shadow:0 0 0 2px #d46e4433;background:#302620}
.history-page .match-history-actions a{font-size:12px}
.history-page .match-history-actions .history-regenerate{color:#aab4a7;font-size:11px;font-weight:700}
.history-page .match-history-actions .history-regenerate:hover{color:#fff}
@media(max-width:650px){.history-intro{padding:45px 16px 34px}.history-intro p{font-size:13px}.history-search{display:block}.history-search input{display:block;width:100%;margin-top:8px}.history-page .match-history{margin-bottom:55px}}