#screen-tournament-champions, #screen-player-comparison { text-align: left; }
.records-shortcut { margin: 0 0 12px; background: #254c6a; border: 1px solid #4b85a2; }
.records-note { color: #bac9db; font-size: 12px; line-height: 1.65; }
.records-controls { margin: 20px 0 12px; }
.records-controls label { display: block; margin-bottom: 7px; color: #d8e3f0; font-size: 13px; }
.records-controls select { width: 100%; min-height: 44px; box-sizing: border-box; background: #14233c; color: #f1f5fb; border: 1px solid #60748f; border-radius: 7px; padding: 10px; font: inherit; font-size: 14px; }
.comparison-controls, .records-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.records-summary { margin: 22px 0; }
.records-summary article { background: #152640; border: 1px solid #3e5876; border-radius: 10px; padding: 20px; overflow-wrap: anywhere; }
.records-summary article > span { color: #c1cfe1; font-size: 12px; }
.records-summary article > strong { display: block; font-size: 21px; line-height: 1.5; margin-top: 12px; color: #eef5ff; }
.records-summary em { font-style: normal; color: #f7d66a; }
.records-summary .records-champion { background: linear-gradient(120deg, #29364b, #303127); border-color: #827446; }
.records-champion > strong { color: #f7d66a !important; }
.records-summary small, .records-table small { display: block; color: #b8c9de; font-size: 11px; line-height: 1.5; margin-top: 5px; }
.records-table-wrap { overflow-x: auto; }
.records-table { width: 100%; border-collapse: collapse; background: #15233a; }
.records-table th, .records-table td { padding: 13px 16px; border-bottom: 1px solid #324660; text-align: left; overflow-wrap: anywhere; }
.records-table thead { color: #bacde5; background: #101e33; font-size: 12px; }
.records-table tbody th { color: #dce8f7; font-weight: normal; }
.comparison-table { table-layout: fixed; }
.comparison-table th, .comparison-table td { width: 33.333%; }
.comparison-table td { text-align: center; }
.comparison-table thead th:not(:first-child) { text-align: center; }
.comparison-table td strong { font-size: 19px; color: #f1f7ff; }
.records-empty { padding: 32px 20px; border: 1px dashed #526580; border-radius: 9px; color: #c8d6e8; line-height: 1.7; }
.records-h2h { background: #152640; border: 1px solid #43627d; border-radius: 12px; margin: 20px 0 24px; padding: 20px; text-align: center; }
.records-h2h h3 { margin: 0 0 18px; color: #c6d7ed; font-size: 14px; }
.records-h2h-score { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; }
.records-h2h-score > strong { font-size: 19px; overflow-wrap: anywhere; }
.records-h2h-score > strong:first-child { color: #70d9c2; }
.records-h2h-score > strong:last-child { color: #92bfff; }
.records-h2h-score b { font-size: 34px; white-space: nowrap; color: #f2f7ff; }
.records-h2h-bar { height: 6px; border-radius: 6px; background: #80b1f5; overflow: hidden; margin: 20px 0 12px; }
.records-h2h-bar span { display: block; height: 100%; background: #51bda6; }
.records-h2h > p { font-size: 12px; }
.records-swap { display: block; margin-left: auto; background: #223952; color: #e1edfc; border: 1px solid #6684a1; border-radius: 6px; padding: 8px 13px; cursor: pointer; }
.comparison-form h3 { font-size: 16px; margin: 0; }
.comparison-form p { font-size: 12px; color: #c8d6e9; }
.records-form { display: flex; gap: 5px; flex-wrap: wrap; margin: 12px 0 20px; }
.records-form-result { display: grid; place-items: center; width: 25px; height: 27px; font-size: 12px; font-weight: bold; border-radius: 4px; }
.records-win { background: #1b614d; color: #bdf5db; }
.records-loss { background: #683b46; color: #ffe0e5; }
.comparison-form summary { cursor: pointer; font-size: 12px; color: #a9cffd; }
.comparison-form ol { list-style: none; padding: 0; font-size: 12px; }
.comparison-form li { border-top: 1px solid #3d506a; padding: 10px 0; }
.records-event-link { background: #28475d; color: #daeafa; border: 1px solid #527991; margin-left: 6px; }
.calendar-event-actions { display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end; max-width: 42%; }
:is(#screen-tournament-champions, #screen-player-comparison) :is(button, select, summary):focus-visible, .records-shortcut:focus-visible, .records-event-link:focus-visible { outline: 3px solid #f1c40f; outline-offset: 3px; }
@media (max-width: 620px) {
    .comparison-controls, .records-summary { grid-template-columns: 1fr; }
    .records-h2h { padding: 14px; }
    .records-h2h-score { gap: 8px; }
    .records-h2h-score > strong { font-size: 14px; }
    .records-h2h-score b { font-size: 25px; }
    .records-table th, .records-table td { padding: 11px 7px; font-size: 12px; }
    .comparison-table td strong { font-size: 16px; }
}