.phone-match-scrap[hidden], .phone-match-scrap [hidden] { display: none !important; }
.phone-match-scrap {
    margin: 0 0 8px; padding: 8px 10px 9px; border: 1px solid #536674; border-radius: 6px;
    background: linear-gradient(135deg, #20313c, #121e2b); color: #dbe6ec;
    font-family: 'Chakra Petch', sans-serif; box-shadow: inset 0 1px #ffffff0c;
}
.phone-match-scrap-heading { display: flex; align-items: center; gap: 7px; margin: 0 0 7px; }
.phone-match-scrap-heading img { width: 19px; height: 16px; object-fit: contain; }
.phone-match-scrap-heading h3 { margin: 0; font-size: 11px; line-height: 1.1; font-weight: 700; letter-spacing: .08em; color: #f5d285; }
.phone-match-scrap-teams { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.phone-match-scrap-team { min-width: 0; }
.phone-match-scrap-team + .phone-match-scrap-team { border-left: 1px solid #53667578; padding-left: 12px; }
.phone-match-scrap-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 3px; }
.phone-match-scrap-label { color: #75e0ea; font-size: 10px; font-weight: 700; letter-spacing: .07em; }
.phone-match-scrap-team[data-team="enemy"] .phone-match-scrap-label { color: #ffa39c; }
.phone-match-scrap-outcome { color: #a3b9c8; font-size: 9px; font-weight: 700; letter-spacing: .04em; }
.phone-match-scrap-won .phone-match-scrap-outcome { color: #90e1bd; }
.phone-match-scrap-lost .phone-match-scrap-outcome { color: #f7a6a0; }
.phone-match-scrap-kept { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 5px; margin-top: 4px; border-top: 1px solid #637d8b40; }
.phone-match-scrap-kept > span { color: #e6cf9b; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.phone-match-scrap-total { color: #ffe3a6; font-size: 23px; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
.phone-match-scrap-team dl { margin: 0; display: flex; flex-direction: column; gap: 2px; }
.phone-match-scrap-team dl > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.phone-match-scrap-team dt { color: #b6c9d3; font-size: 10px; line-height: 1.3; }
.phone-match-scrap-team dd { margin: 0; color: #edf4f6; font-size: 11px; line-height: 1.3; font-weight: 600; font-variant-numeric: tabular-nums; }
.phone-match-scrap-note { margin: 4px 0 0; color: #91a7b5; font-size: 9px; line-height: 1.2; }
.phone-match-scrap-lost .phone-match-scrap-note { color: #e9a8a2; }
.phone-match-scrap-lost .phone-match-scrap-total { color: #d4dde4; }
.phone-match-scrap-unconfirmed .phone-match-scrap-total { color: #94a9b7; }
@media (max-width: 760px) {
    .phone-match-scrap { padding: 7px 10px; }
    .phone-match-scrap-team dl { flex-direction: row; flex-wrap: wrap; gap: 2px 11px; }
    .phone-match-scrap-team dl > div { gap: 4px; }
}