#matchScoreDialog{width:min(920px,calc(100vw - 32px));max-width:920px;padding:0;border:0;border-radius:18px;box-shadow:0 24px 70px rgba(8,43,89,.24);overflow:hidden}
#matchScoreDialog::backdrop{background:rgba(7,24,42,.58);backdrop-filter:blur(3px)}
#matchScoreForm{padding:0;background:#fff}
#matchScoreDialog .dialog-head{margin:0;padding:22px 26px;background:#082b59;color:#fff;border-bottom:4px solid #2f7d59}
#matchScoreDialog .dialog-head h2{margin:0 0 5px;font-size:24px;line-height:1.2}
#matchScoreDialog .dialog-head .muted{margin:0;color:#dbe7f3}
#matchScoreDialog .dialog-head button{color:#fff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.08)}
#matchScoreCriteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px 26px 10px}
#matchScoreCriteria label{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;padding:13px 14px;border:1px solid #dfe8e3;border-radius:12px;background:#f7faf8;color:#334155;font-size:13px;font-weight:800;line-height:1.25}
#matchScoreCriteria input{width:100%;height:42px;padding:8px 10px;border:1px solid #cbd8d1;border-radius:9px;background:#fff;color:#102030;font-size:16px;font-weight:800;text-align:center;box-sizing:border-box}
#matchScoreCriteria input:focus{outline:3px solid rgba(47,125,89,.18);border-color:#2f7d59}
#matchScoreDialog .score-average{margin:14px 26px 4px;padding:16px 20px;border:1px solid #cfe4d8;border-radius:12px;background:#eaf5ef}
#matchScoreDialog .score-average span{font-weight:800;color:#245c46}
#matchScoreDialog .score-average strong{min-width:72px;text-align:center;font-size:28px;color:#163f30}
#matchScoreDialog .dialog-actions{margin:0;padding:20px 26px 24px;justify-content:flex-end;border-top:1px solid #e8eeeb}
@media(max-width:760px){#matchScoreDialog{width:calc(100vw - 18px);max-height:92vh}#matchScoreForm{max-height:92vh;overflow:auto}#matchScoreCriteria{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}#matchScoreDialog .dialog-head,#matchScoreDialog .dialog-actions{padding-left:18px;padding-right:18px}#matchScoreDialog .score-average{margin-left:18px;margin-right:18px}}
@media(max-width:480px){#matchScoreCriteria{grid-template-columns:1fr}#matchScoreDialog .dialog-head h2{font-size:20px}#matchScoreDialog .dialog-actions{position:sticky;bottom:0;background:#fff}}