.formation-label{min-width:110px;flex:0 0 auto}.formation-label b{display:block;white-space:nowrap!important;word-break:normal;overflow-wrap:normal}.lineup-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:25px 0}.lineup-controls label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#b9c9c0}.lineup-controls select{background:#182321;color:white;border:1px solid #637958;padding:12px 44px 12px 16px;font:700 18px Barlow,Arial;min-width:180px;cursor:pointer}.lineup-controls button{background:transparent;color:#bdcfc5;border:1px solid #3e5048;padding:13px;font-size:13px}.lineup-board{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:25px}.lineup-board .pitch{height:auto;aspect-ratio:1.08;min-height:550px}.lineup-board #players{position:absolute;inset:0}.lineup-slot{position:absolute;transform:translate(-50%,-50%);width:150px;display:flex;align-items:center;flex-direction:column;background:none;border:0;color:white;padding:3px;cursor:grab;user-select:none;touch-action:none}.lineup-face{display:block;width:110px;height:110px;border-radius:50%;overflow:hidden;border:2px solid #91bb54;background:#162420}.lineup-face img{display:block;max-width:none;width:250%;height:auto;margin-left:-75%;pointer-events:none}.lineup-name{font-size:17px;font-weight:700;background:#08130de8;padding:4px 7px 2px;max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineup-position{font-size:14px;color:var(--green);background:#08130de8;padding:2px 5px 4px}.lineup-picked .lineup-face,.drop-target .lineup-face{border-color:#fff;box-shadow:0 0 0 3px var(--green)}.lineup-bench h4{font-size:17px;margin:0 0 16px}.lineup-bench p{font-size:13px;color:#a9bfb2;line-height:1.7}.bench-list{display:flex;flex-direction:column;gap:9px}.bench-player{display:flex;flex-direction:column;align-items:start;gap:5px;padding:12px 15px;color:#eff5ee;background:#14201b;border:1px solid #344c3e;text-align:left;touch-action:none}.bench-player b{font-size:15px}.bench-player span{font-size:12px;color:#a9c2b0}.bench-player.lineup-picked{border-color:var(--green);background:#243c1a}.lineup-status{font-size:14px;line-height:1.7;color:#b8d1bf;min-height:48px;margin-top:18px}.lineup-note{font-size:13px;line-height:1.8;color:#a7bdb0}.lineup-drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-125%);background:var(--green);color:#13200b;padding:12px 20px;font-weight:700;box-shadow:0 6px 25px #0008}.lineup-slot:focus-visible,.bench-player:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:900px){.lineup-board{grid-template-columns:minmax(0,1fr)}.bench-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lineup-board .pitch{min-height:560px;aspect-ratio:auto}.lineup-bench{margin-top:5px}}
@media(max-width:640px){.roster>.section-head{align-items:flex-start}.formation-label{min-width:95px;max-width:none;font-size:9px}.formation-label b{font-size:29px}.lineup-slot{width:80px;padding:2px}.lineup-face{width:64px;height:64px}.lineup-name{font-size:11px;padding:3px 4px 2px;max-width:80px}.lineup-position{font-size:10px;padding:1px 3px 3px}.lineup-board .pitch{min-height:650px}.lineup-controls{align-items:stretch;gap:12px}.lineup-controls select{min-width:145px;font-size:17px}.lineup-controls button{max-width:135px;font-size:12px}.lineup-status{font-size:13px}.lineup-note{font-size:12px}}

.roster-detail{max-width:480px;margin:35px auto 0}.lineup-controls select:focus-visible{outline:2px solid var(--green);outline-offset:3px}