@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";.player-list{width:100%;max-width:1000px;margin:0 auto}.player-table{display:flex;justify-content:space-around;border-radius:8px;outline:1px solid gray}.player-row{display:flex;align-items:center;flex-wrap:wrap}.player-row-mobile{display:flex;flex-direction:column;align-items:center}.player-img{width:100px;overflow:hidden;position:relative;border-radius:6px}.player-name{width:200px;text-align:left}.player-cell{width:60px;color:#fff;flex-wrap:wrap}.player-card:hover{background-color:#333;cursor:pointer}.player-name,.player-cell{font-weight:500}.player-crop{position:"absolute";top:-20px;left:-30px;width:100px;height:auto;-o-object-fit:"cover";object-fit:"cover"}.search-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-bottom:1rem;gap:12px;outline:1px solid red}.player-spec{padding:20px;max-width:600px;margin:0 auto;color:#fff}.player-spec-header{margin-bottom:16px}.back-button{padding:6px 12px;background-color:#333;color:#fff;border:none;border-radius:8px;cursor:pointer}.filter-box{transition:all 0s}.filter-box:hover{outline-offset:2px;background-color:#ffffff09}.filter-button{border-radius:8px;font-size:12px!important}.filter-button:hover{outline-offset:2px;background-color:#ffffff09}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#000;padding:24px;border-radius:8px;box-shadow:0 4px 16px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-close-btn{margin-top:16px;padding:8px 16px;background-color:#007bff;border:none;color:#fff;border-radius:4px;cursor:pointer}.modal-close-btn:hover{background-color:#0056b3}.modal-backdrop.secondary{z-index:1100;display:flex;justify-content:center;align-items:center}.modal-content.small{max-width:400px}.modal-content.medium{max-width:600px}.modal-content.large{max-width:800px;background-color:#1a1a1a}.player-spec-body{width:80%;margin:50px auto}.player-spec-backbutton{background-color:#333;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:flex-start;margin:0 0 16px}.player-content{display:flex;flex-direction:column;align-items:center;background-color:#1b1f26;border-radius:8px;padding:24px 0 55px;outline:1px solid gray}.player-img-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:0}.player-spec-img{width:150px;height:auto;border-radius:8px;margin:15px 0 0;align-items:center}.player-info{display:flex;flex-direction:column;justify-content:center;gap:8px;margin:0;width:70%}.player-name-row{display:flex;justify-content:center;align-items:center;width:100%;font-size:2rem}.player-info-row{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0}.player-info-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555;margin-top:24px;padding-top:16px;gap:16px;width:80%}.player-basic-info{display:flex;flex-direction:row;justify-content:center;gap:8px;margin:0;width:80%}.player-spec-radar-chart{display:flex;flex-direction:row;justify-content:center;width:100%;height:auto;margin:0}.player-info-stats-row{display:flex;flex-direction:column;gap:8px;margin:0}.player-info-cell-group{display:flex;flex-direction:row;justify-content:space-between}.player-info-cell-label{display:flex;flex-direction:row;justify-items:flex-start;font-size:15px;font-weight:700;color:#fff}.player-info-cell{display:flex;flex-direction:column;text-align:center;color:#bca988;font-size:14px;font-weight:700}@media (max-width: 1000px){.player-basic-info{flex-wrap:wrap}}@media (max-width: 768px){.player-info-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.player-info-stats{grid-template-columns:1fr}}.squad-field{display:flex;width:100%;height:900px;justify-content:center;align-items:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;background-image:url(/field.png);outline:1px solid gray;background-color:#00360e80;flex:1}@media screen and (max-width: 768px){.squad-field{height:350px;flex-direction:column;border-radius:8px;background-size:cover;background-position:center;padding:10px}}.squad-bench{width:99%;position:relative;border-radius:12px;margin:10px 0;outline:1px solid gray;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:8px;gap:8px;background-color:#00360e80;color:#000;flex-shrink:0}.player{position:absolute;width:30px;height:30px;border-radius:50%;background:#000;border:3px solid yellow}.goalkeeper{background:green}.dropzone-container{display:flex;flex-direction:column;border-radius:8px;border:2px solid transparent;transition:.2s}.dropzone-container:hover{cursor:pointer;transform:scale(1.2)}.dropzone-container:active{transform:scale(.99);background-color:#d9eaff}.dropzone-container.selected{border:2px solid red;transition:border-color .3s ease}.dropzone-button{background-color:#fff;display:flex;flex-direction:column;height:120px}.squad-container{display:flex;flex-direction:row;justify-content:center;width:100%;height:900px;border-radius:8px;background-color:var(--background-color)}.squad-formation{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.squad-team-player{display:flex;flex-direction:row;width:100%}.squad-player{background-color:#007bff;border-radius:8px!important;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;width:50px;height:50px}.player-img{width:100px;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:8px}#label{color:#fff;font-size:1rem}.search-player-src,.search-player-desc{display:flex;justify-content:center;width:auto;height:100px}.squad-metrics-section{display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px solid gray;border-radius:8px;width:100%;margin-bottom:10px}.squad-members{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:90%;height:auto;outline:1px solid gray}@media (max-width: 1000px){.squad-container{flex-wrap:wrap}.squad-overview,.squad-select,.squad-team{flex:1 1 100%;max-width:100%}}:root{font-family:Roboto,system-ui,sans-serif}