.rating-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rating-modal{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:400px;padding:2rem;display:flex;box-shadow:0 20px 60px rgba(0,0,0,.5)}.rating-modal .rating-modal-match-title{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.rating-modal .rating-modal-error{color:var(--error-color);text-align:center;margin:0;font-size:.875rem}.rating-modal .rating-modal-player-stats{flex-direction:column;gap:.5rem;width:100%;max-height:300px;margin-bottom:.5rem;display:flex;overflow-y:auto}.rating-modal .rating-modal-player-stats .player-stat-item{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rating-modal .rating-modal-player-stats .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:500}.rating-modal .rating-modal-player-stats .stat-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.rating-modal .rating-stars-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.rating-modal .rating-star-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:transform .2s;display:flex}.rating-modal .rating-star-button:hover{transform:scale(1.15)}.rating-modal .rating-star-button:active{transform:scale(1.05)}.rating-modal .rating-star{width:32px;height:32px;stroke:var(--text-primary);transition:fill .2s}.rating-modal .rating-star.filled{fill:var(--text-primary)}.rating-modal .rating-submit-button{background-color:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;min-width:120px;margin:0;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background-color .2s,opacity .2s}.rating-modal .rating-submit-button:hover:not(:disabled){background-color:var(--bg-hover);opacity:.9}.rating-modal .rating-submit-button:disabled{opacity:.5;cursor:not-allowed}.rating-modal .rating-submit-button:active:not(:disabled){background-color:var(--bg-hover);opacity:.8}.rating-modal .rating-buttons-container{flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.rating-modal .rating-remove-button{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;min-width:120px;margin:0;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background-color .2s,opacity .2s}.rating-modal .rating-remove-button:hover{background-color:#b91c1c}.rating-modal .rating-remove-button:active{background-color:#991b1b}@media (max-width:640px){.rating-modal{gap:1.25rem;padding:1.5rem}.rating-modal .rating-modal-match-title{font-size:1.25rem}.rating-modal .rating-star{width:28px;height:28px}.rating-modal .rating-stars-container{gap:.375rem}.rating-modal .rating-buttons-container{flex-direction:column;gap:.5rem;width:100%}.rating-modal .rating-submit-button,.rating-modal .rating-remove-button{width:100%;min-width:unset}}