.career-match-summary{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow-y:auto;border:1px solid #8fae5d;border-radius:18px;background:#142632;color:#f2f8fb;padding:24px}
.career-match-summary::backdrop{background:#071019c9}
.career-match-summary h2{margin:8px 0 20px;font-size:24px}
.career-match-receipt{padding:12px 0;border-bottom:1px solid #355165}
.career-match-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;text-align:center}
.career-match-score>div{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.career-match-score strong{font-size:14px;overflow-wrap:anywhere}
.career-match-score .club-badge{width:64px;height:70px;object-fit:contain}
.career-match-score>b{font-size:30px;white-space:nowrap}
.career-match-xp{font-weight:800;color:#c9f864;text-align:center}
.career-match-summary>.btn{display:block;margin:18px auto 0;min-height:44px;min-width:140px}
html[data-view-mode=phone] .career-friendly-next{grid-template-columns:1fr;gap:12px}
html[data-view-mode=phone] .career-friendly-next .career-friendly-match-art{display:flex;grid-row:1;gap:22px}
html[data-view-mode=phone] .career-friendly-match-art .club-badge{width:54px;height:60px;object-fit:contain}
@media(max-width:700px){html:not([data-view-mode=desktop]) .career-friendly-next .career-friendly-match-art{display:flex;grid-row:1;gap:22px}html:not([data-view-mode=desktop]) .career-friendly-match-art .club-badge{width:54px;height:60px;object-fit:contain}.career-match-summary{padding:18px}.career-match-score{gap:8px}.career-match-score>b{font-size:25px}.career-match-score strong{font-size:12px}.career-match-score .club-badge{width:50px;height:56px}}