.positional-pitch{--lineup-slot:clamp(78px,13%,112px);display:block;width:100%;max-width:none!important;min-height:clamp(720px,92vw,900px);margin-inline:0!important;padding:0}
.position-slot{position:absolute;z-index:2;left:calc(var(--slot-x)*1%);top:calc(var(--slot-y)*1%);display:grid;width:var(--lineup-slot);min-height:74px;padding:8px 5px;border:2px solid #64748b;border-radius:12px;background:#07111de8;color:var(--ink);box-shadow:0 5px 12px #0008;text-align:center;font:inherit;cursor:pointer;transform:translate(-50%,-50%)}
.position-slot>span{font-size:8px;color:#cbd5e1;min-height:20px}.position-slot>b{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}.position-slot>small{font-size:8px;color:var(--muted)}
.role-perfect{color:#4ade80!important}.role-suitable{color:#facc15!important}.role-out{color:#94a3b8!important}.role-empty{border-style:dashed!important;opacity:.78}
.position-slot.role-perfect{border-color:#22c55e;background:#052e20e8}.position-slot.role-suitable{border-color:#eab308;background:#352b05e8}.position-slot.role-out{border-color:#64748b;background:#18202ce8}
.lineup-legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin:10px 0 14px;font-size:10px;font-weight:850}
.lineup-summary{margin:14px 0;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.lineup-summary h2{margin-top:0}.lineup-summary>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.lineup-summary p{margin-bottom:0;color:var(--muted);font-size:11px}
.role-directory>div{margin-bottom:18px}.role-directory h3{color:var(--muted);font-size:11px;text-transform:uppercase}
.role-directory a{display:grid;grid-template-columns:minmax(130px,1fr) auto 35px;gap:6px;align-items:center;padding:9px;border-bottom:1px solid var(--line);font-size:10px}.role-directory a>b{color:var(--gold);font-size:14px}.role-directory a>span{white-space:nowrap}
.rarity-summary{border-left:4px solid var(--tier-b)!important}
.player-picker{width:min(94vw,620px);max-height:min(82vh,760px);margin:auto auto 84px;padding:0;border:1px solid #40516a;border-radius:24px;background:#0c1625;color:var(--ink);box-shadow:0 25px 80px #000c;overflow:hidden}.player-picker::backdrop{background:#020817c7;backdrop-filter:blur(5px)}.player-picker-head{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:17px 18px 12px;background:#0c1625;border-bottom:1px solid var(--line)}.player-picker-head span{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.14em}.player-picker-head h2{margin:3px 0 0;font-size:28px}.player-picker-head button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#172438;color:white;font-size:25px}.picker-legend{display:flex;gap:16px;padding:11px 18px;border-bottom:1px solid var(--line);font-size:10px;font-weight:850}.player-picker-list{max-height:calc(82vh - 130px);padding:8px 12px 18px;overflow-y:auto}.picker-player,.picker-remove{width:100%;display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center;margin:7px 0;padding:10px;border:1px solid var(--line);border-left-width:5px;border-radius:14px;background:#121d2d;color:var(--ink);font:inherit;text-align:left}.picker-player.role-perfect{border-left-color:#22c55e}.picker-player.role-suitable{border-left-color:#eab308}.picker-player.role-out{border-left-color:#64748b}.picker-player.disabled{opacity:.42}.picker-photo{width:54px;height:58px;border-radius:10px;background-color:#0b2f51;background-size:cover;background-position:center top}.picker-player div>*{display:block}.picker-player div strong{font-size:13px}.picker-player div span,.picker-player div small{margin-top:3px;color:var(--muted);font-size:9px}.picker-player aside{text-align:right}.picker-player aside>*{display:block}.picker-player aside b{color:var(--gold);font-size:22px}.picker-player aside small{color:var(--muted);font-size:9px}.picker-remove{grid-template-columns:38px 1fr;border-left-color:#ef4444}.picker-remove>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ef444422;color:#f87171;font-size:22px}.picker-remove strong,.picker-remove small{display:block}.picker-remove small{color:var(--muted);font-size:9px}
@media(max-width:560px){.positional-pitch{--lineup-slot:18%;min-height:680px}.position-slot{min-height:69px;padding:7px 2px}.position-slot>span{font-size:9px;font-weight:900}.position-slot>b{font-size:10px}.role-directory a{grid-template-columns:1fr auto}.role-directory a>span:nth-of-type(2){display:none}.player-picker{width:100%;max-height:84vh;margin:auto 0 74px;border-radius:24px 24px 0 0}.player-picker-list{max-height:calc(84vh - 130px)}}
.player-roles{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 15px}.player-roles>*{padding:6px 9px;border:1px solid currentColor;border-radius:9px;font-size:10px}
.match-analysis{margin-top:20px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analysis-grid>div{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.analysis-grid span{color:var(--muted);font-size:10px}.analysis-grid em{color:var(--gold);font-style:normal;font-weight:900}
@media(max-width:560px){.analysis-grid{grid-template-columns:1fr}}