*{margin:0;padding:0;box-sizing:border-box}body{background:#0a1128;color:#fff;font-family:Inter,sans-serif}.app{display:flex;justify-content:center;padding:12px}.main-area{display:flex;gap:16px;max-width:1100px}.sidebar-left{display:flex;flex-direction:column;gap:10px;align-items:center;flex-shrink:0;height:440px;width:140px}.team-badge{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));flex-shrink:0}.team-list-wrap{position:relative;flex:1;min-height:0;width:100%}.team-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;height:100%;width:100%;padding:8px 0}.team-list-item{display:flex;align-items:center;gap:6px;padding:5px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:#8899b0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;transition:background .15s,border-color .15s,color .15s}.team-list-item:hover{background:#111d3a;color:#c0cfe0}.team-list-item.active{background:#111d3a;border-color:#4fc3f7;color:#fff}.team-list-badge{width:20px;height:20px;object-fit:contain;flex-shrink:0}.formation-label{font-size:28px;font-weight:900;letter-spacing:2px}.pitch{position:relative;height:440px;aspect-ratio:68 / 105;background:linear-gradient(180deg,#0d3b1e,#145a2a,#0d3b1e);border:2px solid #1a5c30;border-radius:8px;overflow:hidden;flex-shrink:0}.pitch:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:1px;background:#ffffff1f}.pitch:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%)}.pitch .center-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;background:#ffffff26;border-radius:50%;transform:translate(-50%,-50%)}.pitch .box-top{position:absolute;top:-1px;left:50%;transform:translate(-50%);width:180px;height:60px;border:1px solid rgba(255,255,255,.12);border-top:none}.pitch .box-bottom{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:180px;height:60px;border:1px solid rgba(255,255,255,.12);border-bottom:none}.player{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);cursor:grab;transition:transform .2s,filter .2s;z-index:1;-webkit-user-select:none;user-select:none}.player:hover{transform:translate(-50%,-50%) scale(1.1)}.player.dragging{opacity:.3;cursor:grabbing}.player.drop-target{filter:brightness(1.8);transform:translate(-50%,-50%) scale(1.2)}.jersey{width:32px;height:32px;position:relative}.jersey svg{width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.jersey-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);font-size:13px;font-weight:900;color:#0a1128;text-shadow:none;pointer-events:none}img.player-photo{width:60px;height:60px;object-fit:cover;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.sub-photo{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);margin-bottom:4px}.player-name{margin-top:2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}.subs-wrap{position:relative;width:150px;height:440px;flex-shrink:0}.subs-section{overflow-y:auto;height:100%;padding-bottom:12px}.subs-title{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#4fc3f7;margin-bottom:10px;position:sticky;top:0;background:#0a1128;padding-bottom:4px;z-index:1}.subs-row{display:flex;flex-direction:column;gap:6px}.sub-card{width:100%;background:linear-gradient(135deg,#111d3a,#0e1a30);border:1px solid #1c2e50;border-radius:6px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;cursor:grab;transition:border-color .2s,background .2s,transform .2s;-webkit-user-select:none;user-select:none}.sub-card:hover{border-color:#4fc3f7;background:linear-gradient(135deg,#152544,#111d3a)}.sub-card.dragging{opacity:.4}.sub-card.drop-target{border-color:#4fc3f7;transform:scale(1.08);background:linear-gradient(135deg,#1a3360,#152544)}.sub-pos{font-size:9px;font-weight:700;letter-spacing:1px;color:#4fc3f7;margin-bottom:4px}.sub-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#c0cfe0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.9;transform:translate(-50%,-50%)}.drag-ghost .jersey{width:40px;height:40px}.drag-ghost .player-photo{width:60px;height:60px}.team-list::-webkit-scrollbar,.subs-section::-webkit-scrollbar{width:4px}.team-list::-webkit-scrollbar-track,.subs-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.team-list::-webkit-scrollbar-thumb,.subs-section::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}.team-list::-webkit-scrollbar-thumb:hover,.subs-section::-webkit-scrollbar-thumb:hover{background:#4fc3f780}