.modal-overlay{z-index:5000;background:#00000080;justify-content:center;align-items:center;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);width:90%;max-width:500px;animation:.3s slideInUp}.modal-title{font-size:var(--font-size-section);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:var(--spacing-md);text-align:center}.modal-match-display{justify-content:center;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg)0;display:flex}.modal-team{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.modal-team-name{font-size:var(--font-size-team);font-weight:var(--font-weight-semibold);text-align:center}.modal-score-input{text-align:center;width:80px;height:60px;font-size:1.8em;font-weight:var(--font-weight-bold);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-main);color:var(--color-text-dark)}.modal-score-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ffb84d4d}.modal-separator{font-size:2em;font-weight:var(--font-weight-bold);color:var(--color-text-medium)}.modal-notes{margin-top:var(--spacing-md)}.modal-notes textarea{resize:vertical;width:100%;min-height:80px}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);justify-content:center;display:flex}.modal-actions .btn{min-width:120px;padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-subtitle)}@media (max-width:767px){.modal{width:95%;padding:var(--spacing-md)}.modal-score-input{width:60px;height:50px;font-size:1.4em}}