.match-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,0.75fr);gap:18px;align-items:start;margin:20px 0 35px}
.match-card,.match-info{padding:clamp(20px,4vw,34px)}
.match-card h2{font-size:clamp(27px,5vw,40px);margin:3px 0 22px;letter-spacing:-.02em}
.match-badge{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:16px 18px;background:#263135;border:1px solid #4a5758;border-radius:16px;width:fit-content;color:#e6d29e}
.match-badge span{font-size:clamp(23px,5vw,34px);font-weight:800;font-variant-numeric:tabular-nums}
.match-badge b{font-size:12px;letter-spacing:.03em;font-weight:600;color:#c1c5c1}
.match-badge i{font-size:21px;font-weight:500;padding:0 8px;color:#c5b37e}
.match-intro{font-size:16px;line-height:1.65;color:#c9d0cc;max-width:55ch;margin:22px 0}
.match-status{display:flex;gap:15px;align-items:start;padding:21px;background:#151e20;border:1px solid #3a4749;border-radius:15px;min-height:105px}
.match-status strong{font-size:19px;color:#f4f2ec}
.match-status p{font-size:14px;line-height:1.55;color:#bbc5c6;margin:6px 0 0}
.match-light{flex-shrink:0;width:14px;height:14px;margin-top:7px;border-radius:100%;background:#8a9997}
.match-light.searching{background:#ffdc8d;box-shadow:0 0 0 4px #ffdc8d20;animation:pulse 1.4s ease-in-out infinite}
.match-light.found{background:#8bd3b6}
.match-light.error{background:#f4a8a3}
@keyframes pulse{50%{opacity:.32}}
.wait-time{font-size:14px;color:#e1d3a5;padding:8px 2px;font-variant-numeric:tabular-nums}
.wait-time span{font-size:20px;font-weight:700}
.match-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.match-big{flex:1 1 175px;min-height:58px;font-size:16px;font-weight:700}
.match-help{color:#ffb9ae;font-size:14px;line-height:1.6}
.match-info h2{font-size:23px;margin:3px 0 16px}
.match-info .tip-list{padding-left:21px}
.match-info a{color:#f1d595}
.match-warning{font-size:13px;line-height:1.6;border-top:1px solid #344347;padding-top:18px;margin-top:22px;color:#b8c1c0}
@media(max-width:760px){.match-layout{display:flex;flex-direction:column;gap:12px;margin-top:13px}.match-card,.match-info{width:100%;padding:20px}.match-card h2{margin-bottom:16px}.match-intro{font-size:15px}.match-badge{padding:12px}.match-actions{flex-direction:column}.match-big{width:100%;flex:auto}}
@media(prefers-reduced-motion:reduce){.match-light.searching{animation:none}}