[hidden]{display:none!important}.portrait img{width:70px;height:68px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #0a163027)}
.roster-builder-card{grid-column:1/4;padding:26px}.builder-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:20px}.builder-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:900;color:#647086;text-transform:uppercase;letter-spacing:.6px}.builder-toolbar input,.builder-toolbar select,.builder-footer input,.builder-footer select{height:42px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;padding:0 12px;color:var(--ink)}.builder-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:22px}.builder-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.builder-section-heading strong{font-size:13px}.builder-section-heading small{color:#7e8796}.formation-builder{min-height:356px;border:1px solid #e0e5ec;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eef4f5);padding:14px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;position:relative}.formation-builder:before{content:"";position:absolute;inset:18px;background:repeating-linear-gradient(180deg,#dce6e655 0 1px,transparent 1px 48px);pointer-events:none}.formation-slot{position:relative;z-index:1;border:1px solid #d8dee7;border-radius:10px;background:#fff;min-height:96px;padding:7px;cursor:pointer;text-align:left;box-shadow:0 3px 8px #17294a0b}.formation-slot>span{display:block;color:#7b8493;font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.formation-slot.selected{border:2px solid #5b38ff;box-shadow:0 0 0 3px #5b38ff18}.formation-slot.center-slot{grid-column:2/4;width:50%;justify-self:center}.slot-player{display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr 1fr;align-items:center}.slot-player .mini-portrait{grid-row:1/3}.slot-player strong{font:600 13px 'Barlow Condensed';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-player small{font:600 10px 'Barlow Condensed';color:#617089}.mini-portrait{width:40px;height:44px;border-radius:8px;background:#eef2f7;display:grid;place-items:center;overflow:hidden;color:#344866;font-size:11px;font-weight:900}.mini-portrait img{width:44px;height:44px;object-fit:contain;object-position:center bottom}.empty-slot{height:52px;display:grid;place-items:center;color:#6a55e8;font-size:11px;font-weight:800;border:1px dashed #a9a0ee;border-radius:7px}.player-catalog{height:356px;overflow:auto;border:1px solid #e0e5ec;border-radius:14px;padding:8px;background:#fafbfc}.catalog-player{width:100%;display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:9px;border:0;border-bottom:1px solid #edf0f4;background:transparent;padding:8px 5px;text-align:left;cursor:pointer}.catalog-player:hover{background:#f0f5ff}.catalog-player.in-roster{background:#effbed}.catalog-player>span{display:flex;flex-direction:column;gap:2px}.catalog-player strong{font-size:12px}.catalog-player small{font-size:10px;color:#778197}.catalog-player>b{font-size:9px;color:#5b38ff}.catalog-player.in-roster>b{color:#1a9a28}.catalog-empty{color:#777;text-align:center;margin-top:80px}.builder-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.preset-tools,.builder-actions{display:flex;gap:8px}.builder-footer button{border:1px solid #d9deea;border-radius:9px;background:#fff;padding:0 15px;font-weight:800;font-size:11px;cursor:pointer}.builder-footer .primary-action{border:0;background:#07112b}.preset-tools input{width:150px}
@media(max-width:1000px){.roster-builder-card{grid-column:1/3}.builder-layout{grid-template-columns:1fr}.player-catalog{height:280px}.builder-footer{flex-direction:column}.preset-tools,.builder-actions{flex-wrap:wrap}}
@media(max-width:600px){.roster-builder-card{grid-column:auto;padding:16px}.builder-toolbar{grid-template-columns:1fr}.formation-builder{min-height:430px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr)}.formation-slot.center-slot{grid-column:1/3;width:50%}.builder-footer,.preset-tools,.builder-actions{display:grid;grid-template-columns:1fr}.preset-tools input{width:auto}.builder-footer button{min-height:42px}}

.roster .player:nth-child(1){grid-column:1;grid-row:1}.roster .player:nth-child(2){grid-column:2;grid-row:1}.roster .player:nth-child(3){grid-column:3;grid-row:1}.roster .player:nth-child(4){grid-column:4;grid-row:1}.roster .player:nth-child(5){grid-column:2/4;grid-row:2;width:50%;justify-self:center}.roster .player:nth-child(6){grid-column:1;grid-row:3}.roster .player:nth-child(7){grid-column:2;grid-row:3}.roster .player:nth-child(8){grid-column:3;grid-row:3}.roster .player:nth-child(9){grid-column:4;grid-row:3}
.formation-slot:nth-child(1){grid-column:1;grid-row:1}.formation-slot:nth-child(2){grid-column:2;grid-row:1}.formation-slot:nth-child(3){grid-column:3;grid-row:1}.formation-slot:nth-child(4){grid-column:4;grid-row:1}.formation-slot.center-slot{grid-column:2/4;grid-row:2;width:50%;justify-self:center}.formation-slot:nth-child(6){grid-column:1;grid-row:3}.formation-slot:nth-child(7){grid-column:2;grid-row:3}.formation-slot:nth-child(8){grid-column:3;grid-row:3}.formation-slot:nth-child(9){grid-column:4;grid-row:3}
@media(max-width:600px){.formation-slot:nth-child(1){grid-column:1;grid-row:1}.formation-slot:nth-child(2){grid-column:2;grid-row:1}.formation-slot:nth-child(3){grid-column:1;grid-row:2}.formation-slot:nth-child(4){grid-column:2;grid-row:2}.formation-slot.center-slot{grid-column:1/3;grid-row:3;width:50%}.formation-slot:nth-child(6){grid-column:1;grid-row:4}.formation-slot:nth-child(7){grid-column:2;grid-row:4}.formation-slot:nth-child(8){grid-column:1;grid-row:5}.formation-slot:nth-child(9){grid-column:2;grid-row:5}}