.lineup-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:10;text-align:center;width:62px;position:absolute;transform:translate(-50%,-50%)}.lineup-card:active{cursor:grabbing}.lineup-card-photo{width:42px;height:42px;font-family:var(--font-v2-display,system-ui), sans-serif;color:var(--color-v2-ink);background:linear-gradient(#fff 0%,#f0f0f0 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 4px;font-size:14px;font-weight:900;display:flex;position:relative;box-shadow:0 2px 6px #0000004d}.lineup-card-photo-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.lineup-num-badge{background:var(--color-v2-ink);color:#fff;width:18px;height:18px;font-family:var(--font-v2-mono,monospace);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex;position:absolute;bottom:-2px;left:-2px}.lineup-card-name{font-family:var(--font-v2-display,system-ui), sans-serif;color:#fff;text-shadow:0 1px 3px #000000b3;letter-spacing:-.01em;font-size:12px;font-weight:900;line-height:1.15}.lineup-pos-chip{font-family:var(--font-v2-mono,monospace);color:#fff;letter-spacing:.06em;background:#0000008c;border-radius:3px;margin-top:2px;padding:1.5px 5px;font-size:9px;font-weight:700;display:inline-block}.lineup-remove-btn{color:#fff;width:16px;height:16px;font-family:var(--font-v2-display,system-ui), sans-serif;cursor:pointer;z-index:20;background:#000000b3;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:900;line-height:1;display:none;position:absolute;top:-6px;right:6px}.lineup-card:hover .lineup-remove-btn{display:inline-flex}.lineup-remove-btn:hover{background:var(--color-v2-flame)}.lineup-empty-slot{color:#ffffffb3;cursor:pointer;z-index:5;background:#ffffff0f;border:2px dashed #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .12s,border-color .12s;display:flex;position:absolute;transform:translate(-50%,-50%)}.lineup-empty-slot-label{font-family:var(--font-v2-mono,monospace);color:#ffffffd9;white-space:nowrap;letter-spacing:.06em;background:#00000080;border-radius:2px;padding:1px 4px;font-size:7px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.lineup-empty-slot.empty-slot-hot{background:#ff3d0026;border-color:#ff3d00e6}.lineup-card.dragging{z-index:100}.lineup-card.dragging .lineup-card-photo{border-color:var(--color-v2-flame);transform:scale(1.2);box-shadow:0 0 0 3px #ff3d0066,0 10px 20px -3px #00000080}.lineup-card.swap-target .lineup-card-photo:after{content:"";box-shadow:0 0 0 2px var(--color-v2-flame), 0 0 0 5px #ff3d0033, 0 6px 14px -2px #ff3d0059;pointer-events:none;border-radius:50%;position:absolute;inset:-6px}[data-role-row].swap-target{box-shadow:inset 0 0 0 2px var(--color-v2-flame), 0 0 0 3px #ff3d0033, 0 6px 14px -2px #ff3d0059;border-color:var(--color-v2-flame)!important;background:#ff3d0024!important}li.swap-target{box-shadow:inset 0 0 0 2px var(--color-v2-flame), 0 0 0 3px #ff3d0033, 0 6px 14px -2px #ff3d0059;transform:translateY(-2px)scale(1.03);border-color:var(--color-v2-flame)!important;background:#ff3d0024!important}.starter-row{background:linear-gradient(#ff3d000a 0%,#0000 100%)}.lineup-pos-picker{z-index:1000;border:1px solid var(--color-v2-hairline);background:#fff;border-radius:14px;min-width:280px;padding:12px;animation:.12s ease-out lineupPickerFade;position:fixed;box-shadow:0 16px 40px -6px #00000038,0 4px 14px -4px #0000001f}@keyframes lineupPickerFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lineup-pos-picker-title{font-family:var(--font-v2-display,system-ui), sans-serif;color:var(--color-v2-ink);letter-spacing:-.01em;padding:2px 4px 10px;font-size:13px;font-weight:900}.lineup-pos-picker-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lineup-pos-picker-group{font-family:var(--font-v2-mono,monospace);color:var(--color-v2-text-3);letter-spacing:.18em;border-bottom:1px dashed var(--color-v2-hairline);grid-column:1/-1;margin-bottom:4px;padding:12px 4px 6px;font-size:10px;font-weight:800}.lineup-pos-picker-group:first-child{padding-top:0}.lineup-pos-picker-item{font-family:var(--font-v2-mono,monospace);background:var(--color-v2-surface-2);color:var(--color-v2-ink);cursor:pointer;text-align:center;letter-spacing:.04em;border:1.5px solid #0000;border-radius:10px;min-height:48px;padding:14px 6px;font-size:14px;font-weight:800;transition:background .1s,color .1s,border-color .1s,transform 80ms}.lineup-pos-picker-item:hover{color:var(--color-v2-flame);background:#ff3d001a;border-color:#ff3d0066;transform:translateY(-1px)}.lineup-pos-picker-item:active{transform:translateY(0)scale(.97)}.lineup-pos-picker-item.current{background:var(--color-v2-flame);color:#fff;border-color:var(--color-v2-flame);box-shadow:0 4px 12px -2px #ff3d0066}.lineup-pos-chip-lg,.lineup-pos-chip-sm{font-family:var(--font-v2-mono,monospace);text-align:center;letter-spacing:.04em;white-space:nowrap;border:1px solid var(--color-v2-hairline);background:var(--color-v2-surface-2);width:64px;color:var(--color-v2-ink);border-radius:6px;padding:5px 0;font-size:11px;font-weight:800;display:inline-block}.lineup-pos-chip-lg{cursor:pointer;background:#fff;border-color:#ff3d004d;transition:background .12s,color .12s,box-shadow .12s,transform .1s;box-shadow:0 1px 2px #09090b0a}.lineup-pos-chip-lg:hover{color:var(--color-v2-flame);background:#ff3d0014;border-color:#ff3d0080;transform:translateY(-1px)}.lineup-pos-chip-editable-pool{font-family:var(--font-v2-mono,monospace);text-align:center;letter-spacing:.04em;white-space:nowrap;border:1px solid var(--color-v2-hairline);background:var(--color-v2-surface-2);width:64px;color:var(--color-v2-ink);cursor:pointer;border-radius:6px;padding:5px 0;font-size:11px;font-weight:800;transition:background .12s,color .12s,box-shadow .12s,transform .1s}.lineup-pos-chip-editable-pool:hover{color:var(--color-v2-flame);background:#fff;border-color:#ff3d0080;transform:translateY(-1px)}.lineup-pos-chip-editable-pool.editing{background:var(--color-v2-flame);color:#fff;border-color:var(--color-v2-flame);box-shadow:0 0 0 3px #ff3d0040}.lineup-pos-chip-lg.editable{background:#fff;border-color:#ff3d0040;box-shadow:0 1px 2px #09090b0a}.lineup-pos-chip-lg.editable:hover{color:var(--color-v2-flame);background:#ff3d001a;border-color:#ff3d0080;transform:translateY(-1px)}.lineup-pos-chip-lg.editing{background:var(--color-v2-flame);color:#fff;border-color:var(--color-v2-flame);box-shadow:0 0 0 3px #ff3d0040}.lineup-touch-preview{pointer-events:none;z-index:9999;font-family:var(--font-v2-body,system-ui), sans-serif;color:#fff;background:var(--color-v2-flame);white-space:nowrap;letter-spacing:-.01em;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;position:fixed;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 8px 20px -4px #0000004d,0 0 0 3px #ff3d0040}.lineup-empty-slot.empty-slot-hot{border-color:var(--color-v2-flame);background:#ff3d0026;box-shadow:0 0 0 3px #ff3d0040}