.player-search-container{flex-direction:column;width:100%;max-width:600px;display:flex;position:relative}.player-search{background:#ffffffd9;border:2px solid #3a7bd5;border-radius:12px;align-items:stretch;width:100%;transition:border-color .3s,box-shadow .3s,background .3s;display:flex;overflow:hidden}.player-search:focus-within{background:#fff;border-color:#00d2ff;box-shadow:0 0 20px #00d2ff40}.input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-input{color:#1a365d;background:0 0;border:none;outline:none;flex:1;width:100%;padding:1rem 1.25rem;font-size:1rem}.search-input::placeholder{color:#a0aec0}.input-spinner{pointer-events:none;border:2px solid #3a7bd5;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute;right:.75rem}.search-button{color:#3a7bd5;cursor:pointer;background:#3a7bd50d;border:none;border-left:1px solid #3a7bd533;justify-content:center;align-items:center;width:60px;padding:0;transition:background .2s,color .2s;display:flex}.search-button:hover{color:#fff;background:#3a7bd5}.search-button svg{width:22px;height:22px}.suggestions-list{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:300px;margin-top:.5rem;padding:.5rem 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.suggestion-item{cursor:pointer;color:#2d3748;text-align:left;padding:.75rem 1.25rem;transition:background .2s,color .2s}.suggestion-item:hover,.suggestion-item.active{color:#2b6cb0;background:#ebf8ff}.player-search.magenta{border-color:#f0f}.player-search.magenta:focus-within{border-color:#f0f;box-shadow:0 0 20px #f0f3}.player-search.magenta .search-button{color:#f0f;background:#ff00ff0d;border-left-color:#f0f3}.player-search.magenta .search-button:hover{color:#fff;background:#f0f}.player-search.magenta .input-spinner{border-color:#0000 #f0f #f0f}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.search-input{padding:.875rem 1rem;font-size:.95rem}.search-button{width:54px}}
.radar-chart-container{background:#ffffff08;border:1px solid #3a7bd54d;border-radius:16px;width:100%;max-width:900px;padding:.5rem 2rem 2rem}.players-grids-container{flex-direction:column;gap:2rem;margin-top:1rem;display:flex}.player-stats-section{border-top:1px solid #3a7bd533;padding-top:1.5rem}.player1-stats .player-details span{color:#007791;background:#00d2ff26}.player1-stats .stat-item{background:#00d2ff0d}.player2-stats .player-details span{color:#909;background:#ff00ff1a}.player2-stats .stat-item{background:#ff00ff0d}.player-info{text-align:center;margin-bottom:1.5rem}.player-info h2{color:#1a365d;margin-bottom:.75rem;font-size:1.8rem}.player-details{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.player-details span{border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.radar-chart-wrapper{margin:-1rem 0 0}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stat-item{border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat-label{color:#718096;text-transform:uppercase;letter-spacing:.025em;font-size:.8rem}.stat-value{color:#2d3748;font-size:1.05rem;font-weight:700}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.radar-chart-wrapper .recharts-legend-item-text{font-size:10pt;fill:#000!important;color:#000!important}.radar-chart-wrapper .recharts-legend-wrapper{margin-top:30px!important;padding-top:30px!important}
.app{background:linear-gradient(135deg,#e0f2f1 0%,#cfd8dc 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:3rem}.app-header h1{color:#000;margin-bottom:.5rem;font-size:2.5rem}.app-header p{color:#4a5568;font-size:1.1rem}.app-header .note{padding-top:8px;font-size:.9rem;font-style:italic}.app-main{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.search-section{flex-direction:column;gap:1rem;width:100%;max-width:600px;display:flex}.loading-small{justify-content:center;display:flex}.loading-small .spinner{border-width:3px;width:24px;height:24px}.loading,.error{text-align:center;padding:2rem}.loading p,.error p{color:#000;margin-top:1rem}.spinner{border:4px solid #3a7bd5;border-top-color:#0000;border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{text-align:center;color:#718096;margin-top:4rem;padding-bottom:2rem;font-size:.85rem}.app-footer a{color:#3182ce;text-decoration:none}.app-footer a:hover{text-decoration:underline}