.formation-picker{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.formation-picker button{margin:0;padding:7px 9px;border:1px solid #cad9d4;border-radius:18px;background:#fff;color:#35554d;font-size:10px;font-weight:900;cursor:pointer}.formation-picker button.selected{border-color:#0a9363;background:#0a9363;color:#fff}.formation-preview,.football-pitch{position:relative;display:flex;min-height:330px;overflow:hidden;flex-direction:column;justify-content:space-around;padding:16px 10px;border:3px solid #fff;border-radius:15px;background:repeating-linear-gradient(90deg,#298956 0,#298956 12.5%,#23814f 12.5%,#23814f 25%);box-shadow:inset 0 0 0 2px #ffffff80}.formation-preview:before,.football-pitch:before{position:absolute;top:50%;left:0;width:100%;border-top:2px solid #ffffffaa;content:""}.formation-preview:after,.football-pitch:after{position:absolute;top:calc(50% - 42px);left:calc(50% - 42px);width:80px;height:80px;border:2px solid #ffffffaa;border-radius:50%;content:""}.formation-row{z-index:1;display:flex;justify-content:space-evenly;gap:5px}.formation-row span,.pitch-player{display:grid;place-items:center;min-width:34px;max-width:82px;min-height:30px;padding:4px 6px;border:2px solid #fff;border-radius:18px;background:#0a2935;color:#fff;font-size:8px;font-weight:900;text-align:center;box-shadow:0 4px 10px #05271b55}.public-formations{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.public-pitch h3{margin:0 0 7px;text-align:center}.public-pitch>small{display:block;margin-bottom:8px;color:#699345;text-align:center;font-weight:900}.pitch-player{color:#fff!important;text-decoration:none}.pitch-player:hover{background:#85dc3d;color:#08242c!important}.pitch-empty{z-index:2;color:#fff;text-align:center;font-weight:800}@media(max-width:760px){.public-formations{grid-template-columns:1fr}.formation-preview,.football-pitch{min-height:285px}.formation-row span,.pitch-player{min-width:28px;max-width:65px;font-size:7px}}