.team-card{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:30px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #0006}.team-card:hover{border-color:#fbbf24;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #00000080,0 0 15px #fbbf2433}.team-logo-placeholder{background:linear-gradient(135deg,#334155,#1e293b);border:2px solid #475569;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:40px;display:flex;box-shadow:inset 0 4px 6px #0009,0 4px 10px #0000004d}.team-name{letter-spacing:.5px;margin:0;font-size:1.5rem;font-weight:700}.rating-badge{color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:20px;padding:8px 24px;font-size:1.2rem;font-weight:800;box-shadow:0 4px 6px #0000004d}.teams-page-container{max-width:1400px;margin:0 auto;padding:60px 20px}.page-title{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 12px #00000080;margin-bottom:50px;font-size:3rem;font-weight:900}.teams-grid{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:24px;display:grid}@media (width<=1200px){.teams-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=992px){.teams-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.teams-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.teams-grid{grid-template-columns:1fr}}.pitch-container{color:#fff;background:linear-gradient(#064e3b,#022c22);border:2px solid #10b981;border-radius:12px;flex-direction:column;max-width:1200px;height:calc(100vh - 80px);margin:10px auto;padding:20px;display:flex;position:relative;overflow:hidden}.tactics-header{justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 10px;display:flex}.formation-selector{color:#fff;background:#111827;border:2px solid #6ee7b7;border-radius:20px;padding:6px 16px;font-weight:700}.formation-selector select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-size:1rem;font-weight:700}.budget-panel{color:#fbbf24;background:#111827;border:2px solid #fbbf24;border-radius:30px;padding:10px 24px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 10px #00000080}.starting-xi{flex-direction:column;flex-grow:1;justify-content:space-evenly;display:flex}.formation-row{justify-content:center;gap:15px;display:flex}.player-slot{cursor:pointer;color:#fff;background:#ffffff1a;border:2px dashed #6ee7b7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:85px;height:115px;transition:all .2s;display:flex}.player-slot:hover{background:#fff3;transform:scale(1.05)}.player-card-filled{cursor:pointer;color:#fff;text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #fbbf24;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:85px;height:115px;padding:4px;display:flex;box-shadow:0 4px 8px #0006}.player-card-filled strong{white-space:nowrap;text-overflow:ellipsis;max-width:95%;margin:4px 0;font-size:.75rem;line-height:1.1;overflow:hidden}.player-card-filled small{color:#cbd5e1;font-size:.65rem}.bench-container{border-top:2px dashed #fff3;margin-top:10px;padding-top:10px;padding-bottom:10px}.bench-title{text-align:center;color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:.9rem}.bench-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bench-slot,.bench-card{opacity:.8;border-color:#94a3b8;width:70px;height:95px}.bench-card{background:linear-gradient(135deg,#334155,#1e293b);border-color:#cbd5e1}.bench-card strong{font-size:.65rem}.bench-card small{font-size:.6rem}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background:#1e293b;border-radius:16px;width:90%;max-width:500px;max-height:80vh;padding:30px;overflow-y:auto}.player-list-item{cursor:pointer;border-bottom:1px solid #334155;justify-content:space-between;padding:15px;display:flex}.player-list-item:hover{background:#334155}.text-center{text-align:center}.modal-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.modal-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;transition:opacity .2s}.modal-btn:hover{opacity:.9}.modal-btn.swap{background:#3b82f6}.modal-btn.move{background:#3bf6b5de}.modal-btn.remove{background:#ef4444}.modal-btn.cancel{background:#475569;width:100%}.modal-content{color:#fff;background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:85vh;padding:25px;display:flex;overflow:hidden}.filters-container{background:#0f172a;border:1px solid #334155;border-radius:8px;flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px;padding:15px;display:grid}.player-list-container{flex-grow:1;min-height:0;margin-bottom:15px;padding-right:5px;overflow-y:auto}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:#cbd5e1;font-size:.8rem;font-weight:700}.filter-group select{color:#fff;background:#1e293b;border:1px solid #475569;border-radius:4px;outline:none;padding:6px;font-size:.85rem}.filter-group input[type=range]{accent-color:#10b981;cursor:pointer}@media (width<=600px){.filters-container{grid-template-columns:1fr}}:root{color:#f8fafc;box-sizing:border-box;background-color:#0b1120;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{min-height:100vh;margin:0}*{box-sizing:inherit}